#introparent{
display: inline-block;
position:relative;
top:37.5vh;
width:30vh;
height:30vh;
background-image: url("img/ryho2.png");
background-position: center center; 
background-size:cover;
}
#introchild{
display: inline-block;
padding: 5vh 0;
font-size: 1.8vh;
color: rgba(255,255,255,1);
text-align: center;
}
#introchild:hover{
color: rgba(255,255,255,0);
}
body{
background-image:url('https://googledrive.com/host/0B-iE6eoNYPHQdzItLUNwRVZSMms/desktopbg (2).jpg');
background-color:rgba(10,10,10,1);
background-size:cover;
text-align:center;
}
.home{
position:fixed;
top:5px;
left:5px;
height:30px;
width:30px;
}
.game a{
display:inline-block;
border-radius:0.1vmin;
background-image:radial-gradient(rgba(0, 0, 0,1), rgba(255,255,255,0.2));
color:rgba(255,255,255,1);
}
.game a:visited{
color:rgba(255,255,255,1);
}
.game a:hover{
display:inline-block;
border-radius:0.1vmin;
background-image:radial-gradient(rgba(0, 0, 0,1), rgba(255,255,0,0.4));
}
.game{
position: absolute;
width: 20vw;
height: 20vh;
top: 22vh;
left: 40vw;
color:rgb(255,255,255);
font-size:3vmin;
-webkit-animation: orbit 8s linear infinite;
-moz-animation: orbit 8s linear infinite;
animation: orbit 8s linear infinite;
}
.rotate{
-webkit-animation: rotate 8s linear infinite reverse;
-moz-animation: orbit 8s linear infinite reverse;
animation: orbit 8s linear infinite reverse;
}
@-webkit-keyframes orbit {
0% { transform: rotate(360deg);transform-origin:50% 212.5%; }
100% { transform: rotate(0deg);transform-origin: 50% 212.5%; }
 }
 @-moz-keyframes orbit {
0% { transform: rotate(360deg);transform-origin:50% 212.5%; }
100% { transform: rotate(0deg);transform-origin: 50% 212.5%; }
 }
 @keyframes orbit {
0% { transform: rotate(360deg);transform-origin:50% 212.5%; }
100% { transform: rotate(0deg);transform-origin: 50% 212.5%; }
 }
::-webkit-scrollbar {
display: none;
}
@-webkit-keyframes rotate {
0% { transform: rotate(0deg);transform-origin:50% 50%; }
100% { transform: rotate(360deg);transform-origin:50% 50%;  }
 }
 @-moz-keyframes rotate {
0% { transform: rotate(0deg);transform-origin:50% 50%; }
100% { transform: rotate(360deg);transform-origin:50% 50%;  }
 }
 @keyframes rotate {
0% { transform: rotate(0deg);transform-origin:50% 50%; }
100% { transform: rotate(360deg);transform-origin:50% 50%;  }
 }