@font-face{
  font-family: 'helvetipixel';
  src: url(https://freast.neocities.org/helvitipixel/helvetipixel-webfont.woff);
}

img{
  image-rendering: pixelated;
}  

h1{
  color:#5BCEFA;
  filter: drop-shadow(1px 2px 0 #FFFFFF);
  margin:4px;
}

h2, h3, h4, h5, h6{
  color:#FFFFFF;
  margin:4px;
}

body{
  color:white;
  background-color:#5BCEFA;
  background-image: url(/images/checker.gif);
  font-family: 'helvetipixel';
  font-size:32px;
}

#header{
  display:flex;
  justify-content:center
}

#linkItem{
  color:#a8edff;
  text-decoration: none;
  padding:2px;
  font-weight:bold;
}

#linkItem:hover{
    color: #ffffff;
    background-color: #5BCEFA;
}


#container{
  width:900px;
  margin: 0 auto;
}

#flex {
  display:flex;
}
.box{
  background-color: #222034;
  padding:20px;
  border:5px solid #F5A9B8;
  margin-bottom:15px;
}

.BioBox{
  background-color: #F5A9B8;
  border:5px solid #5BCEFA;
  padding:5px;
  margin:20px; 
}

.BioBox img{
  border:5px solid #5BCEFA;
  
}

  .icon{
  width:64px;
  border:3px solid #5BCEFA;
}