@charset "utf-8";

main {
   margin-left: 5px;
   Padding: 2px;
   font-size: 4vw;
}
header {
   position: sticky;
   top: 0;
   word-spacing: 30px;
   text-align: left; 
   font-size: smaller;
   font-size: 5vw;
   padding: 2px;
   margin: 2px;
}
body {
   margin-left: 5px;
   padding: 10px;
}
a {
   color: #0000EE;
}
   a:hover {
    color:#0000EE;
    text-shadow: 0 0 1vw white;
}
.profile h1 {
   text-align: center;
   color: #FFFFFF;
   font-size: 2vw;
}

:root {
   font-family: Helvetica;
   color: black;
   background-color: #CCCCCC;
}

@media only screen and (max-width: 700px) {
  body {
    font-size: 4vw;
  }
  h1 {
   font-size: 6vw;
  }
  nav a {
   font-size: 4vw;
  }
  a {
   font-size: 5vw;
  }
  .accordion {
   font-size: 6vw;
  }
  main {
   font-size: 5vw;
  }
  article {
   font-size: 4vw;
  }
  header {
   text-align: center;
   font-size: 4vw;
  }
  img {
    max-width:50%;
}
}