-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyle.css
More file actions
1 lines (1 loc) · 12.3 KB
/
Copy pathstyle.css
File metadata and controls
1 lines (1 loc) · 12.3 KB
1
*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#06100a;--panel:#0b1810;--text:#f4fff7;--muted:#9bb0a1;--line:rgba(160,255,190,.12);--accent:#5dff8a;--accent2:#19d96b}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% 8%,rgba(45,255,112,.13),transparent 30%),radial-gradient(circle at 10% 65%,rgba(0,170,80,.10),transparent 28%),var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(100,255,150,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(100,255,150,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.topbar{position:relative;z-index:2;width:min(1120px,calc(100% - 40px));margin:auto;height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:#fff;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.04em}.brand span{color:var(--accent)}nav{display:flex;gap:28px}nav a{color:#9bb0a1;text-decoration:none;font-size:13px;transition:.2s}nav a:hover{color:var(--accent)}main{position:relative;z-index:1;width:min(900px,calc(100% - 40px));margin:auto}.hero{min-height:calc(100vh - 76px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:70px 0 100px}.hero-glow{position:absolute;width:440px;height:440px;top:50%;left:50%;transform:translate(-50%,-55%);border-radius:50%;background:rgba(70,255,120,.11);filter:blur(75px);pointer-events:none}.avatar{position:relative;width:96px;height:96px;display:grid;place-items:center;margin-bottom:26px;border:1px solid rgba(93,255,138,.5);border-radius:50%;background:linear-gradient(145deg,#12301d,#08130c);color:var(--accent);font-size:36px;font-weight:800;box-shadow:0 0 65px rgba(40,255,110,.17)}.eyebrow,.section-label{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.2em}.eyebrow{margin:0 0 16px}h1{position:relative;margin:0;font-size:clamp(48px,8vw,88px);line-height:1;letter-spacing:-.065em}h1 span{color:var(--accent)}.lead{position:relative;max-width:600px;margin:25px auto 0;color:var(--muted);font-size:16px;line-height:1.7}.hero-actions{position:relative;display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border-radius:13px;text-decoration:none;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{color:#031008;background:var(--accent)}.primary:hover{background:#8affaa}.secondary{color:#fff;border:1px solid var(--line);background:rgba(30,100,55,.16)}.secondary:hover{background:rgba(50,150,80,.2);border-color:rgba(93,255,138,.35)}.content-section{padding:105px 0;border-top:1px solid var(--line)}.section-label{margin:0 0 18px}h2{margin:0;font-size:clamp(30px,5vw,48px);letter-spacing:-.05em}.bio{max-width:760px;margin-top:28px;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(25,90,45,.18),rgba(5,20,11,.5));box-shadow:0 25px 80px rgba(0,0,0,.18)}.bio p{margin:0 0 18px;color:var(--muted);line-height:1.85;font-size:15px}.bio p:last-child{margin-bottom:0}.bio strong{color:#d9ffe3}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.grid article{padding:25px;border:1px solid var(--line);border-radius:20px;background:rgba(10,35,19,.5);transition:.25s;display:flex;align-items:center;gap:14px}.grid article:hover{transform:translateY(-4px);border-color:rgba(93,255,138,.35);background:rgba(15,55,28,.55)}.minecraft-mini-icon{width:42px;height:42px;object-fit:contain;flex:0 0 42px;border-radius:10px}.icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:22px;border-radius:13px;background:rgba(93,255,138,.1);color:var(--accent);font-size:21px}.grid h3{margin:0 0 8px;font-size:18px}.grid p{margin:0;color:var(--muted);line-height:1.65;font-size:13px}.section-text{max-width:680px;margin:20px 0 0;color:var(--muted);line-height:1.8;font-size:16px}.contacts{padding-bottom:100px}.telegram-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:14px 20px;border:1px solid rgba(93,255,138,.28);border-radius:14px;background:rgba(45,180,80,.08);color:var(--accent)!important;text-decoration:none!important;font-size:16px;font-weight:800;box-shadow:0 0 25px rgba(45,255,112,.08);transition:.2s}.telegram-link:link,.telegram-link:visited,.telegram-link:hover,.telegram-link:active{color:var(--accent)!important;text-decoration:none!important}.telegram-link:hover{background:rgba(45,180,80,.16);border-color:rgba(93,255,138,.5);transform:translateY(-2px)}.telegram-link span{font-size:14px}.telegram-link::selection{color:#031008;background:var(--accent)}footer{position:relative;z-index:1;width:min(900px,calc(100% - 40px));margin:auto;padding:30px 0 45px;border-top:1px solid var(--line);color:#607567;font-size:11px;text-align:center}footer span{color:var(--accent);margin:0 5px}.game-mini-grid,.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.game-mini-grid a,.game-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(10,35,19,.5);color:#fff;text-decoration:none;transition:.25s}.game-mini-grid a:hover,.game-card:hover{transform:translateY(-3px);border-color:rgba(93,255,138,.4);background:rgba(20,65,34,.55)}.game-mini-grid a{font-size:18px}.game-mini-grid strong{font-size:14px}.game-mini-grid span{margin-left:auto;color:var(--accent);font-size:11px}.games-more{margin-top:20px}.games-page{padding:90px 0 110px}.games-page h1{font-size:clamp(46px,7vw,72px)}.games-page h1 span{color:var(--accent)}.game-card{display:block;padding:28px;min-height:210px}.game-card .game-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:rgba(93,255,138,.1);font-size:27px;margin-bottom:22px}.game-card .minecraft-game-icon{object-fit:contain;padding:5px;background:rgba(93,255,138,.08)}.game-card h2{font-size:24px}.game-card p{color:var(--muted);font-size:13px;line-height:1.6}.game-card span{color:var(--accent);font-size:12px;font-weight:700}.game-detail{min-height:calc(100vh - 76px);padding:100px 0;max-width:780px}.minecraft-detail-logo{width:150px;height:150px;object-fit:contain;display:block;margin:0 0 30px;border-radius:28px;background:rgba(73,170,75,.08);border:1px solid rgba(93,255,138,.18);padding:12px;box-shadow:0 20px 55px rgba(0,0,0,.25)}.big-game-icon{width:110px;height:110px;display:grid;place-items:center;border-radius:28px;background:rgba(93,255,138,.1);border:1px solid rgba(93,255,138,.25);font-size:48px;margin-bottom:28px}.game-detail h1{font-size:clamp(44px,7vw,72px)}.game-lead{max-width:650px;color:var(--muted);font-size:17px;line-height:1.8;margin:25px 0 35px}.info-box{padding:26px;border:1px solid var(--line);border-radius:20px;background:rgba(10,35,19,.5);margin-bottom:28px}.info-box h2{font-size:22px}.info-box p{color:var(--muted);line-height:1.7}.minecraft-detail .big-game-icon{background:rgba(73,170,75,.14)}.brawl-detail .big-game-icon{background:rgba(255,190,30,.12)}.genshin-detail .big-game-icon{background:rgba(120,180,255,.12)}.cs-detail .big-game-icon{background:rgba(220,160,65,.12)}.ml-detail .big-game-icon{background:rgba(50,130,255,.12)}@media(max-width:600px){.topbar{width:calc(100% - 28px);height:64px}nav{gap:14px}nav a{font-size:10px}main,footer{width:calc(100% - 28px)}.hero{min-height:calc(100vh - 64px);padding:45px 0 80px}.avatar{width:82px;height:82px;font-size:30px}.lead{font-size:14px}.hero-actions{width:100%;flex-direction:column}.button{justify-content:center}.content-section{padding:75px 0}.grid,.game-grid,.game-mini-grid{grid-template-columns:1fr}.bio{padding:22px}.bio p{font-size:14px}.games-page{padding:65px 0 80px}.game-detail{padding:70px 0 90px}.game-detail h1{font-size:48px}.game-lead{font-size:15px}.minecraft-detail-logo{width:120px;height:120px;margin-bottom:25px}}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{from{opacity:0;transform:scale(.78) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseGlow{0%,100%{opacity:.65;transform:translate(-50%,-55%) scale(.95)}50%{opacity:1;transform:translate(-50%,-55%) scale(1.05)}}.topbar{animation:fadeDown .7s ease both}.hero-glow{animation:pulseGlow 5s ease-in-out infinite}.avatar{animation:popIn .8s .1s cubic-bezier(.2,.8,.2,1) both;transition:transform .3s ease,box-shadow .3s ease}.avatar:hover{transform:translateY(-5px) scale(1.04);box-shadow:0 0 85px rgba(40,255,110,.28)}.hero .eyebrow{animation:fadeUp .7s .25s ease both}.hero h1{animation:fadeUp .8s .35s ease both}.hero .lead{animation:fadeUp .8s .48s ease both}.hero-actions{animation:fadeUp .8s .62s ease both}.button{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.button:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 10px 30px rgba(0,0,0,.22)}.button:active{transform:translateY(0) scale(.98)}.bio{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.bio:hover{transform:translateY(-4px);border-color:rgba(93,255,138,.28);box-shadow:0 30px 90px rgba(0,0,0,.24)}.grid article,.game-mini-grid a,.game-card{transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;position:relative;isolation:isolate}.grid article:hover,.game-mini-grid a:hover,.game-card:hover{transform:translateY(-7px);box-shadow:0 16px 45px rgba(0,0,0,.22)}.grid article::before,.game-mini-grid a::before,.game-card::before{content:"";position:absolute;z-index:-1;inset:8px;border-radius:inherit;background:rgba(93,255,138,.28);filter:blur(14px);opacity:0;transform:translateY(14px) scale(.94);transition:opacity .35s ease,transform .35s ease}.grid article:hover::before,.game-mini-grid a:hover::before,.game-card:hover::before{opacity:.6;transform:translateY(10px) scale(.98)}.grid article::after,.game-mini-grid a::after,.game-card::after{content:"";position:absolute;z-index:-2;left:10%;right:10%;bottom:-18px;height:26px;border-radius:50%;background:rgba(93,255,138,.22);filter:blur(18px);opacity:0;transform:scaleX(.55);transition:opacity .4s ease,transform .4s ease}.grid article:hover::after,.game-mini-grid a:hover::after,.game-card:hover::after{opacity:.8;transform:scaleX(1)}.minecraft-mini-icon,.game-card .game-icon{transition:transform .35s ease,filter .35s ease,box-shadow .35s ease}.grid article:hover .minecraft-mini-icon{transform:rotate(-4deg) scale(1.08);filter:drop-shadow(0 0 9px rgba(93,255,138,.3))}.game-card:hover .game-icon{transform:scale(1.08) rotate(-3deg);box-shadow:0 0 25px rgba(93,255,138,.12)}.games-page>.eyebrow{animation:fadeUp .7s ease both}.games-page h1{animation:fadeUp .8s .15s ease both}.games-page>.lead{animation:fadeUp .8s .28s ease both}.game-grid .game-card{animation:cardTrailIn .9s cubic-bezier(.2,.8,.2,1) both}.game-grid .game-card:nth-child(1){animation-delay:.12s}.game-grid .game-card:nth-child(2){animation-delay:.19s}.game-grid .game-card:nth-child(3){animation-delay:.26s}.game-grid .game-card:nth-child(4){animation-delay:.33s}.game-grid .game-card:nth-child(5){animation-delay:.40s}.minecraft-detail-logo{animation:popIn .8s .1s cubic-bezier(.2,.8,.2,1) both;transition:transform .35s ease,box-shadow .35s ease}.minecraft-detail-logo:hover{transform:translateY(-6px) rotate(-2deg) scale(1.03);box-shadow:0 25px 65px rgba(45,255,112,.15)}.game-detail .eyebrow{animation:fadeUp .7s .18s ease both}.game-detail h1{animation:fadeUp .7s .25s ease both}.game-lead{animation:fadeUp .8s .38s ease both}.info-box{animation:fadeUp .8s .5s ease both;transition:transform .3s ease,border-color .3s ease}.info-box:hover{transform:translateY(-4px);border-color:rgba(93,255,138,.28)}.game-detail>.button{animation:fadeUp .8s .62s ease both}@keyframes cardTrailIn{0%{opacity:0;transform:translate3d(0,34px,0) scale(.97);filter:brightness(.7)}45%{opacity:1;transform:translate3d(0,-3px,0) scale(1.005);filter:brightness(1.08)}70%{transform:translate3d(0,1px,0) scale(1)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:brightness(1)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}