@import "https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Ubuntu+Mono&family=Sriracha&display=swap";:root{--main:30 149 242;--text:0 29 54;--bg:208 228 255;--blue:#1e95f2;--teal:#00a293;--red:#dc362e;--trans:0.25s;--jobTitle:16rem}:root .colorscheme-dark{--main:0 162 147;--text:208 228 255;--bg:0 29 54}::selection{background:rgb(var(--main));color:#fff}input:invalid::selection{background:var(--red)}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-thumb{background:rgb(var(--text)/20%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--text)/30%)}::-webkit-scrollbar-thumb:active{background:rgb(var(--text)/40%)}::-webkit-scrollbar-corner,::-webkit-resizer{background:0 0}@keyframes slideDown{0%{transform:translateY(-40px)}100%{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(40px)}100%{transform:translateY(0)}}@keyframes spin{100%{transform:rotate(1turn)}}@keyframes flicker{0%,50%,60%,89%,95%,99%{opacity:.2;text-shadow:none}51%,59%,90%,94%,100%{opacity:1;text-shadow:0 0 30px rgb(var(--text)/30%)}}@keyframes reveal{0%{transform:scaleY(0);width:0}100%{transform:scaleY(1);width:0}}@keyframes type{0%{width:0}100%{width:var(--jobTitle)}}@keyframes blink{100%{border-color:transparent}}html{height:100%}body,body.colorscheme-dark{background:rgb(var(--bg));color:rgb(var(--text));font-family:ubuntu,sans-serif;height:100%}.wrapper{height:100%;min-height:0}h1,h2,h3,h4,h5,h6,body.colorscheme-dark h1,body.colorscheme-dark h2,body.colorscheme-dark h3,body.colorscheme-dark h4,body.colorscheme-dark h5,body.colorscheme-dark h6{color:inherit;font-family:inherit;letter-spacing:-1px}.content article header{margin-top:2rem}.content article header h1{font-size:6.2rem;line-height:normal}a,body.colorscheme-dark a{color:rgb(var(--main));cursor:pointer;transition:color var(--trans)}a:hover,a:focus{color:rgb(var(--main))!important;text-decoration:none}body .float-container a,body.colorscheme-dark .float-container a{background:rgb(var(--text)/20%);color:inherit;transition:background 0s,color var(--trans),opacity var(--trans)}img.emoji{vertical-align:-.2em}.navigation a,body.colorscheme-dark .navigation a{color:inherit;font-family:inherit;font-weight:500;transition:color var(--trans)}.navigation i,body.colorscheme-dark .navigation i{color:inherit!important}.avatar{align-items:center;animation:slideDown .5s;display:flex;justify-content:center;margin:0 auto;padding:6px;position:relative;width:20rem}.avatar::before{animation:spin 3s 2.25s linear infinite;background:linear-gradient(-45deg,var(--blue) 40%,var(--teal) 60%);border-radius:50%;content:"";height:100%;position:absolute;width:100%;z-index:-1}.avatar img{background:rgb(var(--bg));padding:8px;width:100%}.avatar::after{background:var(--blue);border-radius:50%;content:"";height:calc(100% - 2 * 6px - 2 * 8px);opacity:.1;position:absolute;width:calc(100% - 2 * 6px - 2 * 8px)}.centered .about h1{animation:slideUp .5s,flicker 2.25s;font-family:sriracha,sans-serif;font-size:5.5rem;font-weight:inherit;letter-spacing:1px;line-height:7rem;margin:3rem 0 0;text-shadow:0 0 30px rgb(var(--text)/30%)}.centered .about h2{animation:reveal .75s,type 1.5s .75s steps(13,end),blink .5s 2.25s linear infinite alternate;border-right:3px solid rgb(var(--main));font-family:ubuntu mono,monospace;font-weight:inherit;letter-spacing:inherit;margin:0 auto;overflow:hidden;white-space:nowrap;width:var(--jobTitle)}.centered .about ul{margin-top:4rem}.centered .about li{animation:slideUp}.centered .about li:first-child{animation-duration:.125s}.centered .about li:nth-child(2){animation-duration:.25s}.centered .about li:nth-child(3){animation-duration:.375s}.centered .about li:nth-child(4){animation-duration:.5s}.centered .about li:nth-child(5){animation-duration:.625s}.centered .about li:last-child{animation-duration:.75s}.centered .about ul li a,body.colorscheme-dark .content .centered .about ul li a{color:inherit}.contact-form{display:grid;gap:2.5rem;grid-template:"name email" "subject subject" "message message" "button button"}.contact-form>div{display:flex;position:relative}.contact-form>div:first-of-type{grid-area:name}.contact-form>div:nth-of-type(2){grid-area:email}.contact-form>div:nth-of-type(3){grid-area:subject}.contact-form>div:nth-of-type(4){grid-area:message}.contact-form>p,.contact-form>p *{height:0;left:0;opacity:0;position:absolute;top:0;width:0;z-index:-1}.contact-form>div>:first-child{background:rgb(var(--text)/5%);border:0;border-bottom:3px solid rgb(var(--text)/20%);border-radius:4px 4px 0 0;caret-color:rgb(var(--main));color:inherit;outline:0;padding:30px 20px 10px;transition:background var(--trans),border-color var(--trans);width:100%}.contact-form>div>:first-child:hover{background:rgb(var(--text)/10%);border-bottom-color:rgb(var(--text)/30%)}.contact-form>div>:first-child:focus{background:rgb(var(--text)/15%)}.contact-form>div:nth-of-type(-n+2)>:first-child{padding-right:50px}.contact-form>div:nth-of-type(4)::after{background:linear-gradient(-45deg,rgb(var(--main)) 50%,transparent 50%);bottom:0;content:"";height:15px;pointer-events:none;position:absolute;right:0;width:15px}.contact-form>div textarea:first-child{border-top:32px solid transparent;cursor:auto;min-height:200px;padding-top:0;resize:vertical}.contact-form>div label{color:rgb(var(--text)/50%);left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:0 0;transition:color var(--trans),transform var(--trans);will-change:transform}.contact-form textarea+label{top:32px}.contact-form>div>:first-child:focus+label{color:rgb(var(--main))}.contact-form>div>:first-child:focus+label,.contact-form>div>:first-child:not(:placeholder-shown)+label{transform:scale(.8)translateY(-110%)}.contact-form>div label i{display:inline-block;opacity:.9;transform:scale(.7);transform-origin:0;transition:opacity var(--trans)}.contact-form>div>:first-child:focus+label i,.contact-form>div>:first-child:not(:placeholder-shown)+label i{opacity:0}.contact-form button{background:rgb(var(--main))50%;border:0;border-radius:4px;box-shadow:0 2px 5px rgb(0 0 0/.2);color:rgb(var(--bg));cursor:pointer;grid-area:button;max-width:140px;outline:0;padding:15px;transition:background .75s,background-color var(--trans),box-shadow var(--trans)}.contact-form button:hover{background:rgb(var(--main)/80%)radial-gradient(circle,transparent 1%,rgb(var(--main)/80%) 1%)50%/15e3%;box-shadow:0 2px 5px rgb(0 0 0/.3)}.contact-form button:active{background-color:rgb(var(--main)/60%);background-size:100%;box-shadow:0 2px 5px rgb(0 0 0/.4);transition:background 0s,box-shadow var(--trans)}.colorscheme-dark .contact-form button{background:rgb(var(--text)/15%)50%;color:rgb(var(--main))}.colorscheme-dark .contact-form button:hover{background:rgb(var(--text)/20%)radial-gradient(circle,transparent 1%,rgb(var(--text)/20%) 1%)50%/15e3%}.colorscheme-dark .contact-form button:active{background-color:rgb(var(--text)/5%);background-size:100%}.colorscheme-dark .form-submit:after{border-left-color:rgb(var(--main))}.contact-form button i{margin-right:8px}.contact-form>div .underline{background:rgb(var(--main));bottom:0;height:3px;position:absolute;transform:scaleX(0);transition:background var(--trans),transform var(--trans);width:100%}.contact-form>div>:first-child:focus~.underline{transform:scaleX(1)}.contact-form>div>:first-child:not(:placeholder-shown):invalid{caret-color:var(--red)}.contact-form>div>:first-child:not(:placeholder-shown):invalid~.underline{background:var(--red)}.contact-form>div>:first-child:not(:placeholder-shown):focus:invalid+label{color:var(--red)}.contact-form>div label+i::before{color:transparent;content:"\f10c";opacity:0;pointer-events:none;position:absolute;right:20px;top:calc(50% + 3px);transform:scale(1.3)translateY(-50%);transition:color var(--trans),opacity var(--trans)}.contact-form>div>:first-child:valid+label+i::before{color:var(--teal);content:"\f058";opacity:1}.contact-form>div>:first-child:not(:placeholder-shown):invalid+label+i::before{color:var(--red);content:"\f06a";opacity:1}form .form-success{background:rgb(var(--bg)/70%)}footer .container{font-weight:300;margin-bottom:1.8rem;max-width:11ch;overflow:hidden;padding:0;white-space:nowrap}@media only screen and (max-width:768px){::-webkit-scrollbar{width:10px}@keyframes type{0%{width:0}100%{width:calc(var(--jobTitle) - 2.5rem)}}.navigation .navigation-list,body.colorscheme-dark .navigation .navigation-list{background:rgb(var(--bg));border-bottom:2px solid rgb(var(--text)/30%);border-top:2px solid rgb(var(--text)/30%)}.content article header{margin-top:0}.content article header h1{font-size:4.2rem}.centered .about h1{font-size:3.2rem;line-height:5rem}.centered .about h2{width:calc(var(--jobTitle) - 2.5rem)}.avatar{padding:4px;width:15rem}.avatar img{padding:6px}.avatar::after{height:calc(100% - 2 * 4px - 2 * 6px);width:calc(100% - 2 * 4px - 2 * 6px)}.contact-form{gap:1.5rem;grid-template:"name" "email" "subject" "message" "button"}.contact-form>div>:first-child{padding-top:25px}.contact-form>div textarea:first-child{min-height:150px;resize:none}.contact-form>div:nth-of-type(4)::after{display:none}.contact-form button{max-width:120px}}