:root{--c-primary:#fcb1c7;--c-primary-dark:#93375e;--c-glowing-y:#fedaca;--c-bg:#101b1f;--c-fg:#efe4e0;--c-bg:#ebebeb;--c-bg-a80:hsla(0,0%,92%,.8);--c-fg:#141414;--c-fg-a80:hsla(0,0%,8%,.8);--c-fg-a20:hsla(0,0%,8%,.2);--c-fg-a10:hsla(0,0%,8%,.1);--s-sl:.5rem;--s:1rem;--s-lg:2rem;--s-bg:3rem;--s-hg:4rem;--f:1.5rem}*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif;margin:0}html{font-size:62.5%}body{font-size:1.4rem}a{color:#93375e;color:var(--c-primary-dark)}.desktop{display:none}nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,left bottom,color-stop(35%,#fff),to(#fcb1c7));background:linear-gradient(#fff 35%,#fcb1c7);background:linear-gradient(180deg,#fff 35%,var(--c-primary) 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:2rem;padding:var(--s-lg);padding-bottom:0;text-align:center;width:100%}nav img{width:80%}nav h1,nav img{padding-bottom:2rem;padding-bottom:var(--s-lg)}footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,left bottom,color-stop(35%,#fcb1c7),to(#fff));background:linear-gradient(#fcb1c7 35%,#fff);background:linear-gradient(180deg,var(--c-primary) 35%,#fff 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:2rem;padding:var(--s-lg);text-align:center;width:100%}footer p{cursor:pointer;-webkit-transition:color.2s;transition:color.2s}footer p:active,footer p:focus,footer p:hover{color:#93375e;color:var(--c-primary-dark)}main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,left bottom,from(#fcb1c7),color-stop(50%,#93375e),to(#fcb1c7));background:linear-gradient(#fcb1c7,#93375e 50%,#fcb1c7);background:linear-gradient(180deg,var(--c-primary) 0,var(--c-primary-dark) 50%,var(--c-primary) 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}main p.description{margin:2rem 0;margin:var(--s-lg) 0;padding:0 2rem;padding:0 var(--s-lg)}main div,main div.toc{padding:2rem;padding:var(--s-lg)}main div.toc{padding-top:0;width:100%}main div.toc h1{margin-bottom:2rem;margin-bottom:var(--s-lg)}main div.toc ul{list-style:none;padding:0}main div.toc ul li.big{font-size:1.8rem}main div.animation-card{background:#ebebebcc;background:var(--c-bg-a80);border-radius:.5rem;margin-bottom:2rem;margin-bottom:var(--s-lg);width:calc(100% - 4rem);width:calc(100% - var(--s-lg)*2)}main div.animation-card h2+i{padding-bottom:2rem;padding-bottom:var(--s-lg)}main div.animation-card a+h3{padding-top:2rem;padding-top:var(--s-lg)}main div.animation-card h3,main div.animation-card p{padding-bottom:1rem;padding-bottom:var(--s)}main div.animation-card p{text-align:justify;text-indent:1rem;text-indent:var(--s)}main div.animation-card i{display:block}main div.animation-card img{border-radius:.5rem;max-width:300px;width:75%}main div.animation-card hr{margin-bottom:2rem;margin-bottom:var(--s-lg);margin-top:2rem;margin-top:var(--s-lg)}.overlay{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ebebebcc;background-color:var(--c-bg-a80);display:none;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1}.overlay,.overlay .modal{opacity:0;-webkit-transition:opacity.3s;transition:opacity.3s}.overlay .modal{background-color:#ebebeb;background-color:var(--c-bg);border:1px solid var(--c-secondary-a20);border-radius:1rem;border-radius:var(--s);-webkit-box-shadow:0 0 1rem#14141433;box-shadow:0 0 1rem#14141433;-webkit-box-shadow:0 0 var(--s) var(--c-fg-a20);box-shadow:0 0 var(--s) var(--c-fg-a20);max-width:80%;text-align:center}.overlay .modal header{border-bottom:1px solid#1414141a;border-bottom:1px solid var(--c-fg-a10);padding:1rem;padding:var(--s)}.overlay .modal main{background:inherit;padding:1rem 3rem;padding:var(--s) var(--s-bg)}.overlay .modal main p{margin-bottom:1rem;margin-bottom:var(--s)}.overlay .modal main p:last-of-type{margin-bottom:0}.overlay .modal footer{background:inherit;border-top:1px solid#1414141a;border-top:1px solid var(--c-fg-a10);padding:1rem;padding:var(--s)}.overlay .modal footer button{cursor:pointer}@media (width>=720px){nav img{max-width:25%}nav h1,nav img{padding-bottom:2rem;padding-bottom:var(--s-lg)}main p.description{margin:3rem 0;margin:var(--s-bg) 0}main div{padding:4rem;padding:var(--s-hg)}main div.animation-card{width:max(20%,600px)}}