@font-face {
  font-family: 'faith';
  src: url('faith.ttf') format('truetype');
}

@font-face{
  font-family: 'heroin';
  src: url('heroin.ttf') format('truetype');
}

@font-face{
  font-family: 'summer';
  src: url('summer.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: 'fraktur';
  src: url('fraktur.ttf') format('truetype');
}

body{
  font-family: 'summer';
  color: white;
  margin: 8px;
  background-image: url('hazypurple.jpg');
}

#bio {
  color: white;
  font-family: 'fraktur';
  background-image: url('flower.jpg');
  padding: 20px;
  border:5px #922216 solid;
  margin: 20px;
  width: 50%;
  height: 1680px;
}

img {
      width: 500px;
      height: auto;
    }
    
.header{
  color:white;
  font-family:'summer';
}

a {
  color: white;
}