/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* .html {
  

  } */


body {
  font-size: 20px;
  background-color:#18243a;
  background-image: url(/jason/graphics/wallpaper/lake.png); 
  background-size: cover;
  background-repeat: no-repeat;
  line-height: 0px;
  word-spacing:2px;
}

.html, body a {
    color: #f6f9ff;
    text-decoration: none;
    font-weight: bold;
  }
  
  .html, body a:hover {
    color: #c10f0f;
    
  }


.div {
  line-height: 23px;
}
  

/* BODY */

.flex-container {
  display: -webkit-flex;
  display: flex;
  height: 570px; 
  width: 100%; 
  text-align: left;
  /*border: lightpink 1px solid;*/
  padding:0px;
  margin:0px; 
  
}





/*FLEXBOXES*/


.content {
  flex: 4;
  height: 100%;
  background-color:rgb(0, 0, 0);
  border: 1px white solid;
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.285);
}


.art {
  flex: 1;
  height: auto;
}


/*ICON*/

     .jason-art {
      position: absolute;
      z-index: 0;
      position: absolute;
      right: 237px;
      top: 85px;
      text-align: center;
      }


/*INNER CONTAINERS*/



.content-box {
  height: 370px;
  background-color:rgb(0, 0, 0);
  overflow-y: scroll;
}


.frame-box{
  height: 550px;
  width: 90%;
  padding: 5px;
  background-color:rgb(0, 0, 0);
  overflow-y: scroll;
  /*border: lightpink 1px solid;*/
}




/*WRAPPERS*/


.lebigwrapper {
  width: 980px;
  height: 500px;
  margin-top: 20px;
  /*border: lightblue 1px solid;*/
}


.links-1{
  width: 975px;
  height: 20px;
  padding-bottom: 5px;
  /*border: rgb(99, 253, 225) 1px solid;*/
}


.links-2{
  width: 975px;
  height: 70px;
  /*border: rgb(99, 253, 225) 1px solid;*/
}


/*.text-container {
  height: 98%;
  background-color:rgb(249, 252, 255);
}*/



/*FONTS*/

@font-face {
  src: url(/fonts/FiveFontsatFreddys.ttf);
  font-family: div; 
}
  body,html { 
  font-family: div;
  color: #eaedfc;
  font-size: 8px;
  }


      @font-face {
        src: url(/fonts/Sand_Dunes.otf);
        font-family: header1;
      }
        h2 {
        font-family: header1;
        color: #f6f9ff;
        font-size: 26px;
        font-weight: bold;
        text-align: left;
        }

        @font-face {
          src: url(/fonts/CafeSweet.ttf);
          font-family: h3;
        }
          h3 {
          font-family: h3;
          color: #eaedfc;
          font-size: 14px;
          font-weight: bold;
          text-align: left;
          letter-spacing: 2px;
          }



                  @font-face {
          src: url(/fonts/GothicPixels.ttf);
          font-family: h4;
        }
          h4 {
          font-family: h4;
          color: #2942b1;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          }




/*BULLETPOINTS*/

li { list-style-image: url(/graphics/minis/planta.gif); 
text-align: left;
line-height: 15px;} 






  /** SCROLLBAR **/

/* width */
::-webkit-scrollbar {
  width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgb(0, 0, 0); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #223693;
}