/* Im a chud im a chud im a fat little chud */

body{
  
  background-image: url(https://fishbirding.neocities.org/scbs/Image%20resources/scbs%20site%20background.png);
  color: #272220;
  overflow-x: hidden;
  
}

/* text based  */

p{
  
  text-align: center;
  font-family: "Skranji", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  
}

b{
  
  font-family: "Skranji", system-ui;
  font-weight: 700;
  font-style: normal;
  
}

h2{
  
  text-align: center;
  font-size: 30px;
  font-family: "Skranji", system-ui;
  font-weight: 700;
  font-style: normal;
  
}





footer{
  
  -webkit-text-stroke: 5px #ECE6C4;
  paint-order: stroke fill;
  
}


/* text based end  */

.mainbox{
  
  background-color: #AB7F3C;
  width: 900px;
  margin-left:500px;
  margin-top: 100px;
  margin-bottom: 50px;
  padding: 10px;
  
}

.innerbox{
  
  background: #ECE6C4;
  background: linear-gradient(90deg, rgba(236, 230, 196, 1) 0%, rgba(228, 220, 168, 1) 100%);
  padding: 5px;
  width: 820px;
  margin-left: 40px;
  margin-bottom: 20px;
  
}

.back{
  
  width:40px;
  position: relative;
  
  
}


#pfp{
  
  margin: 5px;
  white-space: nowrap;
  width: 150px;
  
}

#mainnav{
  
  width: 150px;
  
}

.profilecharacter{
  
  width: 700px;
  
}



/*  character profiles   */


.tab {
  overflow: hidden;
  border: 5px solid #272220;
  background-color: #ECE6C3;
    height:40px;
  
  
}


.characterPbox{
  
  border:5px solid;
  border-color:#272220;
  width: 300px;
  margin-bottom:0px;
  background-color:#AB7F3C;
  border-width: 4px;
  padding: 5px;
  position: relative;
  left:30px;
    top:30px;
  
}



.characterINFbox{

  border:4px solid;
  border-color:#272220;
  background-color: #AB7F3C;
  position: relative;
  width: 400px;
  top: -490px;
  left: 370px;
  scroll-snap-align: start;
  block-size: 100%;
  padding: 10px;
  margin-bottom:0px;


}



.coverimgchar{
  
  position: relative;
  left: 50px;
    border:solid 3px #272220;
  
  
}



.charnavbttn{
  
  color: #272220;
    border:none;
  background-color: inherit;
  cursor: pointer;
  padding: 6px;
  transition: 0.3s;
  font-size:22px;
  
}

.tabcontent {

    margin-left:6pxs;
    margin-right:6px;
    position:relative;
    top:-18px;
}





/* I reap the MIRRORS! YEAH!*/