Frelein: Tentang Kami

Tentang Kami - Frelein

/* Say Hi to Adblock */ @keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}#freleinblock::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}#freleinblock::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}#freleinblock::-webkit-scrollbar-track{background-color:transparent}#freleinblock::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.25)}#freleinblock{background:rgba(34,47,62,0.67);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#freleinblock .header{margin:10px 0 20px 0;position:relative;top:initial;left:initial}#freleinblock .header h2{color:#222;font-size:1.8rem}#freleinblock .inner{background:#fff;border-radius:12px;color:#222;box-shadow:0 0 2rem -1rem rgba(0,0,0,0.5);text-align:center;width:100%;max-width:640px;padding:30px;margin:7% auto 2% auto;animation:flipInX 1s}#freleinblock button{position:relative;overflow:hidden;padding:6px 20px;background:#f5aa33;color:#fff;margin:20px 5px;cursor:pointer;border-radius:99em;font-size:13px;font-weight:500;border:2px solid #f5aa33;transition:initial;box-shadow:0 1px 0 rgba(0,0,0,0.01),0 5px 10px rgba(0,0,0,0.1)}#freleinblock button:hover{background:#fff;color:#f5aa33;outline:none;border-color:#f5aa33}#freleinblock button.active,#freleinblock button:hover.active{background:#ee5253;color:#fff;border-color:#ee5253;outline:none}#freleinblock .fixblock{background:#f7f9f8;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px;border-radius:8px;border:1px solid rgba(0,0,0,0.05)}#freleinblock .fixblock div{display:none}#freleinblock .fixblock div.active{display:block;animation:fadeInUp .5s}#freleinblock ol{margin-left:20px}#freleinblock button:after,#freleinblock button:before{content:'';display:block;position:absolute;bottom:0;right:0;left:0;height:50%;background:rgba(0,0,0,0.05);background-repeat:no-repeat;transition:all .3s}#freleinblock button:before{height:0;top:0;bottom:initial}#freleinblock button:hover:after{height:0}#freleinblock button:hover:before{height:50%}@media(max-width:768px){#freleinblock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}} /* No Script */ body,html{overflow:hidden} .noscript{background:#1277cb;color:#fff;padding:8% 0 0 0;position:fixed;bottom:0;left:0;top:0;right:0;z-index:1000;height:auto;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden} .noscript p{margin:0;text-align:center;padding:0 20px 10px 20px;margin:auto;font-size:3rem;line-height:1.5;font-family:monospace;max-width:990px;text-transform:uppercase;font-weight:500} .noscript p span{color:#ffe88b;font-size:10rem;line-height:normal;font-weight:normal}