/* 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." */


@keyframes appear
{
	0% { opacity: 0 }
	100% { opacity: 1 }
}

@-webkit-keyframes appear
{
	0% { opacity: 0 }
	100% { opacity: 1 }
}

@keyframes fade-in-out
{
	0%,100% { opacity: 0 }
	50% { opacity: 1 }
}

@-webkit-keyframes fade-in-out
{
	0%,100% { opacity: 0 }
	50% { opacity: 1 }
}

@keyframes rumble 
{
	0%, 100% {}
	50% { transform: translateY(-0.2em) }
}

@-webkit-keyframes rumble 
{
	0%, 100% {}
	50% { -webkit-transform: translateY(-0.2em) }
}

@keyframes shudder 
{
	0%, 100% {}
	50% { transform: translateX(0.2em) }
}
@-webkit-keyframes shudder 
{
	0%, 100% {}
	50% { -webkit-transform: translateX(0.2em) }
}

mark
{
	color:rgba(0,0,0,0.6);
	background-color: #ff9;
}

ins
{
	color:rgba(0,0,0,0.6);
	background-color: hsla(45,100%,90%,0.5); /* Yellowed correction fluid */
	border-radius:0.5em;
	box-shadow: 0em 0em 0.2em hsl(45,100%,80%);
	text-decoration:none;
}

del
{
	background-color: #000; /* Censored text */
	text-decoration:none;
}

/* Who am I to tell authors not to use non-standard tags? */

center
{
	text-align:center;
	margin: 0 auto;
	width: 60%;
}



blink
{
	text-decoration: none;
	animation: fade-in-out 1s steps(1,end) infinite alternate;
	-webkit-animation: fade-in-out 1s steps(1,end) infinite alternate;
}

/* Secondary text styles, for general use by Twine authors */

.outline
{
	color: white;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.shadow
{
	text-shadow: 0.08em 0.08em 0.08em #000;
}

.condense
{
	letter-spacing: -0.08em;
}

.expand
{
	letter-spacing: 0.1em;
}

.box
{
	border: 1px solid #222;
	border-radius: 0.1em;
}

.blur
{
	color:transparent;
	text-shadow: 0em 0em 0.08em #000;
}

.blurrier
{
	color:transparent;
	text-shadow: 0em 0em 0.2em #000;
}

.blurrier::selection {
	background-color:transparent;
	color:transparent;
}

.blurrier::-moz-selection {
	background-color:transparent;
	color:transparent;
}

.smear
{
	color:transparent;
	text-shadow: 0em 0em 0.02em rgba(0,0,0,0.75), -0.2em 0em 0.5em rgba(0,0,0,0.5), 0.2em 0em 0.5em rgba(0,0,0,0.5);
}

.mirror
{
	display:inline-block;
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
}

.upsidedown
{
	display:inline-block;
	transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
}

/* Animated effects follow */

.fadein-out
{
	text-decoration: none;
	animation: fade-in-out 2s ease-in-out infinite alternate;
	-webkit-animation: fade-in-out 2s ease-in-out infinite alternate;
}

.rumble 
{
	-webkit-animation: rumble linear 0.1s 0s infinite;
	animation: rumble linear 0.1s 0s infinite;
      display:inline-block;
}

.shudder 
{
	-webkit-animation: shudder linear 0.1s 0s infinite;
	animation: shudder linear 0.1s 0s infinite;
      display:inline-block;
}




 body {
     width: 1100px;
     height: 100vh;
     position: relative;
     margin-left: auto;
     margin-right: auto;
 cursor: url('https://crashboombang.carrd.co/assets/images/gallery04/28dcdf89.png?v=6c45a246'), auto;
 }
 .table1 {
     margin-left: 0;
     margin-right: 0;
     border-spacing: 0px;
     border-collapse: collapse;
    width: 220;
 position:absolute;
 overflow:hidden;
 }
 .table1 td {
     
     border: none;
     padding: 0px;
   
 }

 .table1 tr {
     vertical-align: bottom;
     background-image: url("https://crashboombang.carrd.co/assets/images/image02.png?v=69261c1c");
     border: none;
     padding: 0px;
     
 height: 330px; 
width: 220px;
background-repeat:no-repeat;
 }
.table2 {
     margin-left: 0;
     margin-right: -1;
     display: block;
     border-spacing: 0px; 
    float: right;
  bottom: 200px;
    left:780px;
      height: 197px; 
 width: 148px;
 list-style-type:none;
  position:absolute;
 }
 
 .table2 td {
     vertical-align: bottom;
    clear: both;
    border: none;
     padding: 0px;
     position: relative;
  list-style-type:none;
 }

 .table2 tr {
     vertical-align: bottom;
     background-image: url("https://crashboombang.carrd.co/assets/images/image02.png?v=dda89610");
     border: none;
     padding: 0px;
     height: 197px; 
     position: relative;
  list-style-type:none;
 background-repeat:no-repeat;
 }
 


@font-face {
                font-family: MS Gothic;          
            }

            @font-face {
                font-family: MS Gothic;  font-weight: bold;
            }

            @font-face {
                font-family: MS Gothic; font-style: italic;
            }


            @font-face {
                font-family: MS Gothic;  font-style: italic;   font-weight: bold; }
 body {
                font-family: 'MS Gothic', sans-serif;  margin: 0;  background-color: #08031A; background-size: 10%;  color: #fceaff;  background-image: var(--body-bg-image);

            }



.bottombox {
height:30px;
width:775px;
background-color:black;
font-family:tahoma;
font-size:12pt;
color:white;
border-width:3px;
border-style:solid;
border-color:#962121;
font-weight:bold;
position: absolute;
left: 150px;
}

 .mainbox {
      
     display: inline-block;
  position: relative;
     border-radius: 4px;
     padding: 1px;
     width: 660px;
     vertical-align: top;
  left: 88px;
 clear: both;
 margin-top: 0;
 table-layout:auto;
 z-index:1;
 }

.links2 {
 
 top: 20px;
  left: 41px;
margin-bottom: 0;
  width: 150px;
  height:220px;
  /*overflow-y: scroll;*/
  z-index: 1000;
  font-size: 10px;
    color: white;
    background:none;
  table-layout:auto;
  float: right;
}
.links1 {
  top: 20px;
  left: 41px;
margin-bottom: 0;
  width: 150px;
  height:220px;
  /*overflow-y: scroll;*/
  z-index: 1000;
  font-size: 10px;
    color: white;
    background:none;
  table-layout:auto;
  float: left;
}
.ads1 {
 margin-left: 0;
     margin-right: -1;
     display: block;
     border-spacing: 0px; 
    float: right;
  bottom: 290px;
    left:280px;
      height: 197px; 
 width: 148px;
 list-style-type:none;
  vertical-align: middle;
  position:absolute;
 
 }
 
 .ads1 td {
     vertical-align: bottom;
    clear: both;
    border: none;
     padding: 0px;
     position: relative;
  list-style-type:none;
 }

 .ads1 tr {
     vertical-align: bottom;
     border: none;
     padding: 0px;
     position: relative;
  list-style-type:none;
 background-repeat:no-repeat;
 }

.parent{
    position: relative;

}

 .lainabout {
  position: absolute;
  display: block;
z-index:2;
 }
a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
cursor: url('https://crashboombang.carrd.co/assets/images/gallery04/28dcdf89.png?v=6c45a246'), auto;
}
a:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
cursor: url('https://crashboombang.carrd.co/assets/images/gallery04/28dcdf89.png?v=6c45a246'), auto;
}
a:hover {
 
  background-color: transparent;
  text-decoration: underline;
cursor: url('https://crashboombang.carrd.co/assets/images/gallery04/28dcdf89.png?v=6c45a246'), auto;}
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
body 
{
 width: %;
  height: 50vh;
  overflow: auto;
  background-repeat: no-repeat;
;background-color:#962121;
background-size: cover;
background-attachment: fixed;
cursor: url('https://crashboombang.carrd.co/assets/images/gallery04/28dcdf89.png?v=6c45a246'), auto;
min-height: 100%;
}
body {
 padding-top: 25px;
 text-align: center;
 margin-bottom: 0%;
cursor: url('https://crashboombang.carrd.co/assets/images/gallery04/28dcdf89.png?v=6c45a246'), auto;
}

