@font-face {
    font-family: EBRATHOTRIAL;
    src: url(./public/EBRATHOTRIAL.woff);
}

@font-face {
    font-family: ROSTACK;
    src: url(./public/Rostack-JRqDB.otf);
}

@font-face {
    font-family: GRUNO TRIAL;
    src: url(./public/Gruno\ Trial.otf);
}

html{
    overflow-x: hidden;
}

html,body{
    margin: 0%;
    width: 100%;
    height: auto;
    padding-bottom: 50px;
}
body{
    
    background-color: #fff;
}

::-webkit-scrollbar{
    width: 6px;
}

::-webkit-scrollbar-thumb{
    background: #FF4B97;
    border-radius: 5px;
}

.navbar{
    width: 100%;
    align-items: center;
    align-content: center;
    text-align: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 5px;
    background-image: url(public/c11@2x.png),url(public/111111s@2x.png),url(public/ml@2x.png);
    background-position: right -215px,left 10px,110px 20px;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size: 500px 500px,108px 102px,104px 78px;
    background-color:#331749;
}

/*.navbar img{
    display: none;
}

#img2{
    margin-top: 10px;
}
*/

.navbar ul{
    font-family: EBRATHOTRIAL;
    text-transform: uppercase;
    padding-top: 15px;
    color: #331749;
    list-style-type: none;
}

.navbar ul li{
    display: inline;
    margin-right: 5%;
}

.navbar ul li:last-child{
    margin: 0%;
}

.navbar ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
}

@media screen and (hover:none) {

    ::-webkit-scrollbar{
        width: auto;
    }

    .navbar{
        background-image: url(./public/111111s@2x.png),url(./public/ml@2x.png);
        background-repeat: no-repeat,no-repeat;
        background-position: left 10px,55px 10px;
        background-size: 50px 50px,50px 50px;
    }

    .navbar ul{
        margin-top: 50px;
    }

    .navbar ul li a{
        font-size: 20px;
    }
}