@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Baumans&display=swap";.div{color:#f0f8ff}.body{background-color:transparent;display:flex;height:minmax(80dvh,90dvh);width:minmax(80dvw,80dvh);margin:0;align-items:flex-start;position:relative;--blur: 2px;align-content:center;flex-wrap:wrap;flex-direction:column;justify-content:space-around}.container{color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;min-width:68dvw;height:min-content}.question{display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch}@-webkit-keyframes typing{0%{width:0}}@-webkit-keyframes blink-caret{50%{border-color:transparent}}h2{border-right:.1em solid white;width:21ch;white-space:nowrap;overflow:hidden;-webkit-animation:typing 2s steps(21,end),blink-caret .4s step-end infinite alternate}.question h2{font-family:Share Tech Mono,monospace;margin:0;font-size:clamp(6dvw,2.5dvh,10dvh)}.question p{font-size:clamp(2dvw,1.2dvh,10dvh);margin-top:0}.links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center}.github,.linkedin{display:flex;align-items:center}svg{padding-right:.5dvw}.linkedinSVG{display:flex}.links a{font-size:clamp(1.2dvw,1.18dvh,10dvh);font-family:cyrRoman,Helvetica,Arial,sans-serif;text-decoration:none;color:silver;padding:2dvw}.links a:hover{color:#d4d4d4;text-shadow:rgb(212,212,212) 0px 0px 10px}body{background-color:#000;display:flex;margin:0;min-height:100vh;align-items:center;justify-content:center;padding-left:2rem;padding-right:2rem;box-sizing:border-box}.introduction{color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1.3rem;width:100%;max-width:900px;max-height:80vh;overflow-y:auto;padding:2rem;box-sizing:border-box;align-items:center;justify-content:center;animation:fadeIn 1.5s forwards}.introduction li{padding:.5rem}a{text-decoration:none;color:#fff}a:hover{text-shadow:rgb(168,167,167) 0px 0px 10px}*{box-sizing:border-box}body{margin:0}.nav{background-color:#000;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;padding-left:3rem;padding-right:3rem;position:fixed;top:0;left:0;width:100dvw}.site-title{font-size:1.5rem;color:#d4d4d4}.nav ul{padding:0;margin:0;list-style:none;gap:1rem;display:flex;align-items:center;flex-wrap:wrap}.nav Link{color:inherit;text-decoration:none;height:100%;display:flex;align-items:center;padding:.25rem}.nav a{text-decoration:none;color:#b6b6b6}.nav a:hover{color:#d4d4d4;text-shadow:rgb(212,212,212) 0px 0px 10px}body,html{height:100%}body{background-color:#000;overflow:hidden;margin:0}.snow{position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;pointer-events:none;animation:snow-direction cubic-bezier(.445,0,.55,1) 4s both alternate infinite}@keyframes snow-direction{0%{transform:translate(-10%)}to{transform:translate(10%)}}.snow:before,.snow:after{content:"";display:block;position:absolute;top:0;left:0;width:10px;height:10px;background-color:#fff;border-radius:50%;filter:blur(1px);animation:snow 10s linear infinite;box-shadow:-5vw 10vh #fff,30vw 5vh #fff,55vw 5vh #fff,75vw 10vh #fff,105vw 15vh #fff,-10vw 30vh #fff,40vw 25vh #fff,60vw 20vh #fff,90vw 25vh #fff,20vw 40vh #fff,5vw 45vh #fff,65vw 45vh #fff,105vw 40vh #fff,50vw 50vh #fff,30vw 50vh #fff,10vw 55vh #fff,20vw 60vh #fff,40vw 65vh #fff,60vw 60vh #fff,80vw 65vh #fff,5vw 70vh #fff,30vw 75vh #fff,55vw 85vh #fff,75vw 80vh #fff,105vw 75vh #fff,20vw 90vh #fff,-5vw 95vh #fff,65vw 95vh #fff,100vw 90vh #fff,-5vw 110vh #fff,30vw 105vh #fff,55vw 105vh #fff,75vw 110vh #fff,105vw 115vh #fff,-10vw 130vh #fff,40vw 125vh #fff,60vw 120vh #fff,90vw 125vh #fff,20vw 140vh #fff,5vw 145vh #fff,65vw 145vh #fff,105vw 140vh #fff,50vw 150vh #fff,30vw 150vh #fff,10vw 155vh #fff,20vw 160vh #fff,40vw 165vh #fff,60vw 160vh #fff,80vw 165vh #fff,5vw 170vh #fff,30vw 175vh #fff,55vw 185vh #fff,75vw 180vh #fff,105vw 175vh #fff,20vw 190vh #fff,-5vw 195vh #fff,65vw 195vh #fff,100vw 190vh #fff}.snow:after{left:50px;top:60px;animation-duration:6s;width:8px;height:8px;opacity:.7;filter:blur(3px)}@keyframes snow{0%{transform:rotate(10deg) translateY(-100vh)}to{transform:rotate(10deg) translateY(0)}}html,body{height:100%;margin:0;padding:0}.main{overflow:auto}.mycomponent{position:relative}.overlay-text{position:absolute;max-width:80vw;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:transparent;opacity:0;animation:fadeIn .5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h1{font-family:Baumans,sans-serif;font-size:clamp(2.5vh,5.3vw,6vw);color:#fae7d0}div .first{padding-right:17rem}div .second{padding-right:1rem}div .third{padding-left:17rem}body{background-color:#000;display:flex;height:100vh;margin:0;align-items:center;justify-content:center;position:relative;margin-top:5dvh;--blur: 2px}.frame{left:3%;top:2.5%;background-color:#000;align-items:center;display:flex;box-sizing:border-box}canvas{height:clamp(50px,500px,60dvh);width:clamp(20dvw,500px,60dvw);background-size:cover;background-position:center center}body{font-family:Roboto Mono,monospace;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}