div {
  display: inline-block;
}

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

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: black;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

<style>
ul {
  
  margin: 0;
  padding: 0;
  width: 10px;
  border: 1px solid #555;
position: absolute;
}

li a {
  display: inline-block;
  color: #000;
  padding: 8px 4px;
  text-decoration: none;

}

li {
  text-align: center;
  border-bottom: none;

}

li:last-child {
  border-bottom: none;
}

li a.active {
  
 
}
li { list-style:  none} 

li a:hover:not(.active) {
  color: yellow;
}
li a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
cursor: url('https://crashboombang.carrd.co/assets/images/gallery04/28dcdf89.png?v=6c45a246'), auto;
}
li a:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
cursor: url('https://crashboombang.carrd.co/assets/images/gallery04/28dcdf89.png?v=6c45a246'), auto;
}
li:hover {
 
  background-color: transparent;
  text-decoration: underline;
cursor: url('https://crashboombang.carrd.co/assets/images/gallery04/28dcdf89.png?v=6c45a246'), auto;}
li:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
</style>
a {
  text-decoration: none;
cursor: url('https://crashboombang.carrd.co/assets/images/gallery04/28dcdf89.png?v=6c45a246'), auto;
    }
.row {
 flex: 50%;
  padding: 0 4px;
vertical-align:middle;
}
.shit {
display: none;
}

.audioplayer {
     width: 80px;
     height: 30px;
     top: 0px;
     left: 0px;
 }
 
 
  #statuscafe {
    width:100;
    padding: .2em;
    background-color: black;
    border: 5px solid red;
    color:red;
}
#statuscafe-username {
    margin-bottom: .2em;
    color:red;
}
#statuscafe-content {
   color:white;
   width:100;
    margin: 0 5em 0em 0em;
} 
 
 

</head>




/* hides the feed title */
p.rss-title {
    display:none;
}

li.rss-item {
    list-style-type:none;   /* this removes the bullet points */
    margin-bottom:20px; /* adds spacing under entry content */
}

/* this styles the blog title link */
li.rss-item a {
    font-weight:bold;
    font-size:20px;
    text-decoration:none; /* removes underline */
}

/* this styles the date */
.rss-date {
    display:inline-block; /* need this to add padding around each number */
    padding-top:10px;
    padding-bottom:10px;
    font-style:italic;
}

/* hides the weird # of comments (displayed as 0 in demo) */
a.rss-item:last-child {
    display:none;
}