body
{
font-size:30px;
}






.start a{
overflow: hidden;
display: inline-block;
width: 300px;
height: 90px;
margin-top: 0%;
text-align: center;
text-decoration: none;

font-size: 50px;
background-image: url("34.gif");
border-radius: 5px;
}

.start a:hover{
margin-top: 0%;
width: 360px;
height: 310px;
text-align: center;
background-color: red;
transition: .2s ease;
color: black;
background-image: url("78.gif");
border-radius: 30px;
}

.tooltip{
position: relative;
display: inline-block;
height: 0px;
}

.tooltip .tooltiptext{
visibility: hidden;
position: absolute;
top: 0px;
right: 100%;
opacity: 0;
transition: .3s ease;
-ms-transform: rotate(20deg);
transform: rotate(-20deg);
z-index: -1;
}

.tooltip:hover .tooltiptext{
visibility: visible;
opacity: 1;
}





.text1{
display: inline-block;
background-color: #FF4141;
width: 120px;
height: 46px;
overflow: hidden;
position: fixed;
bottom: 4%;
left: 4%;
padding: 3px 3px 0 4px;
border-radius: 15px;
border: 3px solid #D01313;
text-align: center;
font-size: 30px;
color: white;
}

.text1:hover{
width: 90%;
height: 46px;
font-size: 26px;
padding-top: 6px;
font-weight: bold;
transition: .2s ease;
}



.cat{
position: fixed;
left: 2px;
bottom: 8px;
}


.yay a{
position: fixed;
display: inline-block;
width:200px;
text-decoration:none;
background-color:grey;
right:0px;
top: 8px;
color:white;
border-radius: 15px;
border: 3px solid black;
text-align: center;
}


.bear{
display:none;
}

.loader-wrapper{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: black;
display: flex;
justify-content: center;
align-items: center;
}

.loader{
display: inline-block;
width: 30px;
height: 30px;
position: relative;
border: 4px solid white;
animation: loader 2s infinite ease;
}

.loader-inner{
vertical-align: top;
display: inline-block;
width: 100%;
background-color: white;
animation: loader-inner 2s infinite ease-in;
}

@keyframes loader{
0% { transform: rotate(0deg);}
25% { transform: rotate(180deg);}
50% { transform: rotate(180deg);}
75% { transform: rotate(360deg);}
100% { transform: rotate(360deg);}
}

@keyframes loader-inner{
0% { height: 0%;}
25% { height: 0%;}
50% { height: 100%;}
75% { height: 100%;}
100% { height: 0%;}
}

.load-text{
position: absolute;
top: 60%;
font-size: 20px;
color: white;
font-weight: bold;
animation: load-text 6s infinite ease;
letter-spacing: 3px;
}

@keyframes load-text{
0% { font-size: 20px;}
25% { font-size: 19.5px;}
50% { font-size: 20px;}
75% { font-size: 19px;}
100% { font-size: 20px;}
}