*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

a{
    text-decoration: none;
}

@font-face {
    font-family: font1;
    src: url(./assets/Roboto-Medium.ttf);
}

.navClick{
    cursor: pointer;
    transition: all linear .2s;
}

.navClick:hover
{
    transform: translateY(-2px);
}

.navList
{
    position: relative;
    isolation: isolate;
}
.navList::after
{
    z-index: -1;
    position: absolute;
    content:"";
    top:0px;
    left: 0px;
    width:0px;
    height:100%;
    background-color: rgba(255, 255, 255, .1);
    transition: all linear .3s;
}

.navList:hover::after
{
    width:100%;
}

.a_hover:hover
{
    border-bottom: 2px solid #F0B90B;
}

.container
{
    position: relative;
    isolation: isolate;
}

.container::after
{
    content: "";
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: -1;
}