body{
    font-family: 'Noto Sans SC', sans-serif;
    position: relative;
    font-size: 16px;
    background-color: var(--body);
    color: var(--darkGray);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    
}

@media screen and (max-width:1200px){
    body{
        background-color:var(--light);
        font-size:14px
    }
}

body.hidden{
    height:100dvh;
    overflow-y:hidden
}

header{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 4;
    background-color: var(--header);
}
main{
    height: auto;
    margin-top: 84px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width:1200px){
    main{
        margin-top: 60px;
    }
}

footer{
    width: 100%;
    background-color: var(--dark);
    text-align: center;
    color:var(--lightGreen);
    line-height: 75px;
    font-size: 1.125rem;
}