body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-page.hidden{display:none}.name-container{margin-left:20px;width:230px}.name-container>*{display:inline-block}.name{-webkit-animation:typewriterReveal 2.5s steps(11) 1s 1 normal forwards;animation:typewriterReveal 2.5s steps(11) 1s 1 normal forwards;margin:0;overflow:hidden;white-space:nowrap;width:0}.name-blinker{-webkit-animation:flashingUnderscore .4s linear 0s 12 normal none;animation:flashingUnderscore .4s linear 0s 12 normal none;border-bottom:3px solid var(--main);bottom:8px;height:38px;position:relative;visibility:hidden;width:16px}.flex-container,.landing{align-items:center;display:flex;flex-direction:column}.flex-container{justify-content:center;position:absolute;top:80px;width:100%}.landing{height:calc(100vh - 80px)}.main-picture-container{height:456px;overflow:hidden;position:relative;width:456px}#main-picture{-webkit-filter:saturate(1.4);filter:saturate(1.4);height:450px;margin:3px;object-fit:cover;width:450px}.main-picture-border{position:absolute}#main-picture-top-border{border-top:3px solid var(--main);left:3px;top:0;transition:width .1s linear .3s;width:0}#main-picture:hover~#main-picture-top-border{transition:width .5s linear;width:100%}#main-picture-right-border{border-right:3px solid var(--main);height:0;right:0;top:3px;transition:height .1s linear .2s}#main-picture:hover~#main-picture-right-border{height:100%;transition:height .5s linear .5s}#main-picture-bottom-border{border-bottom:3px solid var(--main);bottom:0;right:3px;transition:width .1s linear .1s;width:0}#main-picture:hover~#main-picture-bottom-border{transition:width .5s linear 1s;width:100%}#main-picture-left-border{border-left:3px solid var(--main);bottom:3px;height:0;left:0;transition:height .1s linear}#main-picture:hover~#main-picture-left-border{height:453px;transition:height .5s linear 1.5s}section{align-items:center;display:flex;flex-direction:column;overflow:hidden;width:100%}#about-me>p{align-self:flex-start;text-align:justify}#about-me>*{padding:0 40px}section:nth-child(2n){background-color:var(--main)}section:nth-child(2n)>*{color:var(--background)}.skills-container{display:flex;flex-wrap:wrap;justify-content:center}.skill-container{align-items:center;-webkit-animation:skillLogoBounce 8s linear 0s infinite normal forwards;animation:skillLogoBounce 8s linear 0s infinite normal forwards;display:flex;flex-direction:column;margin:10px;width:110px}.skill-container>img{-webkit-animation:fadeColor 8s linear 0s infinite normal forwards;animation:fadeColor 8s linear 0s infinite normal forwards;-webkit-filter:grayscale(1);filter:grayscale(1);height:80px;transition:-webkit-filter .4s;transition:filter .4s;transition:filter .4s,-webkit-filter .4s}.skill-container:hover>img{-webkit-filter:none;filter:none}.skill-container:first-child>img{border-radius:8px}.skill-container:nth-child(2),.skill-container:nth-child(2)>img{-webkit-animation-delay:.5s;animation-delay:.5s}.skill-container:nth-child(3),.skill-container:nth-child(3)>img{-webkit-animation-delay:1s;animation-delay:1s}.skill-container:nth-child(4),.skill-container:nth-child(4)>img{-webkit-animation-delay:1.5s;animation-delay:1.5s}.skill-container:nth-child(5),.skill-container:nth-child(5)>img{-webkit-animation-delay:2s;animation-delay:2s}.skill-container:nth-child(6),.skill-container:nth-child(6)>img{-webkit-animation-delay:2.5s;animation-delay:2.5s}.skill-container:nth-child(7),.skill-container:nth-child(7)>img{-webkit-animation-delay:3s;animation-delay:3s}.skill-container:nth-child(8),.skill-container:nth-child(8)>img{-webkit-animation-delay:3.5s;animation-delay:3.5s}.skill-container:nth-child(9),.skill-container:nth-child(9)>img{-webkit-animation-delay:4s;animation-delay:4s}.skill-container:nth-child(10),.skill-container:nth-child(10)>img{-webkit-animation-delay:4.5s;animation-delay:4.5s}.skill-container:nth-child(11),.skill-container:nth-child(11)>img{-webkit-animation-delay:5s;animation-delay:5s}.skill-container:nth-child(12),.skill-container:nth-child(12)>img{-webkit-animation-delay:5.5s;animation-delay:5.5s}.skill-container:nth-child(13),.skill-container:nth-child(13)>img{-webkit-animation-delay:6s;animation-delay:6s}.skill-container:nth-child(14),.skill-container:nth-child(14)>img{-webkit-animation-delay:6.5s;animation-delay:6.5s}.skill-container:nth-child(15),.skill-container:nth-child(15)>img{-webkit-animation-delay:7s;animation-delay:7s}.skill-container:nth-child(16),.skill-container:nth-child(16)>img{-webkit-animation-delay:7.5s;animation-delay:7.5s}@-webkit-keyframes typewriterReveal{0%{width:0}to{width:212px}}@keyframes typewriterReveal{0%{width:0}to{width:212px}}@-webkit-keyframes flashingUnderscore{0%{visibility:visible}50%{visibility:hidden}to{visibility:hidden}}@keyframes flashingUnderscore{0%{visibility:visible}50%{visibility:hidden}to{visibility:hidden}}@-webkit-keyframes skillLogoBounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}6%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}12%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes skillLogoBounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}6%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}12%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeColor{0%{-webkit-filter:grayscale(1);filter:grayscale(1)}6%{-webkit-filter:none;filter:none}12%{-webkit-filter:grayscale(1);filter:grayscale(1)}to{-webkit-filter:grayscale(1);filter:grayscale(1)}}@keyframes fadeColor{0%{-webkit-filter:grayscale(1);filter:grayscale(1)}6%{-webkit-filter:none;filter:none}12%{-webkit-filter:grayscale(1);filter:grayscale(1)}to{-webkit-filter:grayscale(1);filter:grayscale(1)}}.projects-container{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}.project{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin:0 20px}.project>.thumbnail-container{border:3px solid var(--red);-webkit-filter:drop-shadow(10px 10px var(--yellow));filter:drop-shadow(10px 10px var(--yellow));height:150px;position:relative;width:150px}.project>.thumbnail-container>img,.project>.thumbnail-container>video{height:100%;object-fit:cover;position:absolute;width:100%}.project-modal{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;position:fixed;top:0;visibility:hidden;width:100%;z-index:3}.project-modal.visible{visibility:visible}.project-modal-contents{align-items:center;background-color:var(--red);border-radius:15px;display:flex;flex-direction:column;height:0;justify-content:space-around;overflow:hidden;padding-left:20px;width:70%}.project-modal.visible>.project-modal-contents{height:90%;transition:height .5s}.project-modal-contents>*{color:var(--background)}.project-modal-contents>p{width:calc(100% - 40px)}.project-modal-contents a{color:var(--background)}.project-modal-close-button{-webkit-margin-before:0;-webkit-margin-after:0;cursor:pointer;font-size:40px;margin-block-end:0;margin-block-start:0;position:absolute;right:15px;top:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.project-modal-video-container{border:5px solid #000;height:0;overflow:hidden;padding-bottom:35%;position:relative;width:35%}.project-modal-contents img{height:70px;width:70px}.project-modal-video-container>img,.project-modal-video-container>video{bottom:0;height:101%;left:0;object-fit:cover;position:absolute;right:0;top:0;width:101%}.project-modal-links{border:1px solid #000;height:100px;width:90%}.contact-icons-container{padding-bottom:30px}.contact-icon,.contact-icons-container{align-items:center;display:flex}.contact-icon:not(:last-child){margin-right:20px}.contact-icon-box{align-items:center;background-color:var(--background);border:2px solid var(--main);border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:10px;transition:background-color .4s;width:40px}.contact-icon-box:hover{background-color:var(--main)}.contact-icon-box:hover #cv-box-text,.contact-icon-box:hover>i{color:var(--background)}.contact-icon i,.contact-icon p{color:var(--main)}.contact-icon a{text-decoration:none}#cv-box-text,.contact-icon i{font-size:24px;transition:color .4s}#cv-box-text{font-weight:700}@media screen and (max-width:480px){.main-picture-container{height:306px;width:306px}#main-picture{height:300px;width:300px}.project-modal-contents{zoom:.9}.project-modal-video-container{padding-bottom:70%;width:70%}}@font-face{font-family:Akkurat Regular;src:url(/static/media/Akkurat-Regular.a0a60c314607951685e1.woff2) format("woff2"),url(/static/media/Akkurat-Regular.927aad9e4d75aab8cae2.woff) format("woff")}@font-face{font-family:Akkurat Bold;src:url(/static/media/Akkurat-Bold.3bd738602c2ae1c4c204.woff2) format("woff2"),url(/static/media/Akkurat-Bold.ba3c53e0bc830d90e3cd.woff) format("woff")}@font-face{font-family:Akkurat Mono;src:url(/static/media/Akkurat-Mono.33817712062a0d7a1a86.woff2) format("woff2"),url(/static/media/Akkurat-Mono.f9383bf34e75a2f2c9f6.woff) format("woff")}:root{--background:#fffcf9;--main:#00a08b;--blue:#1e90ff;--purple:#9b35e8;--yellow:#f4d35e;--orange:#ee964b;--red:#f95748;--green:#06d6a0}body,html{background-color:#fffcf9;background-color:var(--background);overscroll-behavior-x:none;scroll-behavior:smooth}body.modal-open{overflow:hidden}h1,h2,h4{font-family:Courier,monospace}h3,p{font-family:Akkurat Regular}a{color:#fff}nav{justify-content:flex-end;position:fixed;right:0;width:90%;z-index:1}nav,nav>ul{align-items:center;display:flex}nav>ul{background-color:#fffcf9;background-color:var(--background);flex-wrap:wrap;justify-content:center;list-style-type:none;opacity:.9;padding:0 10px}nav>ul>li{display:inline-block;overflow:hidden;padding-top:5px}nav>ul>li:hover>.nav-underline{width:100%}nav>ul>li:not(:last-child){margin-right:1rem;opacity:1}nav h4{-webkit-margin-before:0;-webkit-margin-after:0;cursor:pointer;font-weight:400;margin-block-end:0;margin-block-start:0}.nav-to-top-container{padding-right:15px;visibility:hidden}.nav-underline{border-bottom:3px solid #00a08b;border-bottom:3px solid var(--main);height:0;position:relative;transition:width .4s;width:0}.nav-underline.skills{border-bottom-color:#f4d35e;border-bottom-color:var(--yellow)}.nav-underline.projects{border-bottom-color:#ee964b;border-bottom-color:var(--orange)}.nav-underline.contact{border-bottom-color:#f95748;border-bottom-color:var(--red)}.nav-underline.cv{border-bottom-color:#9b35e8;border-bottom-color:var(--purple)}.nav-underline.scroll-in-section{width:100%}.arrow-up{border:7px solid transparent;border-bottom:10px solid #000;bottom:5px;height:0;position:relative;width:0}
/*# sourceMappingURL=main.6227aaf2.css.map*/