body {
margin: 0; padding:0;
background: linear-gradient(to bottom, #f9f9f9, #f9f9f9, #f9f9f9); 
background-attachment: fixed; 
margin: 0px;
text-align: justify;
text-transform: lowercase;
scrollbar-width: thin;
scrollbar-color:black transparent;
}

a:link, a:active, a:visited {
color: #333;
font-family: Krub, sans-serif;
font-size: 9px;
font-weight:'
line-height: 13px;
text-transform: uppercase;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
text-decoration:none;
}

a:hover {
color: #c7195d;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
text-decoration:none;
}

*::-webkit-scrollbar {
  width: 4px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,.2);
}

b {
color:#c41459; 
text-shadow: 0px 0px 1rgba(183, 0, 0,.4); 
letter-spacing:1px;
font-weight: 800;
}

#container{
margin-top: 40px;
margin-left:auto;
margin-right:auto;
width: 660px;
}

#nav{
position: fixed;
top: 45px;
right: 50%;
padding: 0 5px;
margin-right: 360px;
color: #000000;
font-family: roboto mono, sans-serif;
font-size: 10px;
letter-spacing: 0px;
line-height: 18px;
text-align:left;
text-transform:uppercase;
padding: 5px;
padding-left: 20px;
width: 138px;
background: rgba(255,255,255,0.85);
border: 1px solid #FFF;
outline: 1px solid #abc3ba;
outline-offset: -4px;
outline-style: revert;
box-shadow: 0px 0px 2px 0px rgba(60,60,60,.15);
}

.headertxt{
font-size: 65px;
font-family: 'Beckan', sans-serif;
color: #232324;
-webkit-text-fill-color: rgba(0,0,0,0);
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #232324;
letter-spacing: 2px;
text-shadow: 5px 5px rgba(253,133,183, .3);
margin-bottom: 10px;
margin-left: -30px;
text-transform: lowercase;
}

#nav2{
position: fixed;
top: 205px;
right: 50%;
padding: 0 5px;
margin-right: 360px;
color: #000000;
font-family: roboto mono, sans-serif;
font-size: 10px;
letter-spacing: 0px;
line-height: 18px;
text-align:left;
text-transform:uppercase;
padding: 5px;
padding-left: 20px;
width: 138px;
background: rgba(255,255,255,0.85);
border: 1px solid #FFF;
outline: 1px solid #abc3ba;
outline-offset: -4px;
outline-style: revert;
box-shadow: 0px 0px 2px 0px rgba(60,60,60,.15);
}
  
.taken {
width: 320px; 
display:inline-block;
padding:5px;
margin-bottom: 10px;
height:auto; min-height:30px;
background: rgba(255,255,255,0.85);
box-shadow: 0px 0px 1px #ccc; 
color: #000;
border-radius: 5px;
}

.pb{
width:100%;
border-radius:3px 3px 0 0;
background: rgb(255, 255, 255);
padding: 5px;
margin: -5px 0 0px -5px;
}

.pb a{
text-decoration:none;
color: #000000;
font-family: roboto, sans-serif;
font-size:14px;
line-height: 10px;
text-transform:uppercase;
text-shadow: #E4DDFA 0px 0px 0px;
}

.char {
font-family: sans-serif;
font-size: 9px;
text-transform:uppercase;
letter-spacing: .5px;
color: #c41459;
padding-bottom: 10px;
}
.loc {
font-family: sans-serif;
font-size: 9px;
text-transform:lowercase;
letter-spacing: .5px;
}

/* if someone is on hiatus, change taken to hiatus */ 
.hiatus {
width: 320px; 
display:inline-block;
padding:5px;
margin-bottom: 10px;
height:auto; min-height:30px;
background: rgba(255,255,255,0.85);
box-shadow: 0px 0px 1px #c6175b; 
color: #000;
border-radius: 5px;
}