html, body {
    padding: 0; margin: 0;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat.ttf');
}

* {
    font-family: 'Montserrat';
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
}

/* Textures */

.liquidGlass {
    background: linear-gradient(314deg,rgba(236, 236, 236, 0.5) 0%, rgba(70, 69, 69, 0.5) 40%, rgba(70, 69, 69, 0.5) 60%, rgba(255, 255, 255, 0.5) 80%); outline: .5px solid rgba(241, 241, 241, 0.822);
    backdrop-filter: blur(5px) brightness(0.8);  box-shadow: 0 0 2dvh #5353531e;
}

.gradientButton {
    background: linear-gradient(360deg,rgba(15, 14, 14, 1) 0%, rgba(43, 38, 43, 1) 95%, rgba(143, 141, 141, 0.75) 100%);
    outline: 1px solid #ebebeb; box-shadow: 0 0 1dvh #1817188e;
}

.gradientButton:hover {
    transform: translateY(-10%) scaleX(1.1);
}

/* NAV */

nav {
    width: 100%;
    position: fixed;

    display: flex; justify-content: space-evenly; align-items: center;
}

nav > a:first-of-type {
    width: 5%;
}

nav > a > img {
    width: 100%;
}

nav > div {
    width: 50%;
    display: flex; justify-content: space-evenly; align-items: center;

    color: #181718;

    padding: 1%;
    border-radius: 5dvh;
}

nav > a:last-of-type {
    padding: 1.3%;

    color : #FBFBF2; font-weight: 600;
    border-radius: 5dvh;

    transition: 1s;
}