@font-face {
  font-family: "FutureGlitch";
  src: url("fonts/FutureGlitch.ttf") format("truetype");
}

 @font-face {
   font-family: "EarlyGameBoy";
   src: url("fonts/EarlyGameBoy.ttf") format("truetype");
}
 
 @font-face {
   font-family: "PressStart2P";
   src: url("fonts/PressStart2P.ttf") format("truetype");
}

@font-face {
   font-family: "SuperMario";
   src: url("fonts/SuperMario.ttf") format("truetype");
}

@font-face {
   font-family: "DigitalDiscoThin";
   src: url("fonts/DigitalDiscoThin.ttf") format("truetype");
}


body {
     background: rgb(0,0,0);
     background: linear-gradient(180deg, rgba(249, 205, 255, 1) 24%, rgba(147, 255, 251, 1) 83%);
     height: 100%;
      margin: 0;
      background-repeat: no-repeat;
      background-attachment: fixed;
  background-color: black;

  
  color: #6169FF;
  font-family: "DigitalDiscoThin";
  text-align: center;
}
  h1{
    font-family: "SuperMario";
    font-size: 56px;
    text-align: center;
}
  h2 {
    font-family: "EarlyGameBoy" ;
    text-align: justify;
    color: #F18AFF;
    display: inline-block;
    
}

  h4 {
    font-family: "TypoGraphica";
    font-size: 24px;
    text-align: justify; 
}
 
  
  ul {
    display: inline-block;
    /*Left align contents of list*/
    text-align: left;
}
  
  a:link {
    /*unvisited*/
   color: #F18AFF;
   
   font-size: 28px;
   text-decoration: none;
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
}
  a:visited {
    color: #B490DE;
    
    font-size: 28px;
    text-decoration: none;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}
  a:hover {
    color: #A1FC10;
    
    font-size: 28px;
    text-decoration: none;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}
    .home {
      float: left;
      text-align: justify;
      margin: 10px;
}
  img {
    padding: 10px;
}
  .custom:hover {
    transform:scale(1.5);
}
      
  .info {
      background-color: rgb(255, 255, 255, 0.25);
      white-space: nowrap;
      color: black;
      text-align: center;
      font-size: 12px;
      border-radius: 25px;
      width: 600px;
      height: auto;
      margin: auto; 
}
  .info a:link {
      color: white;
}
  .info a:visited {
      color: darkslategrey;
}
  .info a:hover {
      color: #A1FC10;
}
  .linklist {
          float: left;
          text-align:left;
          margin: 30px;
          position: absolute;
          background-color: rgb(136, 134, 134, .5);
          border: 6px solid;
          padding: 10px  
}
      
    .box {
      width: 1000px;
      background-color: rgb(201, 219, 245, 0.7);
      margin: auto;
      padding: 10px;
      
      
}

    .carddiv {
      page-break-inside: avoid;
      background-color: rgb(136, 134, 134, .7);
      color: black;
      border: 3px dotted maroon; 
      padding: 10px;
      margin: auto;
}
    .about {
      background-color: rgb(255, 255, 255, 0.5);
      padding: 30px;
      width: 500px;
      margin: auto;
}

    .flair {
      position: absolute;
      height: 150px;
      width: 150px;
}

    #mydivheader {
      padding: 10px;
      cursor: move;
      z-index: 10;
      background-color: #2196F3;
      color: #fff;
}
  
    /* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/food/foo-7/foo632.cur), auto !important;} /* End https://www.cursors-4u.com */