/* IMPORTED GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@900&display=swap'); /* Epilogue font */
@import url('https://fonts.googleapis.com/css2?family=Slackey&display=swap'); /* Slackey font */
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@1,600&display=swap'); /* Arimo font */




/* --------------------- */

html, body{
  font-family: helvetica, arial, sans-serif; /* Allows the different font families */
  margin: 0; /* Removes excess boundary causes by gaps in divisions */
  top: 0;
  padding: 0;
}

header{ /* Heading banner code */
  height: 400px;
  background-color: red;
  width: 100%;
  top: 0;
}

h1{
  font-size: 4vw;
  font-family: 'Arimo', sans-serif;
  color: black;
  z-index: 5;
  margin-top: 0;
}

h2{
  font-size: 2vw;
  font-family: 'Arimo', sans-serif;
  color: #CBCBCB;
  z-index: 5;
  margin-top: 0;
}


content{ /* Code for content of the website */
  height: 1000px;
  background-color: blue;
  width: 100%;
}