@keyframes arrow{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@keyframes outer-donut-spin{0%{transform:rotate(-60deg)}to{transform:rotate(300deg)}}@keyframes middle-donut-spin{0%{transform:rotate(120deg)}to{transform:rotate(-240deg)}}@keyframes inner-donut-spin{0%{transform:rotate(-60deg)}to{transform:rotate(300deg)}}html{scroll-behavior:smooth}h1,h2{max-width:1000px;margin:1em auto}ul.site-sections-list{max-width:100%;height:calc(100vh - var(--header-height));min-height:30em;padding:0;list-style:none;margin:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:85% calc(15% - 1em);gap:1em}ul.site-sections-list li{position:relative;overflow:hidden}ul.site-sections-list li.blog{grid-column:1/span 1;grid-row:1/span 1}ul.site-sections-list li.comics{grid-column:2/span 1;grid-row:1/span 1}ul.site-sections-list li.about{grid-column:1/span 2;grid-row:2/span 1;background-color:var(--main-color);color:#fff}ul.site-sections-list li:not(.about):before{content:'';display:block;position:absolute;z-index:2;height:100%;width:100%;opacity:.75;background:linear-gradient(transparent,#000);will-change:opacity;pointer-events:none;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}ul.site-sections-list li a{margin:0;width:100%;height:100%;display:inline-flex;justify-content:center;align-items:center;color:#fff}ul.site-sections-list li a img{position:absolute;z-index:0;margin:0;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;transition:transform .5s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}ul.site-sections-list li a .content{z-index:2;margin:0 2em;line-height:1.3;text-align:center}ul.site-sections-list h2{font-size:5em;line-height:1.2em;color:#fff;margin:0 0 1rem}ul.site-sections-list span{font-size:1.1em}ul.site-sections-list li.about a{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;user-select:none}ul.site-sections-list li.about a div{transition:transform .25s ease-in-out}ul.site-sections-list li.about a div>*{display:inline-block}ul.site-sections-list li.about a h2{color:#fff;font-size:1.9em;margin:1em 0}ul.site-sections-list li.about svg#down-arrow{animation:arrow 1.5s infinite}section#about{position:relative;display:flex;align-items:center;min-height:calc(100vh - 3.75em);background-color:var(--main-color);color:#fff;padding:5em 2em;overflow:hidden;scroll-margin-top:0}section#about ::selection{background:#fff;color:var(--main-color)}section#about .container{position:relative;max-width:1000px;margin:0 auto}section#about h1,section#about h2{color:#fff;font-size:3.5em;z-index:2;margin:0 auto 1em}section#about p{margin:1.5em auto;font-size:1.2em;padding-right:18em;z-index:2}section#about a,section#about a:focus,section#about a:hover{color:#fff;font-weight:600;text-decoration:underline;text-decoration-thickness:10%;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}section#about a:focus,section#about a:hover{opacity:.8}section#about .combine-icon{position:absolute;overflow:hidden;bottom:-40vh;right:-35%;box-sizing:initial;display:flex;align-items:flex-end;min-height:auto!important;z-index:1;opacity:.5;pointer-events:none}section#about .combine-icon div{min-height:auto!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}section#about .combine-icon .middle-donut,section#about .combine-icon .outer-donut{position:relative;border:7.5em solid transparent;border-top-color:#fff;border-left-color:#fff;border-radius:50%;width:25em;height:25em;transform:rotate(-60deg);animation:outer-donut-spin 12s linear infinite}section#about .combine-icon .middle-donut{position:absolute;border:5em solid transparent;border-top-color:#FFF;border-left-color:#FFF;width:20em;height:20em;top:50%;left:50%;margin:-15em 0 0 -15em;transform:rotate(120deg);animation:middle-donut-spin 6s linear infinite}section#about .combine-icon .inner-donut{position:absolute;border:2.5em solid transparent;border-bottom-color:#fff;border-right-color:#fff;border-radius:50%;width:15.1em;height:15.1em;top:50%;left:50%;margin:-10.055em 0 0 -10.055em;transform:rotate(-60deg);animation:inner-donut-spin 6s linear infinite}.site-footer{padding-top:0}@media screen and (min-width:1101px){ul.site-sections-list li:not(.about):focus-within:before,ul.site-sections-list li:not(.about):hover:before{opacity:.9;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}ul.site-sections-list li .content{transform:translateY(1.3em);transition:transform .5s ease-in-out;backface-visibility:hidden;-webkit-backface-visibility:hidden}ul.site-sections-list li a:focus .content,ul.site-sections-list li:hover .content{transform:translateY(0);transition:transform .5s ease-in-out}ul.site-sections-list li a:focus img,ul.site-sections-list li:hover a img{transform:scale(1.05);transition:transform .5s ease-in-out}ul.site-sections-list li span{opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out}ul.site-sections-list li a:focus span,ul.site-sections-list li:hover span{opacity:1;visibility:visible;transition:opacity .5s ease-in-out,visibility .5s ease-in-out}ul.site-sections-list li.about a:focus div,ul.site-sections-list li.about:hover a div{transform:scale(1.1);transition:transform .25s ease-in-out}}@media screen and (max-width:1366px){section#about{min-height:100vh}}@media screen and (max-width:1100px){section#about,section.site-sections{margin:0 -2em}@supports (height:100dvh){ul.site-sections-list{height:calc(100svh - var(--header-height))}}}@media screen and (max-width:900px){section#about p{padding-right:0}section#about .combine-icon{opacity:.2}}@media screen and (max-width:800px){ul.site-sections-list h2{font-size:4em}ul.site-sections-list span{font-size:1em}}@media screen and (orientation:portrait){ul.site-sections-list{grid-template-columns:1fr;grid-template-rows:repeat(9,1fr);gap:0}ul.site-sections-list li.blog{grid-row:1/span 4}ul.site-sections-list li.comics{grid-column:1/span 1;grid-row:5/span 4}ul.site-sections-list li.about{grid-column:1/span 1;grid-row:9/span 1}section#about{min-height:0}}@media (prefers-reduced-motion:reduce){section#about .combine-icon .inner-donut,section#about .combine-icon .middle-donut,section#about .combine-icon .outer-donut{animation:none!important}}