@charset "UTF-8";

body,html {
margin:0px auto;
padding:0px;
height:100%;
background:black url(../image/back.webp) no-repeat fixed center;
background-size:cover;
text-align:justify;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:12px;
color:white;
cursor:url(../curs/curs4.cur),auto;
-ms-overflow-style:-ms-autohiding-scrollbar;
-ms-scrollbar-base-color:blue;
-ms-scrollbar-track-color:black;
scrollbar-width:thin;
scrollbar-color:blue black;
}
body::-webkit-scrollbar {
width:5px;
}
body::-webkit-scrollbar-track {
background:black;
}
body::-webkit-scrollbar-thumb {
background-color:blue;
border-radius:10px;
border:none;
}
a, a:hover {
cursor:url(../curs/curs2.cur),auto;
}
#fade {
position:fixed;
background-color:transparent;
top:0px;
left:20px;
height:63px;
width:0px;
z-index:10;
}
.material-symbols-rounded {
font-variation-settings:'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 48
}
.set {
position:absolute;
padding:0px;
display:flex;
transform:translate(-50%, -50%);
top:20px;
left:0px;
}
.set {
list-style:none;
margin:25px;
}
.set a {
position:relative; 
display:block;
width:60px;
height:60px;
text-align:center;
line-height:63px;
background:#333;
color:#00f;
border-radius:50%;
font-size:30px;
box-shadow:5px 10px 10px #00f;
transition:.5s;
}
.set a::before {
position:absolute;
content:'';
top:0px;
left:0px;
width:100%;
height:100%;
border-radius:50%;
background:#ffee10;
transition:.5s;
transform:scale(.9);
z-index:-1;
}
.set a:hover::before {
transform:scale(1.1);
box-shadow:0px 0px 15px #ffee10;
}
.set a:hover {
color:#ffee10;
box-shadow:0px 0px 5px #ffee10;
text-shadow:0px 0px 5px #ffee10;
}
#containingDiv {
width:1024px;
margin:0 auto;
padding:140px 0 0 0;
}
#bottomText {
width:100%;
text-align:center;
}
#containingDiv {
width:1024px;margin:0 auto;
padding:140px 0 0 0;
}
#bottomText {
width:100%;
text-align:center;
}
}
#containingDiv {
width:100%;
margin:0 auto;
padding:60px 0 0 0;
}
#bottomText {
width:100%;
text-align:center;
}
}