@media only screen and (min-width: 768px) {
    * {
        cursor: none;
    }

    body {
        font-family: "Overpass", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
        background-color: #F7F7F7;
        color: #050505;
        font-size: 12px;
        margin-top: 1%;
        margin-left: 2%;
        margin-bottom: 1%;
        margin-right: 2%;
        width: auto;
        height: 100%;
        font-weight: 500;

    }

    

    #mobile{
        display: none;
    }

    #background {
        position: fixed;
        width: 100%;
        height: 100%;
        margin: -1% -2% -1% -2%;
        z-index: -1;
    }


    #bottom {
        position: fixed;
        bottom: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;


    }

    #bottom2 {
        position: fixed;
        bottom: 0;
        opacity: 0.5;
        display: none;
        flex-direction: row;
        justify-content: space-between;

    }

    #top {
        display: flex;
        flex-direction: row;
    }

    #container1 {
        width: 10%;
        height: fit-content;
        text-decoration: none;
        color: #050505;
    }

    #container1 a {
        text-decoration: none;
        color: #050505;
    }


    #container2 {
        width: 50%;
    }

    #container3 {
        width: 40%;
    }



    #list {
        margin-top: 1%;
        padding-left: 18px;

    }

    #list li {
        width: fit-content;
    }


    #def-desc,
    #desc-click {
        position: absolute;
        margin-right: 2%;

    }

    #about-desc {
        display: none;
        padding-right: 20%;
    }

    #contact-desc {
        display: none;
        padding-right: 20%;
    }

    #contact-desc a {
        color: #050505;
        text-decoration: none;
    }


    #index {
        margin-top: 1%;
    }

    #splash {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        font-family: "Open Sans", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        background-color: #F7F7F7;
    }

    #splash p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        filter: blur(20px);


    }

    #imageProfile {
        width: 38%;
        display: none;
        position: absolute;

    }

    #imageProfile2 {
        width: 38%;
        display: none;
        position: absolute;

    }

    #close-button {
        width: fit-content;
    }

    .bottom__contact {
        position: fixed;
        right: 0;
        margin-right: 2%;
    }

    .bottom__logo {
        display: none;
    }

    .blurred {
        filter: blur(20px);

    }

    .ease-in {
        transition: filter 0.3s ease-out;
    }

    .custom-cursor {
        position: fixed;
        opacity: 0;
        pointer-events: none;
        mix-blend-mode: difference;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-color: white;
        transition: transform 350ms ease;
        transform: translate(-50%, -50%) scale(.3);
        z-index: 1000;
    }

    .custom-cursor--link {
        transform: translate(-50%, -50%) scale(.6);
    }

}