@font-face {
  font-family: 'pixel';
  src: url('/web/snub.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  background: linear-gradient(black, #1E2337),
  #1E2337;
  color: white;
  font-family: 'pixel', Verdana, sans-serif;
  font-size:2em;
  background-repeat: no-repeat;
}

::selection {
  background-color:white;
  color:black;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: black; 
}
 
::-webkit-scrollbar-thumb {
  background: white; 
  opacity:0.5;
}

::-webkit-scrollbar-thumb:hover {
  background: grey;
  opacity:0.5;
}

.subtext {
  margin-top:-30px;
  opacity:0.5;
  text-align:center;
}

.subtext a {
    background-color:black;
  color:white;
  text-decoration:none;
}

.subtext a:hover {
  text-decoration:underline;
}

.custom {
  border-top:2px white solid;
  max-width:400px;
  margin-bottom:20px;
}

li {
    margin: 0;
    list-style: none;
    padding: 0 0 3px 20px;
    background-image: url(/web/img/bullet.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
}

.icon {
width:20px;
height:auto;
margin-right:5px;
}

emoji {
  vertical-align:middle;
}

.top {
      right:0;
      bottom:0;
      position:fixed;
      background-color:black;
      opacity:0.7;
      }
      .top a {
        color:white;
        text-decoration:none;
      }
      .top a:hover {
        color:#ccc;
        text-decoration:underline;
      }
      .text {
        text-align:center;
        margin-top:30px;
        margin-bottom:30px;
      }
      .header {
        background-color: white;
    color: black;
    margin-bottom: -50px;
    width: 100%;
      }
      
    .welcome {
    padding: 10px;
    padding-top: initial;
    border: 5px solid white;
      }
  
  .link {
  text-align:center;
  padding:10px;
  margin-left:-40px;
  }
  
  a {
    color:#3DB4FF;
    text-decoration:none;
  }
  a:hover {
    color: #3A3BF2;
    text-decoration:underline;
  }
  
  .sidebar {
    width:300px;
    float:left;
    background-color:black;
    padding:3px;
    margin-bottom:30px;
  }
  .sidebar h1, h2, h3, h4 {
    text-align:center;
  }
  main {
    margin-left:350px;
        margin-right:30px;
    margin-top:30px;
    background-color:black;
    padding:30px;
    margin-bottom:30px;
    
  }
  
  .content {
    margin-right:200px;
    margin-left:200px;
  }
  @media only screen and (max-width: 1930px) {
  .content {
    margin-right:0px;
    margin-left:0px;
  }
  }
  @media only screen and (max-width: 878px) {
    main {
      margin-left:0px;
      margin:auto;
    }
    .sidebar {
      float:none;
      margin:auto;
      width:100%;
      margin-right:30px;
      margin-bottom:60px;
    }
  }