@font-face {
  font-family: 'BUBBLEGUMS';
  src: url(https://mortdraws.neocities.org/fontfolder/BUBBLEGUMS.TTF) format("truetype") ;
}

@font-face {
  font-family: 'OpenDyslexic';
  src: url(https://mortdraws.neocities.org/fontfolder/OpenDyslexic-Regular.otf) format("opentype");
}

body {
  margin: 0 auto;
  background-color: #425757;
  color: black;
  font-family: Verdana;
  width: 100%;
  height: 100%;
}

header {
  width:100%;
  background-color: #425757;
  top:0;
}

h1 {
  font-family:'BUBBLEGUMS';
  color:white;
  padding: 1% 1% 1% 12%;
}

.avatar{
  border-radius: 15px;
}

.ascii{
  color:white;
}

.sidenav{
  height: 100%; /* 100% Full-height */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  width: 10%;
  background-color: #212c2c;
  
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  font-size: 16px;
  color: white;
  display: block;
  font-family: 'OpenDyslexic';
  text-decoration: none;
}

.sidenav a:hover {
  color: #818181;
}

.gallery{
  background-color: #8799a3;
  padding: 10px 7%;
  position:relative;
}

.img_box {
  display:inline-block;
  position:relative; 
  width: 400px;
  height:400px;
  object-fit:cover;
  background-color:#212c2c;
  border-radius: 15px;
}  

.img_box:hover {
  object-fit:contain;
}

.footTable {
  padding: 10px 12%;
  position: relative;
}

.footTable td{
  padding: 5px;
  color:white;
}