body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:Roboto;src:url(../../static/media/Roboto-Light.8be2d148.ttf);font-weight:300}@font-face{font-family:Roboto;src:url(../../static/media/Roboto-Regular.a8d6ac03.ttf);font-weight:400}@font-face{font-family:Roboto;src:url(../../static/media/Roboto-Medium.7429a63c.ttf);font-weight:500}@font-face{font-family:Roboto;src:url(../../static/media/Roboto-Bold.75371f53.ttf);font-weight:700}@font-face{font-family:Roboto Mono;src:url(../../static/media/RobotoMono-Thin.30914900.ttf);font-weight:100}@font-face{font-family:Roboto Mono;src:url(../../static/media/RobotoMono-ExtraLight.fd4e93a8.ttf);font-weight:200}@font-face{font-family:Roboto Mono;src:url(../../static/media/RobotoMono-Light.835ca7f9.ttf);font-weight:300}@font-face{font-family:Roboto Mono;src:url(../../static/media/RobotoMono-Regular.418a8f9f.ttf);font-weight:400}::selection{background-color:#444;background-color:var(--grey-color)}#root,.app,body,html{min-height:100vh;min-width:100%;overflow-x:hidden;font-family:Roboto;font-weight:400;scrollbar-width:none}a,a:hover,body{cursor:none}button{padding:0}.hide{display:none}#cursor{top:50%;left:50%;position:fixed;z-index:5;pointer-events:none;fill:#c2c2c2;fill:var(--text-color);stroke:#c2c2c2;stroke:var(--text-color);stroke-width:0;mix-blend-mode:difference;transition:stroke-width .3s ease-in-out}#cursor.cursor-hover{stroke-width:50%}button:not(:disabled){cursor:none}::-webkit-scrollbar{display:none}.app{color:#c2c2c2;color:var(--text-color);font-size:18px;font-size:var(--medium-font);padding:0;display:flex;flex-direction:column}#wrapper{margin-top:90px;margin-top:var(--header-height);margin-bottom:60px;margin-bottom:var(--footer-height)}#content,#wrapper{position:relative;flex:1 1;display:flex}header{display:flex;justify-content:space-between;background-color:#1a1a1a;background-color:var(--bg-color);font-size:24px;font-size:var(--big-font);position:fixed;z-index:1;width:100%;height:90px;height:var(--header-height)}.home-button,.mobile-nav-button-cont{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.rect{margin:0 20px;width:50px;height:50px;background-color:transparent;border:3px solid #c2c2c2;border:3px solid var(--text-color);-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.rect:hover{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.rect:before{content:"";position:absolute;top:-1px;left:-1px;width:46px;height:46px;background-color:#c2c2c2;background-color:var(--text-color);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.rect:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}#nav{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:10px 20px 10px auto}.nav-button{border:none;position:relative;text-decoration:none;background-color:inherit;margin:0 15px;padding:4px 0;font-family:Roboto Mono;font-weight:300}.nav-button:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#c2c2c2;background-color:var(--text-color);-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.nav-button:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.nav-button,.nav-button:hover{color:#c2c2c2;color:var(--text-color)}.mobile-nav-button{border:none;background-color:#111;background-color:var(--dark-color);margin:0 20px;height:50px;width:50px}.mobile-nav-button svg{fill:#c2c2c2;fill:var(--text-color);height:25px}#mobile-nav{position:fixed;top:0;left:0;display:flex;height:100vh;width:100vw;z-index:2;background-color:rgba(0,0,0,.5);-webkit-animation:fade-in .25s ease-in-out;animation:fade-in .25s ease-in-out}#mobile-nav #nav,.close-menu{flex:1 1}#mobile-nav #nav{flex-direction:column;margin:0;background-color:#1a1a1a;background-color:var(--bg-color);-webkit-animation:flex-grow .25s ease-in-out;animation:flex-grow .25s ease-in-out}#mobile-nav #nav .nav-button{font-size:24px;margin:20px 15px}#canvas{position:fixed;width:100%;height:100%;background-color:#111;background-color:var(--dark-color);overflow:hidden}#home{margin-top:100px}.project{margin-top:40px;padding:25px;display:flex;flex-direction:row}#projects .row:last-child .project{margin-bottom:40px}.fade-anim{opacity:0}.project-img{flex:0 1;text-align:center}.project-img img{width:300px;height:300px;pointer-events:none}.project-content{flex:1 1;padding:0 20px}.project-title{font-family:Roboto Mono;font-weight:400;font-size:24px;font-size:var(--big-font);margin-bottom:10px}.project-desc{color:#888;color:var(--lgrey-color)}.fade-in-left{-webkit-animation:fade-in-left 1.4s ease-out forwards;animation:fade-in-left 1.4s ease-out forwards}.fade-in-right{-webkit-animation:fade-in-right 1.4s ease-out forwards;animation:fade-in-right 1.4s ease-out forwards}#about{margin:40px 0;width:100%;-webkit-animation:fade-in 1.4s ease-out forwards;animation:fade-in 1.4s ease-out forwards}#about .about-container{display:flex;flex-direction:column}.about-title,.contact-title{font-family:Roboto Mono;font-weight:400;color:#c2c2c2;color:var(--text-color);font-size:24px;font-size:var(--big-font);margin-bottom:10px}#about section:not(.bottom){flex:1 1}section.bottom{height:100px;text-align:center}.about-content{display:flex}.about-img{width:400px}.about-img img{width:100%}.about-img img:hover{-webkit-animation:img-hue-rotate .6s ease-in-out;animation:img-hue-rotate .6s ease-in-out}.about-text,.contact-text{flex:1 1;padding:0 40px}.about-text.solo,.contact-text.solo{padding:10px 0 0}.bottom-text{font-family:Roboto Mono;height:20px;font-size:14px;font-size:var(--small-font)}#contact{margin:40px 0;width:100%;-webkit-animation:fade-in 1.4s ease-out forwards;animation:fade-in 1.4s ease-out forwards}#contact .contact-container{display:flex;flex-direction:column}#contact section:not(.bottom){flex:1 1}.contact-elem{margin-bottom:0}a.contact-elem{color:#c2c2c2;color:var(--text-color);transition:.3s}a.contact-elem:hover{color:#888;color:var(--lgrey-color)}.about-logo,.linkedin-logo{fill:#c2c2c2;fill:var(--text-color);stroke-linecap:round;stroke-linejoin:round;stroke:#c2c2c2;stroke:var(--text-color)}.about-logo{height:100px;stroke-width:5}.logo-anim{fill-opacity:0;-webkit-animation:stroke-anim 3s ease-in-out forwards,fill-anim 1s linear 3s forwards;animation:stroke-anim 3s ease-in-out forwards,fill-anim 1s linear 3s forwards}.about-logo .logo-anim{stroke-dashoffset:2500;stroke-dasharray:2500}.linkedin-logo .logo-anim{stroke-dashoffset:900;stroke-dasharray:900}.linkedin-logo{width:200px;stroke-width:4;stroke-miterlimit:2;transition:.3s}a:hover .linkedin-logo{fill:#444;fill:var(--grey-color);stroke:#444;stroke:var(--grey-color)}footer{display:flex;flex-direction:column;justify-content:center;text-align:center;background-color:#1a1a1a;background-color:var(--bg-color);position:fixed;z-index:1;width:100%;bottom:0;height:60px;height:var(--footer-height)}.lgbtq-bar{display:flex;flex-direction:row;height:5px;border-radius:10px 10px 0 0;transition:.4s}footer:hover .lgbtq-bar,footer:hover .lgbtq-bar div{height:20px;-webkit-animation:scale-anim .4s ease-in-out;animation:scale-anim .4s ease-in-out}.lgbtq-bar div{flex:1 1}.red{border-top-left-radius:5px;background-color:#ff0018;background-color:var(--lgbtq-red)}.orange{background-color:#ffa52c;background-color:var(--lgbtq-orange)}.yellow{background-color:#ffff41;background-color:var(--lgbtq-yellow)}.green{background-color:#008018;background-color:var(--lgbtq-green)}.blue{background-color:#0000f9;background-color:var(--lgbtq-blue)}.purple{border-top-right-radius:5px;background-color:#86007d;background-color:var(--lgbtq-purple)}.footer-container{flex:1 1;display:flex;align-items:center;justify-content:center;font-family:Roboto Mono;font-weight:200}@-webkit-keyframes img-hue-rotate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(180deg) contrast(1.3);filter:hue-rotate(180deg) contrast(1.3)}to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}}@keyframes img-hue-rotate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(180deg) contrast(1.3);filter:hue-rotate(180deg) contrast(1.3)}to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}}@-webkit-keyframes fade-in-left{0%{opacity:.25;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-left{0%{opacity:.25;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fade-in-right{0%{opacity:.25;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-right{0%{opacity:.25;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fade-in{0%{opacity:.25}to{opacity:1}}@keyframes fade-in{0%{opacity:.25}to{opacity:1}}@-webkit-keyframes scale-anim{0%{height:5px}80%{height:22px}to{height:20px}}@keyframes scale-anim{0%{height:5px}80%{height:22px}to{height:20px}}@-webkit-keyframes stroke-anim{to{stroke-dashoffset:0}}@keyframes stroke-anim{to{stroke-dashoffset:0}}@-webkit-keyframes fill-anim{to{fill-opacity:1}}@keyframes fill-anim{to{fill-opacity:1}}@-webkit-keyframes flex-grow{0%{flex-grow:0}to{flex-grow:1}}@keyframes flex-grow{0%{flex-grow:0}to{flex-grow:1}}@media screen and (max-width:990px){#cursor{display:none}.project{flex-direction:column;padding:0;margin:30px auto 10px}.project-content{margin-top:20px}.about-content{flex-direction:column}.about-img{text-align:center;margin:0 auto}.about-text{padding:0;margin:20px 0}}@media screen and (max-width:780px){.project-img img{width:200px;height:200px}.about-img{width:100%}.about-img img{width:250px;height:250px}}:root{--main-color:#1a1a1a;--sec-color:#cfdbd5;--dark-color:#111;--text-color:#c2c2c2;--bg-color:var(--main-color);--grey-color:#444;--lgrey-color:#888;--lgbtq-red:#ff0018;--lgbtq-orange:#ffa52c;--lgbtq-yellow:#ffff41;--lgbtq-green:#008018;--lgbtq-blue:#0000f9;--lgbtq-purple:#86007d;--small-font:14px;--medium-font:18px;--head-font:21px;--big-font:24px;--xl-font:32px;--header-height:90px;--footer-height:60px}
/*# sourceMappingURL=main.121f1057.chunk.css.map */