body {background-image: url(http://othertenpercent.com/Summer/pool2.jpg);
	background-size:110%;
	background-color: RGBA(240,217,150,1);
	background-position: -5% 20%;
	background-attachment:fixed;
	background-repeat: no-repeat;
	font-family: Georgia, serif;
	color: #383838;
	font-size:22px;
	font-weight:lighter;
	line-height: 1.5;
	text-align: center;
	padding:0; margin:0;}

.Option {background-color: #F8F8FF;
width: 900px;
height: auto;
opacity: .95;
box-shadow: 0px 10px 22px 5px RGBA(0,0,0,0.5);
 margin: 0px auto 100px auto;}
 
 li {text-align: left;}
 
 h1 {font-size: 76px;
 line-height:86px;
color: white;
 text-align: center;
 text-shadow: -2px -2px 0 RGBA(0,0,0,.25);
 box-shadow: -3px -3px 0 RGBA(0,0,0,.25), inset 0 0 150px  RGBA(239,109,38,.5);
 margin: 0px auto 10px auto;
 padding: 25px 0px 0px 0px;
 box-sizing: border-box;
 	width: 500px;
	height: 500px;
	background: RGBA(242,232,76,1);
	-moz-border-radius: 250px;
	-webkit-border-radius: 250px;
	border-radius: 250px;
 }
 
 a {color: RGBA(88,156,208,1);}
 a:hover {color: RGBA(106,169,217,1);}

#starttext a{color: RGBA(162,67,0,1);}

#starttext a:hover{color: RGBA(198,116,22,1);} 

 h3 {font-size: 36px;
 font-weight: normal;}
 
 #lazuli {background-color: #fefefe;}
 #callme {background-color: #c6b6ca;}
 #walkmen {background-color: #ffffff;}
  #simple {background-color: RGBA(154,153,148,1);
  color: #ffffff;
  }
 #foster {background: -webkit-gradient(linear, left top, right bottom, from(RGBA(249,239,220,1)), to(RGBA(251,244,226,1)));
 font-size: 48px;
  line-height:60px;}
 
 #rap {background: -webkit-gradient(linear, right top, left bottom, from(#19201a), to(#1a1b1e));
 color: #ffffff;
 }
 #rap a, #younger a,  #simple a, #retard a{color: RGBA(145,148,15,1);}
 #rap a:hover, #younger a:hover, #simple a:hover, #retard a:hover{color: RGBA(130,139,44,1);}
 
 #younger {background-color: #000000;
 opacity: .9;
 color: #ffffff;
 }
 
#retard{background: -webkit-gradient(linear, left top, right bottom, from(RGBA(45,51,64,1)), to(RGBA(35,37,45,1)));
color: #ffffff;}
 
 
iframe, object {border-top:8px double;
border-bottom:8px double;
padding: 15px 15px;
margin: 15px 15px;}
 
 #passion{background: -webkit-gradient(linear, left top, right bottom, from(#d9a29f), to(#f8f7f3));
text-align: center;
}
h2 {	text-align:center;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:none;
	font-style:italic;
	font-size:36px;
	line-height: 1.3;
	border-bottom:4px double;
	padding-bottom:15px;
	margin-bottom:20px;}
 
 #jumanji{
 background-color: RGBA(223,115,65,1);
 text-align: center;
 }
 
 img{width: 100%;}

 .stupidcheat { padding: 25px 50px 75px 50px;}
 
 .text{text-align: left;}
 
 #intro {background-image: url(http://othertenpercent.com/Summer/sky.jpg);
 background-color: #3090C7;
 background-size:110%;
  background-attachment:fixed;
 background-repeat: no-repeat;
 opacity: 1;
 width: 100%;}
 
 #starttext {width: 900px;
 margin: 0px auto;
 font-size: 120%;
 text-align: left;}
 
 .cap {font-size: 48px;}
 
 #over {
        width: 100%;
        background: #ffffff;
 left: 30px; top: 100px;  right: 30px;
        z-index: 10;
        opacity: 1;
        margin: 40px 30px;
        position: absolute;
        display: none;
        }
 
 #outer{ position: relative; width: 50%;  margin: 0px auto;}
 
 .button {
background-color: RGBA(88,156,208,1);
color: #383838;
font-size: 30px;
} 
 .button:hover {
 background-color: RGBA(106,169,217,1);
 color: #383838;
font-size: 30px;
 }
 
 @media only screen and (max-device-width: 480px) {
body, #intro {background-image: none;} 
#over {display: inline;}
}