.project-nav-bar-container{margin-top:2.75em}.project-nav-bar-container>span{display:block;font-family:roboto;font-size:3.8rem;font-weight:300;text-align:center}.project-nav-bar-container ul{background-color:#a8a8a8;display:flex;font-family:roboto;font-size:1.8rem;font-weight:300;gap:1em;justify-content:center;padding:.5em}.project-nav-bar-container ul li{background-color:#fff;border-radius:.3em;cursor:pointer;list-style:none;padding:.5em}.project-nav-bar-container ul li.active{background-color:#000;color:#fff}@media only screen and (min-width:1200px){.project-nav-bar-container>span{padding:.5em}.project-nav-bar-container ul{border-radius:.5em;justify-content:start;margin:auto;width:80%}}.project-card-single{aspect-ratio:2/1;cursor:pointer;margin:10px auto;position:relative;-webkit-transform:scale(.8);transform:scale(.8);transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:90%}.project-card-single .play-video-icon{-webkit-filter:invert(25%);filter:invert(25%);left:50%;position:absolute;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:75px}.project-card-single video{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:100%}.project-card-single img{width:100%}.project-card-single span{background-color:#000;color:#fff;font-family:roboto;font-size:3.2rem;font-style:italic;font-weight:200;left:15px;position:absolute;top:15px}.project-card-single:hover video{-webkit-filter:grayscale(0);filter:grayscale(0)}.project-card-single:hover .play-video-icon{display:none}.project-card-single a,.project-card-single button{background-color:hsla(0,0%,79%,.432);border:3px solid rgba(0,0,0,.884);border-radius:5px;bottom:55px;color:#000;font-family:roboto;font-size:1.8rem;font-weight:300;left:10px;margin-right:10px;padding:7px;position:relative;text-decoration:none}.project-card-single.web-card span{background-color:#e99191;color:#000}@media only screen and (min-width:1200px){.project-card-single{width:30%}.project-card-single:hover{-webkit-transform:scale(1);transform:scale(1);z-index:2}}.social-icons{display:flex;flex-wrap:wrap;gap:2em;justify-content:center;margin:2.5em auto}.social-icons a i{background-position:0 0;display:inline-block;height:24px;width:24px}.social-icons .github{background:url(/static/media/github.22e65707326e3e1e37af.svg) no-repeat 0 0;background-size:100%}.social-icons .discord{background:url(/static/media/discord.6896f581777b2670413b.svg) no-repeat 0 0;background-size:100%}.social-icons .instagram{background:url(/static/media/instagram.4d969dd141d389ed7a2f.svg) no-repeat 0 0;background-size:100%}.social-icons .linkedin{background:url(/static/media/linkedin.2eda7bddaacee15c4449.svg) no-repeat 0 0;background-size:100%}.social-icons .mail{background:url(/static/media/envelope-fill.7828ea972566d7acd021.svg) no-repeat 0 0;background-size:100%}@media only screen and (min-width:1200px){.social-icons a i{background-position:0 0;display:inline-block;height:38px;width:38px}}.project-display-container{display:flex;flex-direction:column;justify-content:flex-start;margin:auto}@media only screen and (min-width:1200px){.project-display-container{flex-direction:row;flex-wrap:wrap;width:80%}}.footer-div{background-color:wheat;font-family:roboto;font-size:2.4rem;padding:.6em;text-align:center}.app-header{margin:auto;width:100%}@media only screen and (min-width:1200px){.app-header{width:80%}}.title-container{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.title-container-text{background:url(/static/media/titleBg2.5ef6472c4c96614a0ded.jpg) repeat,#000;-webkit-background-clip:text;background-clip:text;background-size:50%;color:transparent;font-family:title font;font-size:5.8rem;font-weight:900;letter-spacing:.1ch;margin:10px 0;padding:0;text-align:center;text-transform:uppercase}@media only screen and (min-width:1200px){.title-container-text{font-size:10.8rem;margin:0}}.hero-section{align-items:center;display:flex;flex-direction:column;gap:2.5em;margin:auto;width:95%}@media only screen and (min-width:1200px){.hero-section{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1.5fr;width:80%}}.avatar-container{margin:auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar-container__img{height:20rem;object-fit:cover;object-position:100% 0;width:20rem}.avatar-container__blur-div{background:#fff;bottom:-25px;-webkit-filter:blur(10px);filter:blur(10px);height:50px;position:absolute;width:100%}@media only screen and (min-width:1200px){.avatar-container__img{height:55rem;width:30rem}}.hero-description-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero-description-container p{font-family:roboto;font-size:2.2rem;font-weight:300;margin:0;text-align:center}.hero-description-container p span{font-weight:200}.hero-description-container p span.code{color:red;font-weight:300}.hero-description-container p span.website{color:#0400ff;font-weight:300}.hero-description-container div{font-size:1.6rem;margin:1em auto auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero-description-container div a{background-color:transparent;border:3px solid rgba(0,128,0,.514);border-radius:10px;color:#4e4e4e;cursor:pointer;font-family:roboto;padding:.5em;text-decoration:none}@media only screen and (min-width:1200px){.hero-description-container p{font-size:2.8rem;text-align:end}.hero-description-container div{margin:1em 0 auto auto}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box}@font-face{font-family:title font;src:url(/static/media/title-font.329acb512a429ca2049d.ttf) format("truetype")}@font-face{font-family:roboto;font-weight:700;src:url(/static/media/Roboto-Black.2a4285847db4a9acb97f.ttf)}@font-face{font-family:roboto;font-weight:700;src:url(/static/media/Roboto-Bold.75371f53f06181df75f1.ttf)}@font-face{font-family:roboto;font-style:italic;src:url(/static/media/Roboto-BlackItalic.77e50ab1eee2eea0a442.ttf)}@font-face{font-family:roboto;font-weight:200;src:url(/static/media/Roboto-Light.8be2d1487420548b3b8d.ttf)}@font-face{font-family:roboto;font-style:italic;font-weight:700;src:url(/static/media/Roboto-BoldItalic.60c1f67b002e61ad0fe4.ttf)}@font-face{font-family:roboto;font-weight:100;src:url(/static/media/Roboto-Thin.1711b41f3ae4cb322eea.ttf)}@font-face{font-family:roboto;font-weight:300;src:url(/static/media/Roboto-Medium.7429a63c09f79a1760b0.ttf)}@font-face{font-family:roboto;font-style:italic;font-weight:300;src:url(/static/media/Roboto-MediumItalic.56a82359ebe22eaae14e.ttf)}@font-face{font-family:roboto;src:url(/static/media/Roboto-Black.2a4285847db4a9acb97f.ttf)}html{font-size:.625rem}#root,body,html{width:100%}body{background-image:linear-gradient(140deg,#fff,#fff 20%,#3aaaeb 75%)}
/*# sourceMappingURL=main.5a86c1cb.css.map*/