.header {
  text-align: center;
  font-size: 30px;
}

{
  box-sizing: border-box;
}

/* Style the body body */
body {
  font-size: 20px;color: #00000;
font-family: 'Roboto Condensed', sans-serif;
    font-family: "Audiowide", sans-serif;
  max-width:576px;
  margin: auto;
  padding: 0 0.5rem;
    background-color: #eaeaea;
}

a:link {
  color: #f92a82;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #f92a82;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #6c6f7dff;
  background-color: transparent;
  text-decoration: underline;
}

nav {
 border: solid 2px #f92a82;
}

main {
  border: solid 2px #f92a82;
    max-width: 576px;
    margin: auto;
}


.video{
    width:inherit
  height: auto;
}




    
    /* CSS HEX 
--rose: #f92a82;
--platinum: #eaeaea;
--black: #000000;
--sonic-silver: #6c6f7dff;
*/