.background{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
}

.image {
border: 1px solid #ddd;
border-radius: 4px;
padding: 4px 4px 0px 4px;
width: auto;
box-shadow: 0 0 1px 1px rgba(0, 140, 186, 0.5);
transition: .2s ease;
}

.image:hover{
box-shadow:0 0 3px 3px rgba(0, 140, 186, 0.5);
}

@media screen and (max-width: 600px){
.image img{
width: 100%;
height: 100%;
}

.image{
width: 70%;
height: 70%;
}

}

.link{
width: 250%;
}

.link a{
display: block;
color: black;
text-align: center;
padding: 17px 10px;
text-decoration: none;
letter-spacing: 2px;
font-size: 30px;
font-family: SimSun;
text-shadow: 0px -2px 2px #002285, 1px -1px 4px #79ECE0;
border-radius: 10px;
}

.link a:hover{
background-color: white;
color: black;
transition: .2s ease;
text-shadow: 0px -1px 0 #00FFE4;
}

h1{
color: black;
padding: 5px 32px;
font-size: 26px;
text-align: center;
border-radius: 3px;
}

.tooltip1{
position: relative;
display: inline-block;
}

.tooltip2{
position: relative;
display: inline-block;
}

.tooltip1 .tooltiptext1{
visibility: hidden;
width: 130px;
background-color: #090E3D;
color: #fff;
text-align: center;
border-radius: 5px;
padding: 10px 10px;
position: absolute;
z-index: 1;
top: 30px;
right: 115%;
opacity: 0;
transition: .2s ease;
font-size: 30px;
}

.tooltip2 .tooltiptext2{
visibility: hidden;
width: 130px;
background-color: #090E3D;
color: #fff;
text-align: center;
border-radius: 5px;
padding: 10px 10px;
position: absolute;
z-index: 1;
top: 30px;
left: 115%;
opacity: 0;
transition: .2s ease;
font-size: 30px;
}

.tooltip1:hover .tooltiptext1{
visibility: visible;
opacity: 1;
}

.tooltip2:hover .tooltiptext2{
visibility: visible;
opacity: 1;
}

.tooltip1 .tooltiptext1::after{
content:"";
position: absolute;
top: 50%;
left: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent #090E3D;
}

.tooltip2 .tooltiptext2::after{
content:"";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent #090E3D transparent transparent;
}

.tooltip3{
position: relative;
display: block;
width: 5.5%;
height: 22%;
position: fixed;
left: 23.5%;
bottom: 16%;
border: 2px solid red;
transition: .1s ease;
}

.tooltip3 .tooltiptext3 {
visibility: hidden;
opacity: 0;
position: absolute;
top: -16px;
left: 336%;
transition: .2s ease;
border: 2px solid #1B1F29; 
padding: 15px;
border-radius: 10px;
width: 530%;
font-size: 23px;
background-color: #05385B;
color: white;
text-align: center;
}

.tooltip3 .tooltiptext3::after{
content:"";
position: absolute;
top: 10%;
right: 100%;
margin-top: -5px;
border-width: 17px;
border-style: solid;
border-color: transparent #05385B transparent transparent ;
}

.tooltip3 .tooltiptext4 {
visibility: hidden;
position: absolute;
top: -16px;
left: 123%;
opacity: 0;
transition: .2s ease;
border: 2px solid #1B1F29; 
padding: 3px 3px 0px 3px;
border-radius: 10px;
}

.tooltip3:hover .tooltiptext4 {
visibility: visible;
opacity: 1;
}

.tooltip3:hover .tooltiptext3 {
visibility: visible;
opacity: 1;
}

.tooltip3:hover{
border: 2px solid #00F3FF;
border-radius: 2px;
box-shadow: 0px 0px 10px #79ECE0;
width: 5%;
left: 23.8%;
height: 21%;
bottom: 16.8%;
}

@media screen and (max-width: 600px){
.tooltip3 .tooltiptext3 {
left: 200%;
font-size: 17px;
}

}

@media screen and (max-width: 800px){
.tooltip3 .tooltiptext4{
display: none;
}
}

.animate {
position: absolute;
width: 147px;
animation-name: example;
animation-duration: 2s;
animation-iteration-count: infinite;
}

@keyframes example {
0%   { left:21%; top:26.5%;}
50%  { left:21%; top:27%;}
100% { left:21%; top:26.5%;}
}

.animate1 {
position: absolute;
width: 147px;
animation-name: example1;
animation-duration: 3s;
animation-iteration-count: infinite;
}

@keyframes example1 {
0%   { left:21%; bottom:41%;}
50%  { left:21%; bottom:40%;}
100% { left:21%; bottom:41%;}
}

.animate2 {
position: absolute;
width: 120px;
animation-name: example2;
animation-duration: 3s;
animation-iteration-count: infinite;
}

@keyframes example2 {
0%   { left:53%; top:7%;}
50%  { left:53%; top:6%;}
100% { left:53%; top:7%;}
}

@media screen and (max-width: 600px){
@keyframes example1 {
0%   { left:18%; bottom:47%;}
50%  { left:18%; bottom:46%;}
100% { left:18%; bottom:47%;}
}

@keyframes example2 {
0%   { left:39%; top:7%;}
50%  { left:39%; top:6%;}
100% { left:39%; top:7%;}
}
}

.cat img{
position: fixed;
top: 17%;
left: 10%;
width: 10%;
height: 10%;
}

@media screen and (max-width: 600px){
.cat img{
display: none;
}
}

.cat2 img{
position: fixed;
top: 82%;
left: 38%;
opacity: 0.5;
width: 10%;
height: 10%;
}

.cat2:hover img{
opacity: 1;
transition: .2s ease;
}

.text2{
overflow: hidden;
}

.text2 a{
display: block;
background-color: #251E2B;
text-decoration: none;
color: white;
font-size: 20px;
padding: 15px;
position: fixed;
right: 4%;
bottom: 4%;
transition: .2s ease;
}

.text2:hover a{
background-color: white;
color: black;
font-size: 21px;
border: 1px solid #693C41;
}

.content{
display: none;
}

.loader-wrapper{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #0F0234;
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;}
}