@charset "UTF-8";

body,html {
margin:0px auto;
padding:0px;
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/curs.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;
}
.video {
width:40vw;
background:black url(../image/vid.gif) no-repeat center;
background-size:cover;
box-shadow:5px 5px 8px 5px MidnightBlue;
border:1px solid MidnightBlue;
border-radius:18px;
}
a {
color:#ffffe0;
}
p {
font-size:1.4vw;
color:antiquewhite;
}
#fade {
position:fixed;
background-color:transparent;
top:0px;
left:20px;
height:63px;
width:0px;
z-index:10;
}
#site {
position:relative;
border-radius:18px;
border:1px solid #2424a2;
box-shadow:8px 5px 9px #2424a2;
font-family:'Amaranth', sans-serif;
text-align:center;
margin-left:auto;
margin-right:auto;
max-width:75%;
height:auto;
background-color:rgb(0, 0, 0, 0.8);
padding:10px;
}
#text {
width:10%;
}
.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;
}
.material-symbols-rounded {
font-variation-settings:'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 48
}
.b2 {
background-color:#000080;
transition:all 0.7s ease;
color:gold;
}
.b2:hover {
background-color:#0000FF;
transition:all 0.7s ease;
color:white;
}
.b4 {
margin:0.1em 0.5em;
}
.b9 {
position:relative;
text-align:center;
margin-top:2vw;
}
table {
border:none;
margin:auto;
margin-top:1ex;
}
th {
text-align:right;
}
caption {
background-color:#ffffe0;
color:black;
}
thead th {
background-color:#ffffe0;
color:black;
}
#events td {
text-align:right;
width:4ex;
}
#properties td {
}
hr {
clear:both;
margin-top:2em;
}
.true {
background-color:#360;
color:#ffffe0;
}
.false {
background-color:#603;
color:#ffffe0;
}
button {
margin:1rem;
background-color:#00031A;
transition:all 0.7s ease;
color:silver;
font-size:1.2vw;
}
button:hover {
background-color:#000947;
transition:all 0.7s ease;
color:white;
}
#buttons {
position:relative;
text-align:center;
margin-left:auto;
margin-right:auto;
top:-1vw;
}
#m_video td, #m_video th, #tracks td, #tracks tth {
text-align:center;
padding-left:0.5ex;
padding-right:0.5ex;
}