*{
    padding: 0%;
    margin: 0%;
}
@font-face {
    font-family: 'higher';
    src: url('fonts/Higher.otf');
}
@font-face {
    font-family: 'moonM';
    src: url('fonts/MoonGlossDisplayMedium.otf');
}
@font-face {
    font-family: 'MoonTh';
    src: url('fonts/MoonGlossDisplayThick.otf');
}
@font-face {
    font-family: 'moonT';
    src: url('fonts/MoonGlossDisplayThin.otf');
}
body{
    background-image: url('img/bg.png');
    background-size: cover;
}
h1{
    font-family: 'higher';
    font-size: 3rem;
    color: rgb(196, 196, 163);
    padding: 10px 10px 10px 30px;
}
header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header nav #menu{
    display: flex;
    justify-content: space-around;
}
header a{
    display: inline-block;
    font-family: 'moonM';
    color: rgb(196, 196, 163);
    font-size: 1rem;
    padding: 10px 30px 10px 10px;
    text-decoration: none;
    transition: transform 0.18s ease, color 0.18s;
    transform-origin: center;
    will-change: transform;
    
}
header a:hover{
    color: white;
    transform: scale(1.15);
}