/* TYPE ----------------------*/
@font-face {
    font-family: 'target_academyregular';
    src: url('fonts/tarrgetacademyregular-abex-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jls';
    src: url('fonts/JlsdatagothicRnc-9yDB.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'spacenova';
    src: url('fonts/SpaceNova-6Rpd1.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nitro';
    src: url('fonts/NitroEagle-KVP1W.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nitro-italics';
    src: url('fonts/NitroEagleItalicItalic-2v5nW.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* GENERAL ----------------------*/
body {
  background:#0F110C;
  font-family: 'jls';
  font-size: 9px;
  text-shadow: 0px 0px 1px #bbb;
  color:#0F110C;
  letter-spacing: 2px;
  line-height:11px;
  }

.background {
  background-image: url('assets/background.gif');
  overflow: hidden;
  }

b {color:#FB3640;font-weight:bold;}
i {font-style:italic;color:#FB3640;}
u {color:#FB3640;text-decoration:none;}

/*input[type="checkbox"]{
  cursor:url(assets/cursor.webp), pointer;}*/

/* CONTENT BOXES -----------------*/
.title {
  font:9px 'nitro-italics';
  text-transform:lowercase;
  color:#0F110C;
  background:#D7FF68;
  border:1px solid #0F110C;
  letter-spacing:3px;
  text-align:left;
  padding:2px;
  padding-left:8px;
  padding-top:4px;
  margin-bottom:0px;
  box-shadow: 5px 6px #C6C4D4;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  }    
  
.box {
  background:#FAFAFF;
  border:1px solid #0F110C;
  border-top:0px;
  box-shadow: 5px 6px #C6C4D4;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  padding:8px;
  margin-bottom:2px;}
      
.box-without-title {
  background:#F8F7FF;
  border:1px solid #0F110C;
  box-shadow: 5px 6px #C6C4D4;
  border-radius:5px;
  margin-bottom:2px;}


/* TOP O THE PAGE ----------------------*/
#sitename a {
  font:50px 'target_academyregular';
  color:#D7FF68;;
  }  
          
a:link, a:visited, a:active { 
  color:#FAFAFF;
  text-decoration:none;}
a:hover {
  color:#FB3640;}


/* LAYOUT ----------------------*/
#layout {
  margin: 80px auto;
  width: 720px;}
      
#header1 {
  width: 720px;
  float: left;
  margin: 0 auto;}

#header2 {
  height: 55px;
  background: transparent;
  /*border-bottom:1px solid #D7FF68;*/
  margin: 0px;}
      
#navigation1 {
  height: 30px;
  width: 720px;
  float: left;
  margin: 0 auto;}

#content1 {
  width: 360px;
  float: left;
  margin: 0 auto;}

#content2 {
  margin: 0px;
  padding:6px;}
  
#content3 { /*for middle section that spans across */
  width: 540px;
  float: left;
  margin: 0 auto;}

#left1 {
  width:180px;
  float: left;
  margin: 0 auto;}

#left2 {
  margin: 0px;
  padding:6px;}

#right1 {
  width: 180px;
  float: left;
  margin: 0 auto;}

#right2 {
  margin: 0px;
  padding:6px;}

#footer1 {
  width: 720px;
  float: left;
  margin: 0 auto;
  clear: both;}

#footer2 {
  height: 100px;
  line-height:20px;
  text-align:center;
  margin: 0px;}
 
/* for linking other sites */
#menu a {
  display:inline-block;
  background:#0F110C;
  margin-bottom:4px;
  padding:1px;
  padding-top:2px;
  width:150px;
  line-height:10px;
  font:9px 'nitro';
  text-transform:lowercase;
  letter-spacing:2px;
  text-align:center;
  border-radius:5px;
  color:#FB3640;}
      
#menu a:hover {
  display:inline-block;
  background:#FB3640;
  margin-bottom:4px;
  padding:1px;
  padding-top:2px;
  width:150px;
  line-height:10px;
  font:9px 'nitro-italics';
  text-transform:lowercase;
  letter-spacing:2px;
  text-align:center;
  border-radius:5px;
  color:#0F110C;}


/* NAV BAR*/
#navigation2 {
  height: 20px;
  line-height:20px;
  background: transparent;
  margin: 0px;
  margin-bottom:10px;
  padding:1px;
  padding-top:0px;
  text-align:center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  }
      
#navigation2 a { 
  width:80px;
  display:inline-block;
  background:#D7FF68; 
  font:bold 9px 'nitro-italics'; 
  text-transform:lowercase;
  padding:4px; 
  letter-spacing:2px;
  color:#0F110C;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;}
      
#navigation2 a:hover {
  width:80px;
  display:inline-block;
  background:#0F110C; 
  font:bold 9px 'nitro';
  text-transform:lowercase;
  padding:4px; 
  letter-spacing:2px;
  color:#D7FF68;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;}
      
       
/* THINGS I DON'T UNDERSTAND RN ----------------------*/ 
::-webkit-scrollbar-thumb {
  background-color: #F07671;  
  border-radius: 0px;
  border:0px solid #ccc;
  }
  
::-webkit-scrollbar {
  width: 8px; height: 0px; 
  background: transparent;
  }
      
textarea {font:12px 'jls';letter-spacing:1px;}