/* 2025 ADC */
/* noto-sans-200italic - latin #@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); */


@font-face {font-family:'Noto Sans'; font-style:italic; font-weight:200; src:url('/home/font/noto-sans-v38-latin-200italic.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:normal; font-weight:300; src:url('/home/font/noto-sans-v38-latin-300.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:italic; font-weight:300; src:url('/home/font/noto-sans-v38-latin-300italic.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:normal; font-weight:400; src:url('/home/font/noto-sans-v38-latin-regular.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:italic; font-weight:400; src:url('/home/font/noto-sans-v38-latin-italic.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:normal; font-weight:500; src:url('/home/font/noto-sans-v38-latin-500.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:italic; font-weight:500; src:url('/home/font/noto-sans-v38-latin-500italic.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:normal; font-weight:600; src:url('/home/font/noto-sans-v38-latin-600.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:italic; font-weight:600; src:url('/home/font/noto-sans-v38-latin-600italic.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:normal; font-weight:700; src:url('/home/font/noto-sans-v38-latin-700.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:italic; font-weight:700; src:url('/home/font/noto-sans-v38-latin-700italic.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:normal; font-weight:800; src:url('/home/font/noto-sans-v38-latin-800.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:italic; font-weight:800; src:url('/home/font/noto-sans-v38-latin-800italic.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:normal; font-weight:900; src:url('/home/font/noto-sans-v38-latin-900.woff2') format('woff2');}
@font-face {font-family:'Noto Sans'; font-style:italic; font-weight:900; src:url('/home/font/noto-sans-v38-latin-900italic.woff2') format('woff2');}


* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
html { width: 100%; height:100%; overflow:hidden; }
body{
background-color:#000; font-family: 'Noto Sans', sans-serif; color:#fff; margin:0; font-size:10px; width:100%;height:100%; background-image:url(/home/home_bg.jpg);background-size:cover;
}

.hdl{ font-size:19pt; padding-left:10px; margin-bottom: 0px;}
.hdl_sub{ font-size:16pt; padding-left:10px; font-weight:200;}

.login{position:absolute;top:50%;left:50%;margin:-150px 0 0 -150px;width:300px;height:300px}
.login h1{color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.3);letter-spacing:1px;text-align:center}

.animate{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.one{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}

@-webkit-keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.bubble-animate{background-image:linear-gradient(120deg,#34e0f0 0%,#b400ff 100%);border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;width:150px;height:144px;animation:morph 3s linear infinite;transform-style:preserve-3d;outline:1px solid transparent;will-change:border-radius;z-index:900;top:-30px;position:relative}
.bubble-animate:before,.bubble-animate:after{content:'';width:100%;height:100%;display:block;position:absolute;left:0;top:0;border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;box-shadow:5px 5px 89px rgba(0,102,255,0.21);will-change:border-radius,transform,opacity;animation-delay:200ms;background-image:linear-gradient(120deg,rgba(0,67,5,.55) 0%,rgba(0,103,255,.89) 100%);z-index:900}
.bubble-animate:before{animation:morph 3s linear infinite;opacity:.21;animation-duration:1.5s;z-index:900}
.logos{z-index:9999;position:fixed;top:30px}
.logos img{max-width:300px;height:auto}

@keyframes morph {
0%,100%{border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;transform:translate3d(0,0,0) rotateZ(0.01deg)}
34%{border-radius:70% 30% 46% 54% / 30% 29% 71% 70%;transform:translate3d(0,5px,0) rotateZ(0.01deg)}
50%{opacity:.89;transform:translate3d(0,0,0) rotateZ(0.01deg)}
67%{border-radius:100% 60% 60% 100% / 100% 100% 60% 60%;transform:translate3d(0,-3px,0) rotateZ(0.01deg)}
}