/* FONTS */
@font-face {
  font-family: Nexa-Bold;
  src: url('assets/fonts/Nexa-Bold.ttf');
}

@font-face {
  font-family: Nexa-Heavy;
  src: url('assets/fonts/Nexa-Bold.ttf');
}

@font-face {
  font-family: Nexa-Light;
  src: url('assets/fonts/Nexa-Light.ttf');
}

.font-white { color: white; }

.nexa-bold { font-family: "Nexa-Bold", sans-serif; }
.nexa-heavy { font-family: "Nexa-Heavy", sans-serif; }
.nexa-light { font-family: "Nexa-Light", sans-serif; }

.bold { font-weight: bold; }


/* MAIN */
html {
    background-color: #fffff2;
}

body {
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
}

a {
    color: #000;
    text-decoration: none;
}

button {
    border: none;
}


/* display & position */
.flex { display: flex; }

.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }

/* screen */
.w-full { width: 100%; }
.w-screen { width: 100vw; }
.w-max { width: 1140px; }

.h-full { height: 100%; }
.h-header { height: 500px; }


/* alignment */
.items-centre { align-items: center; }

.justify-between { justify-content: space-between; }
.justify-centre { justify-content: center; }

.style-none { list-style: none; }

.uppercase { text-transform: uppercase; }

/* index */
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }


/* fine details */
.nav-bg-colour { background-color: #ffffee; }
.nav { height: 75px; }
.nav-margin-left { margin-left: 200px; }
.nav-margin-right { margin-right: 200px; }
.nav-logo-size { font-size: 30px; }
.nav-link-size { font-size: 15px; }
.nav-link-space { margin-left: 25px; }

.top-nav { top: 75px; }