@font-face {
   font-family: "Power";
   src: url("../fonts/PowerGrotesk-Regular.woff") format('woff');
   font-style: normal;
   font-weight: normal; 
}

@font-face {
   font-family: "Power Bold";
   src: url("../fonts/PowerGrotesk-Bold.woff") format('woff');
   font-style: normal;
   font-weight: !important;
}

html, body {
   width: 100%;
   height: 100%;
   overflow: hidden;
   background-color: #fff;
   mix-blend-mode:unset;
}

body {
   background-color:#ffffff;
   color: black;
   font-size: 16px;
   padding: 16px;
   line-height: 120%;
   font-family:"Power", sans-serif;;
   box-sizing: border-box;
}

.header {
   font-family:"Power Bold", sans-serif;;
}

a {
   color: black;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

.container {
   width: 100%;
   height: 100%;
   overflow: hidden;
}

.bio {
   margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
  .info {
      max-width: 640px;
  }
}