@keyframes animateGrain{0%{transform:translate(0,0)}10%,30%,50%,70%,90%{transform:translate(-5%,-10%)}20%,40%,60%,80%,to{transform:translate(-15%,-20%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}to{opacity:0}}@keyframes unwind{0%{transform:rotate(0deg);filter:blur(50px)}60%{transform:rotate(380deg);filter:blur(0)}to{transform:rotate(360deg)}}.bg,.grain{position:absolute;top:0;left:0}.bg{point-events:none;right:0;bottom:0;animation:pulse 4s ease-in-out infinite alternate}.grain{background-image:url(https://upload.wikimedia.org/wikipedia/commons/7/76/1k_Dissolve_Noise_Texture.png);height:300%;width:300%;opacity:.03;animation:animateGrain 8s steps(10) infinite;z-index:5;pointer-events:none}.bg-1{background-image:radial-gradient(at 67% 64%,#335389 0,transparent 49%),radial-gradient(at 25% 54%,#3a4c90 0,transparent 44%),radial-gradient(at 30% 82%,#445669 0,transparent 43%),radial-gradient(at 95% 92%,#444d5b 0,transparent 40%),radial-gradient(at 31% 66%,#3d535f 0,transparent 41%),radial-gradient(at 65% 32%,#40516b 0,transparent 54%);z-index:1;animation-delay:0s}.bg-1,.bg-2,.bg-3{background-color:#3c525c}.bg-2{background-image:radial-gradient(at 10% 100%,rgba(107,130,158,.7)0,transparent 45%),radial-gradient(at 83% 34%,#416c67 0,transparent 50%),radial-gradient(at 94% 75%,#455670 0,transparent 50%),radial-gradient(at 80%0,#545674 0,transparent 50%),radial-gradient(at 0 0,#30606c 0,transparent 50%);animation-delay:2s;z-index:2}.bg-3{background-image:radial-gradient(at 16% 4%,#48618c 0,transparent 50%),radial-gradient(at 72% 31%,#3a5c79 0,transparent 44%),radial-gradient(at 86% 11%,#515369 0,transparent 52%),radial-gradient(at 57% 3%,#505c88 0,transparent 49%),radial-gradient(at 93% 30%,#3a5185 0,transparent 57%),radial-gradient(at 89% 79%,#4c5388 0,transparent 45%);animation-delay:4s;z-index:3}:root{--dark-blue:#46466a;--light-blue:#c8d4d7}body,html{margin:0;padding:0}body{font-family:"Hubot Sans",sans-serif;font-size:20px}@view-transition{navigation:auto}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.e-content,footer>div{padding:0 5rem}a{text-decoration:none}a,a:visited{color:var(--dark-blue)}.e-content h1,.e-content h2,.e-content h3,.e-content h4,.e-content h5,.e-content h6{color:var(--dark-blue);font-family:"Odibee Sans",sans-serif}.e-content h2{font-size:40px}header{width:100%;height:450px;display:flex;justify-content:end;flex-direction:column;color:#fff;padding:3rem 5rem;margin-bottom:5rem;font-size:22px;position:relative;background-color:#263d46;overflow:hidden}header p{margin-block-end:0;margin-block-start:.5rem}h1,nav a{animation:fadeUp .4s cubic-bezier(.65,0,.35,1)}h1{font-size:82px;font-family:"Odibee Sans",sans-serif;margin-block:0;view-transition-name:title}.main-head{z-index:4;display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap-reverse}.main-head img{animation:unwind 1.5s cubic-bezier(.65,0,.35,1)}.main-head .logo{height:150px}.main-head .cover{height:300px}footer,nav{align-items:center}nav{position:fixed;display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem 5rem;z-index:99;view-transition-name:nav;transition:background-color .3s}nav>div{display:flex;gap:10px}nav a{text-decoration:none;margin:-.25rem -.5rem;padding:.5rem 1rem;border-radius:5px;animation-delay:calc(.1s*var(--i));animation-fill-mode:forwards;opacity:0}nav a:hover{color:#263d46!important;background-color:#fff}nav,nav a,nav a:visited{color:#fff}nav.scrolled{background-color:rgba(38,61,70,.9);backdrop-filter:blur(10px)}footer{margin:5rem 0;font-size:28px;font-weight:500;view-transition-name:footer;display:grid;grid-template-columns:1fr 1fr 1fr}footer img,footer>div,nav{width:100%}footer>div{display:flex;flex-direction:column}footer>div:last-of-type{align-items:end}.parted img,footer img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}footer img{padding:0 25%;transition:transform .3s}footer img:hover{transform:skew(0,-5deg)}hr{border:0;border-top:var(--light-blue) 2px dashed;margin:5rem}time{display:flex;gap:.6rem;margin-top:.25rem;font-size:20px}#posts,.parted{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-block:3rem}#posts>article{border:2px solid var(--light-blue);border-radius:5px;padding:1.5rem}#posts h2{margin-bottom:.75rem;margin-top:0}#posts p{margin-top:0;margin-bottom:0}.parted,time{align-items:center}.parted{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem}.parted img{width:100%;border-radius:5px}@media (max-width:800px){.e-content,footer>div{padding:0 3rem}nav{padding:1rem 3rem}header{padding:3rem}}