@font-face {
  font-family: 'helvetipixel';
  src: url(https://socpensfan01.neocities.org/BetterPixels.ttf);
}

body {
  background:url("https://socpensfan01.neocities.org/wallpaper.gif"); /*Replace with your own background*/
  background-repeat:repeat
	font-family: "000webfont", fixedsys, System, monospace;
	font-size: 13px;
	cursor: url('https://socpensfan01.neocities.org/soccur.png'), url('https://socpensfan01.neocities.org/soccur.png'), default;
}

p {
   font-family: 'helvetipixel';
   font-size: 18px;
}
  }
center {
  text-align: center;
  }
  
a {
  color: #0e166b;
  }

/*All sidebars go in here.*/  
.sidebar-group {
  position: fixed;
  top: 0;
  margin-top: 25px;
  }
  
/*Code shared by all window-style boxes. To see what different specific sidebar classes look like, check the demo page.*/
.wideboy,.navbar, .sidebar, .mini-sidebar, .wide-sidebar, .box, .navbarleft {
 background-color: white;
 margin-top: 5px;
 border: 1px solid black;
  }

.link:hover{
    background-color: yellow;
    color: black;
}
  
/*Prevent image overflow.*/
.wideboy,.navbar img,.sidebar img,.mini-sidebar img, .wide-sidebar img, .box img {
  max-width: 100%;
  height:auto; /*Prevent squishing*/
  }
  
.sidebar, .sidebar-box {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  }
  
/*Container for vertical stacks of multiple mini-sidebars*/
.sidebar-box {
  margin-left: 10px;
  }
  
.sidebar {
  width: 160px;
  margin-left: 25px;
  }

.wideboy {
  width: 350px;
  margin-left: 25px;
  }
  
.mini-sidebar {
  margin-bottom: 25px;
  }
  
.wide-sidebar {
  margin-left: 1470px;
  width: 340px;
  min-height: 150px;
  margin-top: -150px;
  }
  
/*Inside/main text of window boxes.*/
.inner {
  padding: 10px;
  padding-bottom: 5px;
  padding-top: 0px;
  }

/*The title bar at the top of window boxes.*/
.title-bar, .box-title-bar {
  background: #0016ff;
  positon: absolute;
  color: white;
  font-weight: bold;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: 
  }
  
/*The title bar of boxes has slightly more padding, since there's more room to space text.*/
.box-title-bar {
  padding: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
/*For the symbol in the top right corner.*/
.right {
  float: right;
  margin-right: 5px;
  font-family: "Arial", sans-serif;
  line-height: 12px;
  }
  
/*Round circular image.*/
.icon {
  border: #80aa6f solid 2px;
  border-radius: 50%;
  }
  
/*Main body text boxes.*/
.box {
  margin-top: 25px;
  margin-left: 400px;
  width: 450px;
  margin-bottom: 25px;
  }

.navbar {
  height: 430px; 
  width: 200px; /*Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: auto; /* Stay on top */
  top: 80px; /* Stay at the top */
  right: 40px;
  overflow-x: hidden; /* Disable horizontal scroll */
  overflow-y: hidden;
  /*padding-right: 10px;*/
  }

.navbarleft {
  height: 430px; 
  width: 200px; /*Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: auto; /* Stay on top */
  top: 80px; /* Stay at the top */
  right: 270px;
  font-size: 18px;
  /*padding-right: 10px;*/
  }
  
  
  
/*this part is a joke. no need to use it.*/
.big-quote {
  font-size: 32px;
  color: #3c5832;
  letter-spacing: 6px;
  word-spacing: 2px;
  font-family: "Garamond", "Bookman", serif;
  position: fixed;
  margin-left: 1050px;
  margin-top: 300px;
  top: 0;
  width: 300px;
  }
  
wide {
  letter-spacing: 16px;
  }
  
midwide {
  letter-spacing: 3px;
}

}

.main{
    width: 685px;
    height: 393px;
    padding: 5px;
    background-color: white;
    margin-top: -405px;
    margin-left: 405px;
    position: absolute;
    border: 1px solid black;
}

.crtbox {
  position: absolute;
  margin-top: -100px;
  margin-left: 400px;
  width: 500px;
  margin-bottom: 25px;
  }

.innercrt {
  position: absolute;
  margin-top: 180px;
  margin-left: 470px;
  width: 500px;
  margin-bottom: 25px;
  }

.header {
  position: absolute;
  margin-top: 0px;
  margin-left: 405px;
  width: 500px;
  height: 100px;
  }

.headertxt {
  position: absolute;
  margin-top: 20px;
  margin-left: 407px;
  width: 500px;
  height: 100px;
  }
  
.header {
  background: #b3d0ff;
  }

.headerdecor {
  position: absolute;
  margin-top: 20px;
  margin-left: 900px;
  width: 500px;
  height: 100px;
  }
  
  }

@keyframes blinker {
  80% {
    opacity: 0;
  }
}

.deco{
    width: 350px;
    position: absolute;
    left: 190px;
    bottom: -750px;
    height: autopx;
    webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

.dafunky {
  margin-left: 150px;
  margin-top: -150px;
  }