* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

* > img {
  display: block;
  max-width: 100%;
}

:root {
  font-size: 10px;
  
  --darkBlue300: #1e345d;
  --darkBlue400: #002858;
  --darkBlue500: #13213b;
  --darkBlue550: #0f1c34;
  
  --yellow100: #b8ac77;
  --yellow400: #fec814;
  --yellow450: #DFAB01;
  --yellow500: #b6991a;
  --yellow550: #b59919;
  
  --section-max-width: 1360px;
  --section-padding: 64px;
  --section-gap: 64px;
}

html, body {
  text-size-adjust: none;
  overflow-x: hidden;
  min-height: 100vh;
  background-color: var(--darkBlue300);
  scroll-behavior: smooth;
  scroll-snap-align: end;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

a, li, button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button, input, select, textarea {
  border: none;
}

button {
  background-color: transparent;
  cursor: pointer;
}

body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

fieldset {
  border: 0;
  padding: 0.01em 0 0 0;
  margin: 0;
  min-width: 0;
}

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}


@font-face {
  font-family: NewScience-Regular;
  src: url('../assets/fonts/New-Science/fonts/fonnts.com-New_Science_Regular.otf');
  font-display: swap;
}

@font-face {
  font-family: NewScience-Medium;
  src: url('../assets/fonts/New-Science/fonts/fonnts.com-New_Science_Medium.otf');
  font-display: swap;
}

@font-face {
  font-family: Gilroy-Medium;
  src: url('../assets/fonts/gilroy/Gilroy-Medium.ttf');
  font-display: swap;
}

@font-face {
  font-family: Gilroy-Bold;
  src: url('../assets/fonts/gilroy/Gilroy-Bold.ttf');
  font-display: swap;
}

@font-face {
  font-family: Gilroy-ExtraBold;
  src: url('../assets/fonts/gilroy/Gilroy-ExtraBold.ttf');
  font-display: swap;
}

@media(max-width: 768px) {
  :root {
    --section-padding: 36px;
  }
}

@media(max-width: 460px) {
  :root {
    --section-padding: 24px;
  }
}