@font-face {
   font-family: mainFont;
   src: url(assets/blair-itc-medium.ttf);
}

body {
   font-family: mainFont;
   background-color: rgb(31, 29, 29);
   color: white;
}

header h1 {
   text-align: center;
   margin: 0;
   padding: 20px 0;
}
 a {
   font-size: 1rem !important;
 }

 @media (max-width: 768px) {
   .bio {
      display: flex;
      flex-direction: column-reverse;
   }
 }

.bio {
   padding: 5% 20%;
   text-align: center;
   font-size: 1rem;
}

.bio img {
   width: 100%;
   height: 100%;
   padding-bottom: 5%;
}