*{
margin:0px;
padding:0px;
font-weight:bold;
}
@media print{
body{display:none;}
}
body{
user-select:none;
}
body::-webkit-scrollbar{
display:none;
}
#mainbody{
display:none;
width:100%;
height:100%;
}
header{
width:100%;
height:auto;
display:block;
overflow:hidden;
position:relative;
background-color: #A70D2A;
}
#headerleft{
float:left;
width:20%;
height:10vw;
display:block;
position:relative;
border-bottom:0.1vw solid yellow;
animation: headbl 5s infinite;
}
@keyframes headbl{
50% {border-bottom-left-radius:5vw;}
}
#headerleft img{
height:9.8vw;
display:block;
margin:auto;
border-radius:50%;
}
#headercenter{
float:left;
width:60%;
height:10vw;
display:block;
margin:auto;
color:Gold;
position:relative;
text-align:center;
border-bottom:0.1vw solid yellow;
font-family: 'arial black', serif;
}
#headercenter h1{
font-size:3.5vw;
}
#headerright{
float:left;
width:20%;
height:10vw;
position:relative;
border-bottom:0.1vw solid yellow;
animation: headbr 5s infinite;
}
@keyframes headbr{
50% {border-bottom-right-radius:5vw;}
}
#headerright img{
height:10vw;
display:block;
margin:auto;
border-radius:50%;
}
#scroll{
display: none;
height:5vw;
position: fixed;
bottom: 8.5vh;
right: 1vw;
cursor: pointer;
border-radius: 50%;
}



@media(max-width:800px){
#headerleft{
height:15vw;
}
#headerleft img{
height:15vw;
}
#headercenter{
height:13.5vw;
padding-top:1.5vw;
}
#headercenter h1{
padding-top:1vw;
font-size:4.1vw;
}
#headerright{
height:15vw;
}
#headerright img{
height:15vw;
}
}