@font-face{font-family:Audiowide;src:local("Audiowide"),url("/?originalUrl=https%3A%2F%2Fdevinrousso.com%2Ffont%2Fexternal%2Faudiowide.woff")format("woff");}@font-face{font-family:Wallpoet;src:local("Wallpoet"),url("/?originalUrl=https%3A%2F%2Fdevinrousso.com%2Ffont%2Fexternal%2Fwallpoet.woff")format("woff");}@keyframes full-rotate{to{transform:rotate(720deg);}}@keyframes pulse-scale{from{transform:scale(0);}50%{transform:scale(1);}to{transform:scale(0);}}@keyframes octocat-wave{0%{transform:rotate(0deg);}20%{transform:rotate(-25deg);}40%{transform:rotate(10deg);}60%{transform:rotate(-25deg);}80%{transform:rotate(10deg);}100%{transform:rotate(0deg);}}body{margin:0;font:85%/160% "Century Gothic",Helvetica Neue,Helvetica,Arial,sans-serif;background-color:hsl(0,0%,10%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;@media (prefers-color-scheme:light){background-color:hsl(0,0%,90%);}}noscript{display:none;}h2{margin:0;font-family:Audiowide,sans-serif;font-size:1.25em;font-weight:lighter;}h3,h4,h5{margin:0;}h3~h3{margin-top:20px;}a{text-decoration:none;font-weight:bold;color:hsl(200,100%,50%);&:hover{color:hsl(200,100%,60%);}&[title]:empty{display:inline-block;position:relative;text-align:center;transform-origin:center top;transform-style:preserve-3d;transition-property:transform,color,background-color;transition-duration:300ms;&:hover{color:white;transform:rotateX(90deg)translateY(-50%);}&::before{content:attr(title);}&::after{position:absolute;top:100%;right:-2px;left:-2px;height:100%;content:attr(title);color:white;text-shadow:0 2px 2px hsla(0,0%,0%,0.15),0 1px 5px hsla(0,0%,0%,0.1);background-color:hsl(200,100%,50%);transform:rotateX(-90deg);transform-origin:center top;transition:background-color 300ms;}}}header{position:fixed;top:0;right:0;left:0;z-index:10;min-height:40px;background-color:hsl(0,0%,5%);box-shadow:0 2px 2px hsla(0,0%,0%,0.15),0 3px 1px -2px hsla(0,0%,0%,0.2),0 1px 5px hsla(0,0%,0%,0.1);@media (prefers-color-scheme:light){background-color:hsl(0,0%,95%);}@media (min-width:635px){position:relative;height:300px;background-color:transparent;box-shadow:none;overflow:visible;}>.logo{position:relative;z-index:30;padding:9px 0;pointer-events:none;@media (min-width:635px){display:flex;align-items:center;height:100%;padding:0;}>h1{position:relative;width:216px;margin:0 auto;pointer-events:all;@media (min-width:635px){width:536px;margin-bottom:20px;}>svg{position:relative;z-index:1;overflow:visible;@media (min-width:635px)and (prefers-color-scheme:light){color:black;fill:hsl(60,5%,95%);}g>rect:not(.hover){display:none;fill:transparent;opacity:0;transition-property:transform,fill;transition-duration:1500ms;transition-timing-function:cubic-bezier(0.25,0.75,0,1.25);transition-timing-function:spring(1 100 10 0);will-change:transform,fill;@media (min-width:635px){display:initial;}}g>rect[width="4"][height="4"]{display:initial;}g>.hover{visibility:hidden;}}}}>.nav-icon{position:absolute;top:8px;right:10px;z-index:30;height:25px;padding:0;background:none;border:none;outline:none;-webkit-tap-highlight-color:transparent;@media (min-width:635px){display:none;}>.menu-lines{display:block;position:relative;transition-delay:200ms;&,&::before,&::after{width:23px;height:3px;border-radius:1.5px;background-color:white;@media (prefers-color-scheme:light){background-color:black;}}&::before,&::after{position:absolute;right:0;left:0;content:"";transition:transform 200ms,top 200ms 400ms;}&::before{top:-7px;}&::after{top:7px;}}}&.open>.nav-icon>.menu-lines{background-color:transparent;&::before,&::after{top:0;transition:transform 200ms 400ms,top 200ms;}&::before{transform:rotateZ(45deg);}&::after{transform:rotateZ(-45deg);}}>nav{position:relative;z-index:50;width:100%;height:0;font-family:Wallpoet,sans-serif;background-color:hsla(0,0%,0%,0.1);overflow:hidden;transition:height 500ms;will-change:height;@media (prefers-color-scheme:light){background-color:hsla(0,0%,100%,0.1);}@media (min-width:635px){position:relative;top:-40px;height:auto;font-size:24px;background-color:transparent;overflow:visible;transition:background-color 400ms cubic-bezier(0,0.8,0.4,1);will-change:initial;body.scrolled &{position:fixed;top:0;background-color:hsla(0,0%,0%,0.75);box-shadow:0 4px 5px hsla(0,0%,0%,0.15),0 1px 10px hsla(0,0%,0%,0.1),0 2px 4px -1px hsla(0,0%,0%,0.2);-webkit-backdrop-filter:blur(5px);}}@media (min-width:635px)and (prefers-color-scheme:light){body.scrolled &{background-color:hsla(0,0%,100%,0.75);}}>ul{display:flex;margin:0 auto;padding:0;list-style:none;@media (min-width:635px){max-width:700px;transition:max-width 400ms;body.scrolled &{max-width:950px;}}>li{width:100%;height:40px;line-height:40px;transform:rotateX(0deg);transform-origin:center top;transform-style:preserve-3d;opacity:1;transition-property:transform,opacity;transition-duration:1s;@starting-style{transform:rotateX(90deg);opacity:0;}&:nth-child(1){transition-delay:200ms;}&:nth-child(2){transition-delay:400ms;}&:nth-child(3){transition-delay:600ms;}&:nth-child(4){transition-delay:800ms;}+ li{margin-left:4px;}>a{width:calc(100% - 4px);font-weight:normal;color:white;@media (prefers-color-scheme:light){color:black;}&.selected{font-weight:bold;color:hsl(200,100%,50%);}}}}}&.open>nav{height:40px;@media (min-width:635px){height:auto;}}>.github-corner{display:none;@media (min-width:635px){display:block;position:absolute;top:0;right:0;z-index:40;>svg{position:absolute;top:0;right:0;width:80px;height:80px;color:white;fill:hsl(60,5%,5%);>.octocat-body{fill:currentColor;}>.octocat-arm{fill:currentColor;transform-origin:130px 106px;}}&:hover>svg>.octocat-arm{animation:octocat-wave 560ms ease-in-out;}}}}header,.scroll-top{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}main{max-width:900px;margin:28px auto 0;padding:12px;@media (min-width:635px){margin-top:0;margin-bottom:40px;}>*{margin:12px auto;transition-property:opacity,transform;transition-duration:1s;&:nth-child(1){transition-delay:100ms;}&:nth-child(2){transition-delay:200ms;}&:nth-child(3){transition-delay:300ms;}&:nth-child(4){transition-delay:400ms;}&:nth-child(5){transition-delay:500ms;}&:nth-child(6){transition-delay:600ms;}&:nth-child(7){transition-delay:700ms;}&:nth-child(8){transition-delay:800ms;}&:nth-child(9){transition-delay:900ms;}&:nth-child(10){transition-delay:1000ms;}&:nth-child(11){transition-delay:1100ms;}&:nth-child(12){transition-delay:1200ms;}&:nth-child(13){transition-delay:1300ms;}&:nth-child(14){transition-delay:1400ms;}&:nth-child(15){transition-delay:1500ms;}&:nth-child(16){transition-delay:1600ms;}&:nth-child(17){transition-delay:1700ms;}&:nth-child(18){transition-delay:1800ms;}&:nth-child(19){transition-delay:1900ms;}&:nth-child(20){transition-delay:2000ms;}}&.loading{opacity:0;transition:opacity 1s;>*{transform:scale(1)translateY(-100vh)!important;opacity:1 !important;}}}.spinner{position:absolute;display:none;top:70px;right:calc(50% - 22.5px);left:calc(50% - 22.5px);width:45px;height:45px;@media (min-width:635px){top:425px;}main.loading~&{display:block;animation:full-rotate 3s linear infinite 600ms;}&::before,&::after{position:absolute;width:25px;height:25px;content:"";background-color:hsl(200,100%,50%);border-radius:50%;transform:scale(0);animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;}&::before{top:0;right:0;animation-delay:1600ms;}&::after{bottom:0;left:0;animation-delay:600ms;}main.loading~&::before,main.loading~&::after{animation-name:pulse-scale;}}canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;}