@charset "UTF-8";

body,html {
margin:0px auto;
padding:0px;
background:black url(../image/back.webp) no-repeat fixed center;
background-size:cover;
color:white;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
cursor:url(../curs/curs.cur),auto;
-ms-overflow-style:-ms-autohiding-scrollbar;
-ms-scrollbar-base-color:#494F88;
-ms-scrollbar-track-color:#171729;
scrollbar-color:#494F88 #171729;
scrollbar-width:thin;
}
body::-webkit-scrollbar {
width:5px;
}
body::-webkit-scrollbar-track {
background:#171729;
}
body::-webkit-scrollbar-thumb {
background-color:#494F88;
border-radius:10px;
border:none;
}
a {
font-size:12px;
color:white;
transition:all 0.7s ease;
font-family:Arial,Helvetica,sans-serif;
text-decoration:none;
margin:0px;
}
a, a:hover {
cursor:url(../curs/curs2.cur),auto;
color:GreenYellow;
}
p {
margin:0px;
}
.li, a:hover {
cursor:url(../curs/curs4.cur),auto;
}
h1, h2 {
margin-top:0px;
}
h3 {
position:relative;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
margin:5px;
color:white;
z-index:5;
}
h1:hover{
animation-play-state:paused;
}
h1 {
position:relative;
font-size:3.4rem;
height:20px;
font-weight:normal;
padding:30px 0px 0px 10px;
margin:0px;
text-shadow:0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092;
color:#fccaff;
text-shadow:0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
color:#fff6a9;
font-family:"Sacramento", cursive;
animation:blink 12s infinite;
-webkit-animation:blink 12s infinite;
}
@-webkit-keyframes blink {
20%,24%,55% {
color:#111;
text-shadow: none;
}
0%,19%,21%,23%,25%,54%,56%,100% {
color:#fccaff;
text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092;
text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
color: #fff6a9;
}
}
@keyframes blink {
20%,24%,55% {
color:#111;
text-shadow:none;
}
0%,19%,21%,23%,25%,54%,56%,100% {
color:#fccaff;
text-shadow:0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092;
text-shadow:0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
color:#fff6a9;
}
}
h2 {
font-size:1.6rem;
}
#fade {
position:fixed;
background-color:transparent;
top:0px;
height:63px;
width:0px;
z-index:10;
}
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 48
}
.butta {
position:absolute;
padding:0px;
display:flex;
transform:translate(-50%, -50%);
top:20px;
left:20px;
}
.butta {
list-style: none;
margin:25px;
}
.butta a {
position:relative; 
display:block;
width:60px;
height:60px;
text-align:center;
line-height:63px;
background:MidnightBlue;
color:Aqua;
border-radius:50%;
font-size:30px;
box-shadow:5px 10px 10px MediumBlue;
transition:.5s;
}
.butta a::before {
position:absolute;
content:'';
top:0px;
left:0px;
width:100%;
height:100%;
border-radius:50%;
background:Yellow;
transition:.5s;
transform:scale(.9);
z-index:-1;
}
.butta a:hover::before {
transform:scale(1.1);
box-shadow:0px 0px 15px GreenYellow;
}
.butta a:hover {
color:GreenYellow;
box-shadow:0px 0px 5px GreenYellow;
text-shadow:0px 0px 5px GreenYellow;
}
.bord {
position:fixed;
margin:0px auto;
padding:0px;
width:100%;
height:auto;
}
.bilder {
width:100%;
height:auto;
object-fit:cover;
}
.p3 {
--s: 0.2em;   /* the thickness of the line */
--c: blue; /* the color */
color: white;
padding-bottom: var(--s);
background: 
linear-gradient(90deg,var(--c) 50%,blue 0) calc(100% - var(--_p,0%))/200% 100%,
linear-gradient(var(--c) 0 0) 50% 100%/var(--_p,0%) var(--s) no-repeat;
-webkit-background-clip: text,padding-box;
background-clip: text,padding-box;
transition: 0.2s;
}
.p3:hover {--_p: 100%;
}
.orb {
position:relative;
animation:spin 4s linear infinite;
width:40px;
height:40px;
margin:auto;
top:55px;
left:16%;
border-radius:50%;
border:0px solid black;
box-shadow:
inset 0 0 50px transparent,
inset 20px 0 60px transparent,
inset -20px 0 60px transparent,
inset 20px 0 300px transparent,
inset -20px 0 300px transparent,
0 0 50px #1A4777,
-10px 0 60px white,
10px 0 60px #1A4777;
}
@keyframes spin { 75% { -webkit-transform: rotate(360deg); transform:rotate(360deg);}
}
.external {
background:url(../image/ex.png) no-repeat right .3em;
background-size:auto auto;
padding-right:15px;
background-size:10.5px;
}
.tat {
text-decoration:none;
margin:0px;
background-color:black;
color:white;
}
.tat:hover {
transition:.3s ease-out;
color:blue;
}
.tooltip {
position:relative;
}
.tooltip:before {
display:block;
opacity:0;
pointer-events:none;
position:absolute;
}
.tooltip:before {
background:rgba(0,0,0,.75);
border-radius:10px;
box-shadow:5px 5px 8px #3cf;
color:greenyellow;
content:attr(data-title);
padding:8px;
top:15px;
z-index:10;
}
.tooltip.fade:before {
transform:translate3d(0,-10px,0);
transition:all .15s ease-in-out;
}
.tooltip.fade:hover:before {
opacity:1;
transform:translate3d(0,0,0);
}
.tooltip.expand:before {
transform:scale3d(.2,.2,1);
transition:all .2s ease-in-out;
}
.tooltip.expand:hover:before {
opacity:1;
transform:scale3d(1,1,1);
}
.tooltip.expand:hover:after {
transition:all .2s .1s ease-in-out;
}
#audio_with_controls {
border-radius:15px;
background-color:blue;
width:145px;
opacity:0.5;
}
iframe {
background-color:blue;
border-radius:10px;
margin-top:-5px;
margin-left:-4px;
}
.iframe {
border:none;
background-color:black;
overflow:hidden;
margin-left:0px;
margin-right:0px;
margin-top:10px;
width:720px;
height:1040px;
}
img {
border:none;
background-color:transparent;
}
.set {
background-color:#000018;
width:140px;
height:410px;
padding:0px;
overflow:hidden;
}
.contain {
height:auto;
-moz-animation:marquee 35s linear infinite alternate;
-webkit-animation:marquee 35s linear infinite alternate;
animation:marquee 35s linear infinite alternate;
}
@-moz-keyframes marquee {
0% { transform:translate(0, 0);
}
100% { transform:translate(0, -87%);
}
}
@-webkit-keyframes marquee {
0% { transform:translate(0, 0);
}
100% { transform:translate(0, -87%);
}
}
@keyframes marquee {
0% {
-moz-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
}
100% {
-moz-transform:translate(0, -87%);
-webkit-transform:translate(0, -87%);
transform:translate(0, -87%);
}
}
.contain:hover {
animation-play-state:paused;
}
.menu_img {
position:relative;
border:none;
float:left;
right:4px;
bottom:2px;
width:20px;
height:20px;
}
header {
margin:0px auto;
padding:0px;
width:970px;
}
#info {
position:relative;
top:0px;
padding:0px;
left:15px;
height:1040px;
overflow-x:hidden;
overflow-y:auto;
font-weight:normal;
scrollbar-width:none;
}
#info, a {
color:#00f;
}
.time {
background-color:#000018;
float:right;
}
#logo {
display:block;
margin:2px auto;
background:url(../image/tittle.webp) no-repeat;
background-size:100%;
background-position:center;
width:1000px;
height:130px;
}
#menu {
border-bottom-right-radius:18px;
border-bottom-left-radius:18px;
display:block;
margin:0px auto;
padding:3px;
background:black;
opacity:0.762;
height:40px;
width:970px;
}
#smart {
position:fixed;
}
#wrapper {
position:relative;
margin:0px;
padding:0px;
z-index:1;
}
#page {
border-radius:18px;
border:double #2C4B97;
border-width:5px 0px;
margin:2px auto;
padding:0px;
background:black;
width:1000px;
height:2220px;
}
#content {
background-color:black;
margin:0px 0px;
float:left;
width:700px;
}
.post {
border-bottom:1px solid #2c4449;
padding-bottom:5px;
line-height:200%;
}
.rand {
border:thin inset Navy;
box-shadow:9px 4px 9px blue;
}
#sidebar1 {
float:left;
width:150px;
}
#sidebar2 {
border-top-right-radius:18px;
float:right;
width:150px;
}
.sidebar {
position:relative;
padding:0px;
color:#737373;
}
.sidebar ul {
margin:0px;
padding:10px 0px 0px 0px;
list-style-image:none;
list-style-type:none;
list-style-position:outside;
}
.sidebar li {
padding:0 0 0px;
}
.sidebar li ul {
background:transparent none repeat scroll 0% 50%;
padding-bottom:10px;
}
.sidebar li li {
font-size:1rem;
font-weight:normal;
border-bottom:1px dashed #314a4f;
margin:0px 5px 0px 10px;
padding:10px 0px 2px 0px;
background:transparent none repeat scroll 0% 50%;
}
.sidebar li h2 {
border-bottom:1px solid #2c4449;
margin:5px 10px 0px 10px;
padding:10px 15px 0px 0px;
height:25px;
font-size:1.6rem;
font-family:'Croissant One', cursive;
font-weight:normal;
color:MediumBlue;
}
.sidebar a {
width:150px;
font-family:'Oxygen', normal;
font-weight:400;
color:white;
}
.slide {
border-radius:10px;
border:none;
height:400px;
}
.to {
font-size:2em;
font-weight:bold;
color:#808080;
margin:-4px;
margin-left:1px;
}
.thumb {
position:relative;
width:150px;
height:auto;
}
.zigzag {
position:relative;
top:2px;
height:2210px;
background:linear-gradient(0deg,transparent 25px,#000018 30px),
linear-gradient(-135deg,#000018 0px,transparent 0px),linear-gradient(135deg,#000018 20px,transparent 20px);background-color:transparent;background-position:left bottom;background-repeat:repeat-x;
background-size:100% 100%,30px 30px,30px 30px;
right:2px;
z-index:10;
}
#footer {
border-top-left-radius:18px;
border-top-right-radius:18px;
display:block;
margin:0px auto;
padding:0px 15px;
background:black;
opacity:0.862;
width:970px;
height:55px;
}
.c1 {
margin:5px 5px;
background-color:yellow;
}
.c2 {
position:relative;
margin-top:15px;
float:left;
}
.c3 {
position:relative;
margin-top:15px;
margin-left:10px;
float:left;
}
.c4 {
border-radius:5px;
}
.c5 {
position:relative;
float:right;
right:10px;
top:10px;
}
.c6 {
position:relative;
margin:0px 5px;
}
.a2 {
position:relative;
left:2px;
}
.a3 {
position:relative;
left:4px;
}
.a4 {
position:relative;
margin:10px;
}
.b1 {
float:right;
}
.b7 {
position:relative;
background-color:#9f9f9f;
right:4px;
}
.b8 {
position:relative;
top:-8px;
right:5px;
}
.b9 {
position:relative;
height:750px;
}