body {
    
}

a:link {
        color: #105f88;
      }
 a:visited {
        color: #ba0991;
      }


 .inline-block {
   display: inline-block;
}

h2 {
    color: #6672d6
}

h4 {
    color: #8337bc
}


#updates {
    padding-top: 5px;
    height: 150px;
    border: 2px outset #ff50a1;
        border-radius: 7px;
}

.bg {
    background-image: url(pictures/pixelbglight.png);
font-family: "JetBrains Mono", monospace;
    border: 10px outset #907aeb;
    border-radius: 3px;
    padding: 0px;
    margin: 30px;
    margin-right: 40px;
    width: 1000px;
    height: 500px
}


#inner {
    background-color: rgba(255, 255, 255, 0.76);
    color: #251760;
    align-content: center;
    font-family: "JetBrains Mono", monospace;
    font-size: 100%;
    border: 5px outset #7a87eb;
    border-radius: 10px;
     padding: 10px;
    margin: 40px;
    margin-left: 40px;
    width: 590px;
    height: 400px;
}

.rpillar {
    float: right;
    width: 75px;
    height:40px;
    padding-top: 355px;
    margin-bottom: 0px;
    margin-right: 115px;
}

.lpillar {
    float: left;
    width: 75px;
    height:100px;
    padding-left: 60px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}


.footer {
    color: black;
    font-family: sans-serif;
    font-size: 100%;
    padding: 7px;
    margin-top: 45px;
    margin-right: 15px;
    width: 900px;

}

/* below is background junk */

#bg {
    background-image: url('pictures/tumblr_b898c89ce8f0b27de37826e555fbba27_306fd4fc_250.png');
    background-color: #9dd4fd;
background-repeat: repeat;
}

#contain {
    background-color: rgba(255, 255, 255, 0);
}

/* scrollbar */

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #b259f4 #7a87eb;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 5px;
}

*::-webkit-scrollbar-track {
  background: #95a1fa;
}

*::-webkit-scrollbar-thumb {
  background-color: #b259f4;
  border-radius: 20px;
  border: 0px solid #b259f4;
}