@import url(https://fonts.googleapis.com/css2?family=Anton&family=Archivo+Black&family=Karla:wght@300&family=Open+Sans&family=Sacramento&display=swap);:root{--accent:#61dafb;--light:#fff;--text:#353535;--dark:#282c34}@font-face{font-display:swap;font-family:GeneralSans-Regular;font-style:normal;font-weight:400;src:url(/static/media/GeneralSans-Regular.33c07568e483102927ef.woff2) format("woff2"),url(/static/media/GeneralSans-Regular.c8cfd56b3d5c42904672.woff) format("woff"),url(/static/media/GeneralSans-Regular.6d91885b9c7fa66bdd05.ttf) format("truetype")}@font-face{font-family:Line;src:url(/static/media/line.1ec2b42ed4a21e0bd188.otf)}@font-face{font-family:Iso;src:url(/static/media/3diso-bold.4d5c37f6053146129f24.ttf)}@font-face{font-family:Button;src:url(/static/media/unbutton.631fa5fecc81d47a0d08.ttf)}*{box-sizing:border-box;font-family:GeneralSans-Regular;margin:0;padding:0}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.right-section{-webkit-animation:fadeUp 1.5s ease 1;animation:fadeUp 1.5s ease 1;background-color:var(--light);color:var(--text);font-size:1.5rem;margin-left:400px;padding:50px 1rem;transition:all .5s ease}#unsupported{color:#313131;letter-spacing:1px;margin-top:50vh;text-align:center;word-spacing:2px}@media only screen and (max-width:600px){.right-section{margin-left:0;padding:20px 0}}@-webkit-keyframes slide{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.side-bar{-webkit-animation:slide 1.2s ease;animation:slide 1.2s ease;background-color:var(--dark);height:100%;padding:0 50px;position:fixed;transition:all .5s ease;width:400px}.side-box{margin-top:50px}.name{border-bottom:15px solid var(--light);color:var(--light);font-family:Archivo Black,sans-serif;font-size:40px;font-weight:400;margin-bottom:100px;padding-bottom:20px;transition:all .5s ease}.nav-items{margin-top:150px}.nav-items li{list-style:none;margin-bottom:20px}.nav-link{color:var(--light);font-family:Karla,sans-serif;font-size:1.75rem;font-weight:100;text-align:center;text-decoration:none;transition:all .1s ease}.nav-link:hover{color:#004f4f}.active{color:var(--accent);font-weight:600}@media only screen and (max-width:600px){.side-bar{display:none}}.about{background-color:var(--light);color:var(--text);height:100vh;padding-left:50px}#full-stack{color:#ca2c46;display:inline-block;font-family:Archivo Black;font-size:1.6rem;margin:0 10px;transition:all .3s ease}#passion{font-family:Open Sans,sans-serif;font-size:1.1rem}#hobbies,#passion{display:block;margin-top:2rem}#hobbies{font-size:1.4rem}#future{color:teal;display:block;font-size:1.2rem;font-weight:700;margin-top:2rem}#hello{font-family:Button;font-size:3.5rem;margin-right:13px}.skill-container{background-color:var(--dark);border-radius:7px;margin:25px 0;padding:20px;transition:all 1s ease;width:500px}.skill-container img{transition:all .3s ease-in-out}.skill-container img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:600px){.about{padding-left:0}}.showcase-container{display:flex;flex-wrap:wrap;margin-top:50px}#project-block{background-color:var(--dark);color:#fff;margin-bottom:1rem;margin-left:.7rem;overflow:hidden;padding:.8rem;position:relative;transition:all .3s ease}.project-title{border-bottom:2px solid hsla(0,0%,92%,.533);font-size:25px;margin-bottom:10px}.project-img{height:250px;transition:all .45s ease}.project-desc{bottom:40px;font-family:Open Sans;font-size:1.1rem;font-weight:500;margin:0 10%;position:absolute}.hover-container{height:100%;left:0;margin:0;position:absolute;text-align:center;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .3s ease;width:100%}.hover-btn-container{left:calc(50% - 50px);position:absolute;top:30%}.hosted-link{background-color:var(--accent);border:1px solid #fff;border-radius:3px;color:#fff;height:35px;margin-left:20px;transition:all .3s ease;transition:all .25s ease;width:40px}.hosted-link:hover{border-radius:10px;-webkit-transform:scale(1.2);transform:scale(1.2)}.github-link{background-color:var(--dark);border:1px solid #fff;border-radius:3px;color:#fff;height:35px;transition:all .25s ease;width:40px}.github-link:hover{border-radius:10px;-webkit-transform:scale(1.2);transform:scale(1.2)}a{text-decoration:none}#project-block:hover .project-img{-webkit-filter:brightness(.5) blur(5px);filter:brightness(.5) blur(5px)}#project-block:hover .hover-container{-webkit-transform:translateY(0);transform:translateY(0)}#project-block:first-child{background-color:#e0814c}#project-block:nth-child(2){background-color:#688bbf}#project-block:nth-child(3){background-color:#d072c6}#project-block:nth-child(4){background-color:#81d985}#project-block:nth-child(5){background-color:#434343}#project-block:nth-child(6){background-color:#68bfbf}#project-block:nth-child(7){background-color:#9176ba}#project-block:nth-child(8){background-color:#68bfbf}#project-block:nth-child(9){background-color:#d76565}.dot1{background-color:#31c146;right:75px}.dot1,.dot2{border-radius:50%;height:14px;position:absolute;top:15px;width:14px}.dot2{background-color:#f5b63e;right:50px}.dot3{background-color:#f45450;border-radius:50%;height:14px;position:absolute;right:25px;top:15px;width:14px}.socials{height:100vh}.socials h1{font-family:Archivo Black;font-weight:500;text-align:center}.me{background-color:var(--accent);border-radius:10px;color:var(--light);padding:0 10px}.icons img,.me{transition:all .5s ease}.icons img{width:150px}.icons img:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.icons{display:flex;justify-content:space-evenly;margin-top:15%}.toggle{background-color:initial;border:none;border-radius:3px;color:var(--dark);font-family:Karla;font-weight:900;margin:20px;padding:4px 10px;position:absolute;right:0;top:0;transition:all .5s ease}.toggle:active{-webkit-transform:scale(.9);transform:scale(.9)}
/*# sourceMappingURL=main.b6809f75.css.map*/