@import"https://fonts.googleapis.com/css2?family=Sriracha&display=swap";@import"https://fonts.googleapis.com/css2?family=Sacramento&display=swap";:root{--accent:#2337ff;--accent-dark:#000d8a;--black:15,18,25;--gray:96,115,159;--gray-light:229,233,240;--gray-dark:34,41,57;--gray-gradient:rgba(var(--gray-light),50%),#fff;--box-shadow:0 2px 6px rgba(var(--gray),25%),0 8px 24px rgba(var(--gray),33%),0 16px 32px rgba(var(--gray),33%)}@font-face{font-display:swap;font-family:Atkinson;font-style:normal;font-weight:400;src:url(/fonts/atkinson-regular.woff) format("woff")}@font-face{font-display:swap;font-family:Atkinson;font-style:normal;font-weight:700;src:url(/fonts/atkinson-bold.woff) format("woff")}body,html{overflow-x:hidden}body{background:#f3f3f2;background-size:100% 600px;font-family:Berkeley,ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;margin:0;padding:0;text-align:left;word-wrap:break-word;background-image:url(/footer.svg);background-position:bottom;background-repeat:no-repeat;background-size:100% 250px;color:#333;font-size:17px;line-height:1.6;overflow-wrap:break-word}main{margin:auto;max-width:calc(100% - 2em);padding:2.5em 1em;width:640px}h1,h2,h3,h4,h5,h6{font-family:Berkeley,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;line-height:1.25;margin:0 0 .5rem}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.2rem}h4{font-size:1.05rem}h5{font-size:.95rem}b,strong{font-weight:700}.prose{font-size:1.05rem}textarea{width:100%}input,textarea{font-size:16px}table{width:100%}img{border-radius:8px;height:auto;max-width:100%}code{border-radius:2px;padding:2px 5px}pre{border-radius:8px;font-size:20px;overflow-x:auto;padding:1.5em}iframe,pre,table{max-width:100%}table{display:block;overflow-x:auto}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);font-size:1.333em;margin:0;padding:0 0 0 20px}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media screen and (max-width:720px){body{font-size:18px}main{padding:1em}.title{font-size:large;font-weight:100}}.sr-only{border:0;height:1px;margin:0;overflow:hidden;padding:0;position:absolute!important;width:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.underline{background:linear-gradient(90deg,#64c8c8,#64c8c8),linear-gradient(90deg,red,#ff00b4,#0064c8);background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% .1em,0 .1em;display:inline-block;transition:background-size .4s}.underline:focus,.underline:hover{background-size:0 .1em,100% .1em}.hover-underline-animation{display:inline-block;position:relative}.hover-underline-animation:after{background-color:#05f7f7;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;width:100%}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}@keyframes fallingIce{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(100%)}}body:before{animation:fallingIce 3s linear infinite;content:"❄️";font-size:36px;position:absolute}blockquote{display:flex;font-size:1.2rem;white-space:break-spaces}.ImageContainer{margin:auto}@font-face{font-family:Berkeley;src:url(/fonts/berkeley-mono-variable-2.ttf)}@font-face{font-family:firacode;src:url(/fonts/FiraCode.ttf)}.note{background-color:#add8e6;border:solid #000;position:relative}.note,.note-head{border-radius:.5rem;padding:8px}.note-head{background-color:oklch(64.6% .172 266);font-size:medium;position:absolute;right:-1%;top:-24px;width:-moz-fit-content;width:fit-content}.note-head,.note-p{font-family:Berkeley}.note-p{margin-bottom:0;margin-left:0;text-wrap:pretty}a{color:oklch(66.59% .3018840772950374 4.255646284110876/1);text-decoration:none}@keyframes earthquake-effect{25%,50%,75%,to{transform-origin:top center}25%{transform:rotate(4deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(1deg)}to{transform:rotate(0)}}.img{height:500px;justify-content:center;margin:auto auto 0;width:500px}.shine{animation:shine 2s infinite;background:linear-gradient(120deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.8) 60%,hsla(0,0%,100%,.2));height:100%;left:-150%;position:absolute;top:0;transform:skew(-20deg);width:100%}@keyframes shine{0%{left:-150%}50%{left:150%}to{left:150%}}.comment{background-color:#f3f4f7;border-radius:4px;display:flex;font-family:Berkeley,ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;margin-top:14px;padding:1rem}@media only screen and (max-width:600px){iframe{height:200px;width:360px}.comment{flex-direction:column}.prose,pre{font-size:1.2rem}}.right-main-container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto}.goodies-container{color:#000;font-family:Berkeley}.goodies-container-p{-moz-column-gap:6px;column-gap:6px;display:flex}.goodies-container-p:before{width:48px}.goodies-container-p:after,.goodies-container-p:before{background-color:gray;content:"";height:2px;margin:auto}.goodies-container-p:after{width:100%}.highlight-2{display:inline-block;padding:3px 6px;position:relative}.highlight-2:before{background-image:linear-gradient(90deg,#d9a7c7,#eee583);content:"";height:100%;position:absolute;transition:width .5s;width:0;z-index:-1}.highlight-2:hover:before{width:100%}#highlight-item{display:inline-block;position:relative}#highlight-item:before{background-color:#4fc4eb;content:"";height:100%;position:absolute;transition:width .5s;width:0;z-index:-1}#highlight-item:hover:before{width:100%}::-moz-selection{background-color:#c2148e;color:#fff}::selection{background-color:#c2148e;color:#fff}