@font-face {
    font-family: 'Bluu_Nexttitling';
    src: url('/font/BluuNext-Titling.ttf') format('truetype'),
        url('/font/bluunext-titling.woff2') format('woff2'),
        url('/font/bluunext-titling.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: Termina;
    src: url(/font/Termina-Regular.otf);
}


.overlay {
    font-family: Bluu_Nexttitling;
    color: white;
    z-index: 10;
    mix-blend-mode: difference;
}

.navbar {
    font-size: 24pt;
    bottom: 0;
    position: fixed;
    text-align: right;
    padding-bottom: 30px;
    right: 30px;
}

.menu {
    display: none;
    bottom: 180px;
    right: 50px;
    text-align: right;
}

/* #menusmart{
    display: block;
  } */

#menudesk {
    display: none;
}

.navbar a {
    text-decoration: none;
    color: white;
    font-size: 18pt;
}

.navbar:hover #menusmart {
    display: block;
}

.navbar:hover #menudesk {
    display: none;
}



.title {
    top: 5vh;
    /* width: 25vw; */
    margin-left: 0vw;
    position: absolute;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: mixed;
    font-size: 60pt;
    cursor: default;
}

#sign {
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: mixed;
    line-height: 0.5;
    cursor: default;
}



@media (min-width: 1200px) {
    /*display for desktop*/



    .title{
        margin-left: 20vw;

    }
    /* .navbar {
        top: 8vh;
        bottom: unset;
        right: unset;
        left: 15vw;
        padding-bottom: unset;
        font-size: 40pt;
        text-align: unset;
    }

    .menu {
        display: none;
        bottom: unset;
        right: unset;
        text-align: unset;
    }

    #menusmart {
        display: none;
    }

    #menudesk {
        display: block;
    }

    .navbar a {
        text-decoration: none;
        color: white;
        font-size: 25pt;
    
    }

    .navbar:hover #menusmart {
        display: none;
    }

    .title {
        top: 17vh;
        width: unset;
        font-size: 28pt;
        left: 66vw;
    }

    span{
        display: none;
    } */


}