html,
body { 
     padding: 2;
     margin: 2;
 background: linear-gradient (to top, cyan, blue, gray);
 font-family: "bbt", monospace;
  letter-spacing: 0;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
  font-kerning: none;
  font-feature-settings: "liga" 0, "calt" 0, "kern" 0;
  line-height: 1;
font-size: 20px;
}
#avatar {
    height: 256px;
    width: auto;
       border-radius: 50%;  
       float: left;
       padding: 3px;
}

#h1-mod {
   color: #171817;
 
}

hr  {
    background-color: white;
    height: 5px;
    border-radius: 7px; 
    clear: both;
    border: none;
}

.nav-buttons {
  border: none;
 border-radius: 4px;
 background-color:khaki;
}

@font-face {
  font-family: "bbt";
  src: url("TerminessNerdFont-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}