:root {--bg:#fefff5;--text:#1a0000;--accent:#ef1e06;
}@font-face {font-family: 'clearface';}html, body {margin:0;padding-top:25px;padding:0;height:98%;font-family: clearface, sans-serif;font-size:12px;colour:var(--text);background-colour:var(--bg);colour:var(--text);padding:1px;
background-image: URL("https://birdsandstars.neocities.org/pink.gif");  /* background ccalendarsolour of player */
background-size:5%;
background-repeat:repeat;
}
img:hover {                                                                                           
  animation: shake 0.1s;           
    animation-duration: 4s;
  animation-iteration-count: 100; 
  cursor: url('https://64.media.tumblr.com/9721e268bc043ea342652214f3811e45/tumblr_inline_p8c0ynCMGK1rhwzwl_75sq.png'), auto; 
   filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(1px 1px 1px #451E0C);
   
  
  
}   

@keyframes shake {             
  0% { transform: translate(1.4) rotate(5deg);  }       
  10% { transform: scale(1.4) rotate(5deg)  }        
  20% { transform: scale(1.4) rotate(5deg); } 
  30% { transform: scale(1.4) rotate(5deg); } 
  40% { transform: scale(1.4) rotate(5deg); }
  50% { transform: scale(1.4) rotate(5deg); }
  60% { transform: scale(1.4) rotate(5deg); } 
  70% { transform: scale(1.4) rotate(5deg); } 
  80% { transform: scale(1.4) rotate(5deg); }
  90% { transform: scale(1.4) rotate(5deg); } 
  100% { transform: scale(1.4) rotate(5deg); }
  
  
}#container {max-width:1000px;margin:0 auto;height:auto;fmargin-top:15px;

}.floaty{float: left;
}#header {max-width:1000px;height:auto;margin:0 auto;}a {text-decoration:none;colour:var(--accent);
}a:hover{cursor:pointer;
}#intro {display: hidden;
}.startscreen > a {colour: var(--accent);
 }.roll-over-text {visibility:hidden;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position:absolute;top: 120px;left: 20px;text-shadow:-1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
}.card:hover .roll-over-text {visibility:visible;
}.slot1 {transform-origin: 150px 150px;transform: rotate(-10deg);
}.slot2 {transform-origin: 150px 150px;transform: rotate(0deg);
}.slot3 {transform-origin: 150px 150px;transform: rotate(10deg);
}a:hover {font-size: 12px;font-family:clearface;
}.navbar li a {text-decoration:none;colour:var(--text);border-radius:25px;padding:15px;
}.navbar ul {list-style-type:none;padding-left:20px;padding-right:20px;border-radius:25px;
}.navbar {max-width:700px;border-bottom:none;border-top:none;padding-top:5px;padding-bottom:5px;text-align:center;
}.navbar li {position: relative;display:inline-block;
}.img1 {border-radius:20px;
}.navbar a {text-decoration:none;display:block;colour:var(--text);margin-right:0px;transition:0.2s all linear;font-size:12px;margin-right:0px;
}.navbar a:hover{colour:var(--accent);transition:0.2s all linear;z-index:1;
}.navbar li > ul {display:none;position:absolute;margin-left:0;border:1px solid var(--text);
}.navbar li > ul a {padding-left:0;padding-right:0;padding-top:5px;padding-bottom:5px;
}.navbar li > ul li{display:block;
}.navbar li:hover > ul{display:block;
}.navbar ul ul ul {position:absolute;left:100%;top:0;
}ul.subitems {padding-left:0;padding-right:0;margin-right:0;
}ul.subitems li a {padding-right:0;margin-right:0;padding-left:10px;padding-right:10px;padding-top:10px;display:block;
}.title {display:block;font-size:35px;text-align:center;margin-left:auto;margin-right:auto;width:75%;padding:10px;border-radius:25px;
}.wrapper {display:flex;flex-direction:row;height:auto;width:100%;
}.left-sidebar {width:197px;max-width:197px;overflow-x:hidden;padding:0px;
}.content {padding:10px;
}.section-title {background-colour: var(--accent);colour: var(--bg);border-radius:25px;padding:5px;
}.main-content {width:700px;max-width:700px;height:auto;margin-left:auto;margin-right:auto;overflow-x:hidden;padding:2px;
}.main-content h5 {text-align:center;font-size:12px;text-decoration:none;colour: var(--text);
}.main-content p {text-align:left;
}.right-sidebar {width:197px;max-width:197px;height:100%;overflow-x:hidden;padding:0px;
}#footer {text-align:center;padding-top:5px;margin-bottom:5px;max-width:700px;height:auto;margin: auto;
}@media only screen and (max-width: 1000px) {.left-sidebar {order:1;width:33%;}.main-content {order:2;width:33%;}.navbar a {padding-bottom:10px;}.right-sidebar {width:33%;order:3;}#container {max-width:1000px;}}