#home h2{color:#e0e3e7;text-align:center;margin-top:40px;font-size:24px}#home p{text-align:center;margin-top:20px}#home p code{background-color:#1a1f28;padding:6px;border-radius:5px;letter-spacing:1.1px;color:#8891a4}#home .random-css-loader{margin-top:50px;display:flex;flex-direction:column;align-items:center}#home .random-css-loader .random-loader-case{display:flex;align-items:center;justify-content:center;width:300px;height:200px;background-color:#eee;border:none;margin-top:20px;border-radius:5px;position:relative;cursor:pointer}#home .random-css-loader .random-loader-case.bg-3d{background-color:#1b2832}#home .random-css-loader .random-loader-case:hover .random-copy-btn{opacity:1}#home .random-css-loader .random-loader-case .random-copy-btn{cursor:pointer;position:absolute;z-index:9;padding:13px;font-size:15px;background-color:#017fc0;border-radius:5px;border:none;color:#fff;font-weight:500;opacity:0}#home .ad1-block{width:100%;padding:10px}@media screen and (max-width: 500px){#home{padding:10px 20px}#home h2{margin-top:20px}#home .random-css-loader{margin-top:30px}#home .random-css-loader p{text-align:center}#home .random-css-loader p#sss{margin-top:0!important}}.loader{display:inline-flex;justify-content:center;gap:10px;width:100%;align-items:center;height:calc(100vh - 100px)}.loader:before,.loader:after{content:"";height:20px;border-radius:50%;background:radial-gradient(farthest-side,#000 95%,#0000) 50%/8px 8px no-repeat #fff;aspect-ratio:1;animation:l10 1.5s infinite alternate}.loader:after{--s:-1}@keyframes l10{0%,20%{transform:scaleX(var(--s, 1)) rotate(0);clip-path:inset(0)}60%,to{transform:scaleX(var(--s, 1)) rotate(30deg);clip-path:inset(40% 0 0)}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;font-family:Montserrat,sans-serif;transition:all .3s}body{background-color:#131720;color:#b3b9c5}.container{display:flex;max-height:100vh;overflow:hidden}.container .for-left-menu{overflow-x:hidden;width:230px}.container .app-menu{overflow:auto;width:calc(100% - 230px)}@media screen and (max-width: 500px){.container .for-left-menu{width:200px;position:fixed;z-index:99}.container .app-menu{width:100%}}#left-menu{width:100%;height:100%}#left-menu ul li a{display:flex;justify-content:space-between;padding:14px 10px;border-bottom:1px solid #202632;color:#b3b9c5}#left-menu ul li a.active,#left-menu ul li a:hover{background-color:#01aaff30;color:#79c0ff}#left-menu ul li a:hover span:first-child{text-decoration:underline}#left-menu ul li a span:last-child{font-size:14px;font-weight:600}.toggle-btn{position:fixed;bottom:100px;left:200px;background-color:#202632;width:50px;height:50px;z-index:999;border-radius:0 15px 15px 0;display:none;align-items:center;justify-content:center;flex-direction:column;row-gap:5px;border:2px solid blue;border-left:0}.toggle-btn span{width:70%;height:5px;display:flex;background-color:#fff}@media screen and (max-width: 500px){.toggle-btn{display:flex;left:0}.toggle-btn.active{left:200px}#left-menu{background-color:#202632;position:fixed;left:-100%;top:0;width:200px;height:100vh;overflow:auto}#left-menu.active{left:0}}#header{width:100%;height:80px;display:flex;align-items:center;justify-content:center}#header .h-text,#header .h-text a{display:flex;align-items:center}#header .h-text .css-text{color:#fff;font-size:70px;font-weight:700}#header .h-text .css-text span{position:relative;text-shadow:-1px -1px 0 #131720,1px -1px 0 #131720,-1px 1px 0 #131720,1px 1px 0 #131720}#header .h-text .css-text span:first-child{left:12px}#header .h-text .css-text span:nth-child(2){z-index:9}#header .h-text .css-text span:last-child{left:-12px;color:#c39f76;filter:blur(2px)}#header .h-text .loader-text{display:flex;flex-direction:column;line-height:.9}#header .h-text .loader-text span:first-child{font-size:48px;color:#fff;font-weight:700}#header .h-text .loader-text span:last-child{font-size:15px;color:#c2c7d0}@media screen and (max-width: 500px){#header .h-text,#header .h-text a{display:flex;align-items:center}#header .h-text .css-text{color:#fff;font-size:50px;font-weight:600}#header .h-text .loader-text span:first-child{font-size:32px;color:#fff;font-weight:700}#header .h-text .loader-text span:last-child{font-size:14px;color:#c2c7d0}}#not-found{display:flex;align-items:center;justify-content:center;height:70vh;width:100%}#classic{padding:50px;display:flex;flex-direction:column}#classic .top-line{display:flex;justify-content:space-between;width:100%;align-items:center}#classic .top-line .left-text h2{color:#fff}#classic .top-line .left-text .lets-text{color:#c2c7d0;margin-top:20px}#classic .top-line .left-text .lets-text span{text-transform:uppercase}#classic .top-line .left-text .code{margin-top:20px}#classic .top-line .left-text .code code{background-color:#1a1f28;padding:6px;border-radius:5px;letter-spacing:1.1px;color:#8891a4}#classic .top-line .left-text .click-text{display:block;margin-top:25px;color:#c2c7d0}#classic .top-line .right-text{width:20px;height:20px}#classic .banner-ad{margin:10px}#classic .bottom-line{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;gap:10px}#classic .bottom-line .loader-btn{height:200px;cursor:pointer;position:relative;border:none;border-radius:5px;background-color:#fff;display:flex;align-items:center;justify-content:center;color:#000}#classic .bottom-line .loader-btn.bg-3d{background-color:#1b2831}#classic .bottom-line .loader-btn.bg-3d .key{border-color:transparent}#classic .bottom-line .loader-btn:hover .copy-btn{opacity:1}#classic .bottom-line .loader-btn .copy-btn{cursor:pointer;position:absolute;z-index:9;padding:13px;font-size:15px;background-color:#017fc0;border-radius:5px;border:none;color:#fff;font-weight:500;opacity:0;left:50%;top:50%;transform:translate(-50%,-50%)}#classic .bottom-line .loader-btn .key{gap:1px;color:#03a1e9;font-size:16px;font-weight:600;border-radius:0 0 5px;width:39px;height:35px;top:0;left:0;position:absolute;border:solid #131720;border-width:0 1px 1px 0;display:flex;align-items:center;justify-content:center}#classic .bottom-line .loader-btn .classic-loader{margin:0 auto}#classic .ad1-block{width:100%;padding:10px}@media screen and (max-width: 500px){#classic{padding:20px}#classic .top-line{flex-direction:column}#classic p,#classic h2{text-align:center}#classic .bottom-line{margin-top:20px;flex-wrap:wrap;display:flex;justify-content:center}#classic .bottom-line .loader-btn{width:90%}}