/* CSS custom properties */
:root {
  /* Brand palette */
  --darkblue:#001929;
  --blue:#3772FF;
  --orange:#FF5714;
  --green:#3AC26C;
  --yellow:#FFC126;
  --pink:#FD89EA;
  --sand:#F4EFE9;
  --white:#FFFFFF;
}

/* Reset */
html {
  box-sizing:border-box;
  scroll-behavior:smooth;
}

#wrapper {width:100%; overflow-x:hidden; overflow-x:clip;}

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

body {
  margin:0;
}

img,
video { 
  max-width: 100%;
  height: auto;
  display: block;
}

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

.text-darkblue { color: var(--darkblue); }
.text-blue { color: var(--blue); }
.text-orange { color: var(--orange); }
.text-green { color: var(--green); }
.text-yellow { color: var(--yellow); }
.text-pink { color: var(--pink); }
.text-sand { color: var(--sand); }
.text-white { color: var(--white); }

.bg-darkblue { background-color: var(--darkblue);}
.bg-blue { background-color: var(--blue);}
.bg-orange { background-color: var(--orange);}
.bg-green { background-color: var(--green);}
.bg-yellow { background-color: var(--yellow);}
.bg-pink { background-color: var(--pink);}
.bg-sand { background-color: var(--sand);}