/*--
  © 2024 Nereus Games – http://nereus.games/
  ♥︎ Sharing is caring. Please share & reuse as you see fit.
  */


/* Reset */

*, *::before, *::after {
  border:           0;
  box-sizing:       inherit;
  font:             inherit;
  line-height:      1.2;
  margin:           0;
  max-width:        100%;
  outline:          0;
  padding:          0;
  text-decoration:  none;
  z-index:          inherit;
  }


/* Typefaces */

@font-face {
  font-family: 'Amaranth';
  src: url('/main/fonts/amaranth-regular.ttf') format('truetype');
  font-weight: 400; /* Normal */
  font-style: normal;
  }
@font-face {
  font-family: 'Amaranth';
  src: url('/main/fonts/amaranth-bold.ttf') format('truetype');
  font-weight: 700; /* Bold */
  font-style: normal;
  }
@font-face {
  font-family: 'Amaranth';
  src: url('/main/fonts/amaranth-italic.ttf') format('truetype');
  font-weight: 400; /* Normal */
  font-style: italic;
  }
@font-face {
  font-family: 'Amaranth';
  src: url('/main/fonts/amaranth-bold-italic.ttf') format('truetype');
  font-weight: 700; /* Bold */
  font-style: italic;
  }

@font-face {
  font-family: 'Spartan';
  src: url('/main/fonts/spartan-xlight.otf') format('opentype');
  font-weight: 200; /* Extra Light */
  font-style: normal;
  }
@font-face {
  font-family: 'Spartan';
  src: url('/main/fonts/spartan-light.otf') format('opentype');
  font-weight: 300; /* Light */
  font-style: normal;
  }
@font-face {
  font-family: 'Spartan';
  src: url('/main/fonts/spartan-regular.otf') format('opentype');
  font-weight: 400; /* Normal */
  font-style: normal;
  }
@font-face {
  font-family: 'Spartan';
  src: url('/main/fonts/spartan-medium.otf') format('opentype');
  font-weight: 500; /* Medium */
  font-style: normal;
  }
@font-face {
  font-family: 'Spartan';
  src: url('/main/fonts/spartan-semibold.otf') format('opentype');
  font-weight: 600; /* Semi Bold */
  font-style: normal;
  }
@font-face {
  font-family: 'Spartan';
  src: url('/main/fonts/spartan-bold.otf') format('opentype');
  font-weight: 700; /* Bold */
  font-style: normal;
  }
@font-face {
  font-family: 'Spartan';
  src: url('/main/fonts/spartan-xbold.otf') format('opentype');
  font-weight: 800; /* Extra Bold */
  font-style: normal;
  }
@font-face {
  font-family: 'Spartan';
  src: url('/main/fonts/spartan-black.otf') format('opentype');
  font-weight: 900; /* Black */
  font-style: normal;
  }


/* Basics */

html {
  box-sizing:       border-box;
  color:            #012D6C;
  font-family:      'Spartan', sans-serif;
  font-size:        24px;
  font-weight:      300;
  text-align:       left;
  z-index:          0;
  }

em {
  font-style:       italic;
  }
a {
  color:            inherit;
  text-decoration:  underline;
  }
a:focus, a:hover {
  color:            inherit;
  }


/* Header + Footer */

nav {
  position:         fixed;
  width:            100%;
  height:           5rem;
  top:              0;
  background:       #FFFFFF;
  display:          flex;
  justify-content:  space-between;
  align-items:      center;
  }
h1 img {
  margin:           .5rem 2rem;
  max-height:       4rem;
  }
.menu {
  display:          flex;
  justify-content:  space-between;
  margin:           0 2rem;
  }
.menu li {
  color:            #012D6C;
  font-family:      'Amaranth', sans-serif;
  font-weight:      400;
  list-style:       none;
  margin:           1.5rem .5rem;
  max-height:       1rem;
  }
.menu a {
  text-decoration:  none;
  }
.icons li {
  font-variant:     small-caps;
  }
.icons img {
  height:           .8rem;
  width:            .8rem;
  vertical-align:   middle;
  }
footer {
  height:           4.2rem;
  display:          flex;
  justify-content:  center;
  align-items:      center;
  background:       #012D6C;
  }
footer p {
  color:            #FFFFFF;
  font-size:        .67rem;
  font-weight:      400;
  text-align:       center;
  max-width:        90%;
  }
main {
  margin-top:       5rem;
  }
main img {
  display:          block;
  }


/* Special Blocks */

.split {
  display:          flex;
  flex-wrap:        wrap;
  justify-content:  space-evenly;
  align-content:    flex-start;
  align-items:      baseline;
  margin-bottom:    1rem;
  }
.split section {
  width:            20rem;
  max-width:        90%;
  }
.split h2 {
  font-size:        2rem;
  }
.split h2 ~ * {
  margin-top:       1rem;
  }
.split section:last-child {
  padding-top:      3rem;
  }



/* Media Queries */