.home-component{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;overflow-y:hidden}.home-component .overlay{background-color:#22a39f;position:absolute;top:0;bottom:0;left:0;right:0;opacity:.35;filter:alpha(opacity=75)}.home-component img.bg-image{position:fixed;z-index:-8;height:100%;width:100%;object-fit:cover}.home-component section{display:flex;align-items:flex-end;border-radius:30px;padding:10px 40px;position:relative}.home-component section .intro{color:#fff;font-size:2.2rem;margin:50px 10px;text-align:center}.home-component section .intro .name{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #fff;display:inline-block;font-family:"Space Mono",monospace;font-size:1.6em}.home-component section .intro .position{margin-top:0;font-size:40px;font-family:"Space Mono",monospace;margin-bottom:30px}.home-component section .intro .logo-container{display:flex;justify-content:space-around;width:14em;margin:0 auto}.home-component section .intro .logo-container a{color:#fff}.home-component section .intro .logo-container .envelope-icon{cursor:pointer}.home-component section .intro .logo-container .resume-icon{cursor:pointer;height:68px}.home-component section .intro .logo-container .envelope-icon:hover,.home-component section .intro .logo-container .github-icon:hover,.home-component section .intro .logo-container .linkedin-icon:hover,.home-component section .intro .logo-container .resume-icon:hover{transform:scale(1.2);transition:.25s ease-out}.home-component .isCopied{background-color:hsla(0,0%,100%,.79);position:absolute;bottom:-10%;left:55%;width:200px;color:#000;font-size:30px;border-radius:5px;text-align:center}.home-component .isCopied.inactive{opacity:0;transition:opacity .25s ease-in-out;transition-delay:0s}.home-component .isCopied:after{content:"";width:3px;height:0;border:10px solid transparent;border-bottom:23px solid hsla(0,0%,100%,.79);position:absolute;bottom:100%;left:75%}.home-component .isCopied.active{opacity:1;transition:opacity .25s ease-in-out;transition-delay:.5s}.home-component .scroll-down{height:80px;width:110px;display:block;position:absolute;bottom:0;right:5%;background-color:#222;text-align:center;z-index:6;cursor:pointer}.home-component .scroll-down .scroll-down-icon{color:#fff;margin-top:23px}.home-component .scroll-down .bounce{display:inline-block;position:relative;animation:bounce 1.4s linear infinite}@keyframes bounce{0%{top:0}50%{top:-.2em}70%{top:-.3em}to{top:0}}@media(max-width:480px){.home-component section{padding:0}.home-component section .intro{font-size:1.6rem}.home-component section .intro .logo-container .resume-icon{height:48px}.home-component section .intro .position{font-size:25px}}@media(max-width:375px){.home-component .envelope-icon,.home-component .github-icon,.home-component .linkedin-icon{height:40px}.home-component section .intro .logo-container{width:12em}.home-component section .intro .logo-container .resume-icon{height:38px}.home-component h1{font-size:1.5em}.home-component .isCopied{left:27.5%;width:150px;font-size:25px}}.nav-component{position:-webkit-sticky;position:sticky;top:10%;z-index:999}.nav-component .nav-bar{background-color:#222;position:absolute;top:80%;right:5%;width:110px;min-height:40px}.nav-component .nav-bar .navbar-nav{float:none;padding:0;list-style:none;margin:0}.nav-component .nav-bar .navbar-nav li{float:none;height:50px;display:block;text-align:center;padding-top:30px;font-weight:600;color:#fff;cursor:pointer}.nav-component .nav-bar .navbar-nav li:hover{color:#0b6623}.nav-component .nav-bar .navbar-nav .active{background-color:#0b6623}.nav-component .nav-bar .navbar-nav .active:hover{color:#fff}@media(max-width:1200px){.nav-component{visibility:hidden}}.about-component{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden}.about-component .bio-bg-color{background-color:#03c8c7}.about-component .bio-bg-color,.about-component .love-bg-color{position:absolute;z-index:0;height:100%;width:100%;object-fit:cover}.about-component .love-bg-color{background-color:#e8a1b7}.about-component .skills-bg-color{background-color:#333}.about-component .bg-color,.about-component .skills-bg-color{position:absolute;z-index:0;height:100%;width:100%;object-fit:cover}.about-component .bg-color{background-image:radial-gradient(#fff 40%,#228b22)}.about-component .overlay{background-color:#cbf1f5;position:absolute;top:0;bottom:0;left:0;right:0;opacity:.35;filter:alpha(opacity=75)}.about-component .about-imgs{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:75px;position:relative}.about-component .about-imgs h1{font-family:"Krona One",sans-serif}.about-component .about-imgs .fingerprint-container{width:280px;height:400px;position:relative;top:35px;left:0;border-radius:6px;background-size:contain;background-repeat:no-repeat;overflow:hidden;cursor:pointer}.about-component .about-imgs .fingerprint-container:before{content:"";position:absolute;width:100%;height:100%}.about-component .about-imgs .fingerprint-container .image,.about-component .about-imgs .fingerprint-container .imgHover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.about-component .about-imgs .fingerprint-container .image span,.about-component .about-imgs .fingerprint-container .imgHover span{width:25%;height:100%;background-image:url(https://i.imgur.com/Vwgemka.png);background-size:cover;transition:.6s ease-in-out}.about-component .about-imgs .fingerprint-container .image span:first-child,.about-component .about-imgs .fingerprint-container .imgHover span:first-child{background-position:0;transition-delay:0s}.about-component .about-imgs .fingerprint-container .image span:nth-child(2),.about-component .about-imgs .fingerprint-container .imgHover span:nth-child(2){background-position:33.33%;transition-delay:.1s}.about-component .about-imgs .fingerprint-container .image span:nth-child(3),.about-component .about-imgs .fingerprint-container .imgHover span:nth-child(3){background-position:66.66%;transition-delay:.2s}.about-component .about-imgs .fingerprint-container .image span:nth-child(4),.about-component .about-imgs .fingerprint-container .imgHover span:nth-child(4){background-position:99.99%;transition-delay:.3s}.about-component .about-imgs .fingerprint-container:hover .image>span:first-child{transform:translateY(-100%)}.about-component .about-imgs .fingerprint-container:hover .image>span:nth-child(2){transform:translateY(100%)}.about-component .about-imgs .fingerprint-container:hover .image>span:nth-child(3){transform:translateY(-100%)}.about-component .about-imgs .fingerprint-container:hover .image>span:nth-child(4){transform:translateY(100%)}.about-component .about-imgs .fingerprint-container .imgHover>span:first-child{transform:translateY(-100%)}.about-component .about-imgs .fingerprint-container .imgHover>span:nth-child(2){transform:translateY(100%)}.about-component .about-imgs .fingerprint-container .imgHover>span:nth-child(3){transform:translateY(-100%)}.about-component .about-imgs .fingerprint-container .imgHover>span:nth-child(4){transform:translateY(100%)}.about-component .about-imgs .fingerprint-container .content{color:#08abff;font-size:80px;transform:translateX(-100%);justify-content:center;align-items:center;display:flex;width:100%;height:100%;font-family:"Space Mono",monospace;transition:1s;transition-delay:.1s}.about-component .about-imgs .fingerprint-container:hover .content{transform:translateX(0);transition:1s;transition-delay:.1s}.about-component .about-imgs .fingerprint-container .contentHover{color:#08abff;font-size:50px;transform:translateX(0);transition:1s;transition-delay:.1s;display:flex;justify-content:center;height:100%;align-items:center}.about-component .about-imgs .brain-container{width:280px;height:400px;position:relative;top:35px;left:0;border-radius:6px;background-size:contain;background-repeat:no-repeat;overflow:hidden;cursor:pointer}.about-component .about-imgs .brain-container:before{content:"";position:absolute;width:100%;height:100%}.about-component .about-imgs .brain-container .image,.about-component .about-imgs .brain-container .imgHover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.about-component .about-imgs .brain-container .image span,.about-component .about-imgs .brain-container .imgHover span{width:25%;height:100%;background-image:url(https://i.imgur.com/YIKuAnP.png);background-size:cover;transition:.6s ease-in-out}.about-component .about-imgs .brain-container .image span:first-child,.about-component .about-imgs .brain-container .imgHover span:first-child{background-position:0;transition-delay:0s}.about-component .about-imgs .brain-container .image span:nth-child(2),.about-component .about-imgs .brain-container .imgHover span:nth-child(2){background-position:33.33%;transition-delay:.1s}.about-component .about-imgs .brain-container .image span:nth-child(3),.about-component .about-imgs .brain-container .imgHover span:nth-child(3){background-position:66.66%;transition-delay:.2s}.about-component .about-imgs .brain-container .image span:nth-child(4),.about-component .about-imgs .brain-container .imgHover span:nth-child(4){background-position:99.99%;transition-delay:.3s}.about-component .about-imgs .brain-container:hover .image>span:first-child{transform:translateY(-100%)}.about-component .about-imgs .brain-container:hover .image>span:nth-child(2){transform:translateY(100%)}.about-component .about-imgs .brain-container:hover .image>span:nth-child(3){transform:translateY(-100%)}.about-component .about-imgs .brain-container:hover .image>span:nth-child(4){transform:translateY(100%)}.about-component .about-imgs .brain-container .imgHover>span:first-child{transform:translateY(-100%)}.about-component .about-imgs .brain-container .imgHover>span:nth-child(2){transform:translateY(100%)}.about-component .about-imgs .brain-container .imgHover>span:nth-child(3){transform:translateY(-100%)}.about-component .about-imgs .brain-container .imgHover>span:nth-child(4){transform:translateY(100%)}.about-component .about-imgs .brain-container .align-text,.about-component .about-imgs .brain-container .align-text h1{display:flex;justify-content:center;height:100%;align-items:center}.about-component .about-imgs .brain-container .align-text h1{color:#124651;width:100%;font-size:60px;transition:.5s;transition-delay:.1s;font-family:"Krona One",sans-serif}.about-component .about-imgs .brain-container .align-text .left-content h1{transform:translateX(-300%)}.about-component .about-imgs .brain-container .align-text .right-content h1{transform:translateX(300%)}.about-component .about-imgs .brain-container .leftContentHover h1,.about-component .about-imgs .brain-container .rightContentHover h1,.about-component .about-imgs .brain-container:hover .left-content h1,.about-component .about-imgs .brain-container:hover .right-content h1{transform:translateX(0);transition:.5s;transition-delay:.1s}.about-component .about-imgs .heart-container{width:280px;height:400px;position:relative;top:35px;left:0;border-radius:6px;background-size:contain;background-repeat:no-repeat;overflow:hidden;cursor:pointer}.about-component .about-imgs .heart-container:before{content:"";position:absolute;width:100%;height:100%}.about-component .about-imgs .heart-container .image,.about-component .about-imgs .heart-container .imgHover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.about-component .about-imgs .heart-container .image span,.about-component .about-imgs .heart-container .imgHover span{width:25%;height:100%;background-image:url(https://i.imgur.com/bHFUvWP.png);background-size:cover;transition:.6s ease-in-out}.about-component .about-imgs .heart-container .image span:first-child,.about-component .about-imgs .heart-container .imgHover span:first-child{background-position:0;transition-delay:0s}.about-component .about-imgs .heart-container .image span:nth-child(2),.about-component .about-imgs .heart-container .imgHover span:nth-child(2){background-position:33.33%;transition-delay:.1s}.about-component .about-imgs .heart-container .image span:nth-child(3),.about-component .about-imgs .heart-container .imgHover span:nth-child(3){background-position:66.66%;transition-delay:.2s}.about-component .about-imgs .heart-container .image span:nth-child(4),.about-component .about-imgs .heart-container .imgHover span:nth-child(4){background-position:99.99%;transition-delay:.3s}.about-component .about-imgs .heart-container:hover .image>span:first-child{transform:translateY(-100%)}.about-component .about-imgs .heart-container:hover .image>span:nth-child(2){transform:translateY(100%)}.about-component .about-imgs .heart-container:hover .image>span:nth-child(3){transform:translateY(-100%)}.about-component .about-imgs .heart-container:hover .image>span:nth-child(4){transform:translateY(100%)}.about-component .about-imgs .heart-container .imgHover>span:first-child{transform:translateY(-100%)}.about-component .about-imgs .heart-container .imgHover>span:nth-child(2){transform:translateY(100%)}.about-component .about-imgs .heart-container .imgHover>span:nth-child(3){transform:translateY(-100%)}.about-component .about-imgs .heart-container .imgHover>span:nth-child(4){transform:translateY(100%)}.about-component .about-imgs .heart-container .content,.about-component .about-imgs .heart-container .contentHover{color:#20dad8;font-size:60px;transform:translateX(120%);justify-content:center;align-items:center;display:flex;width:100%;height:100%;font-family:"Space Mono",monospace;transition:1s;transition-delay:.1s}.about-component .about-imgs .heart-container:hover .content{transform:translateX(0);transition:1s;transition-delay:.1s}.about-component .about-imgs .heart-container .contentHover{transform:translateX(0);transition:1s;transition-delay:.1s;display:flex;justify-content:center;height:100%;align-items:center}.about-component .about-me-section{justify-items:center;padding-right:220px;padding-left:120px}.about-component .about-me-section .profile-picture{height:300px;width:300px;border-radius:50%;z-index:999;box-shadow:2px 5px 2px #fff;margin-top:25px}.about-component .about-me-section article{text-align:left;padding:20px;border:2px solid #fff;color:#fff;border-radius:6px;font-family:"Work Sans",sans-serif;font-weight:400;z-index:998;position:relative;max-height:825px;overflow-y:scroll;overflow-x:hidden}.about-component .about-me-section article .close-bio{min-height:40px;min-width:115px;background-image:url(https://i.imgur.com/W2MOh1G.png);background-size:contain;position:absolute;background-repeat:no-repeat;left:96.5%;top:1%;cursor:pointer;z-index:999}.about-component .about-me-section article .close-bio:hover{background-image:url(https://i.imgur.com/GhddtOU.png)}.about-component .about-me-section article p{font-size:18px}.about-component .love-section{display:flex;flex-direction:column-reverse;align-items:flex-end}.about-component .love-section .slides{height:455px;position:relative;overflow:hidden;text-align:center;width:1000px}@media screen and (max-width:850px){.about-component .love-section{flex-direction:column;align-items:center}}@media screen and (max-width:2560px){.about-component .about-imgs{grid-column-gap:150px}.about-component .about-imgs .brain-container,.about-component .about-imgs .fingerprint-container,.about-component .about-imgs .heart-container{height:450px;width:350px}.about-component .about-imgs .brain-container .align-text h1,.about-component .about-imgs .brain-container h1,.about-component .about-imgs .fingerprint-container h1,.about-component .about-imgs .heart-container h1{font-size:80px;margin-top:80px}.about-component .about-imgs .heart-container .image span{width:22.5%}.about-component .about-imgs .brain-container .image span{width:24.7%}.about-component .about-imgs .fingerprint-container .image span{width:23%}.about-component .love-section .close-section{top:58.5%;left:49%}.about-component .about-me-section{grid-template-columns:1fr 5fr}.about-component .about-me-section article p{font-size:18px}}@media screen and (max-width:1920px){.about-component .about-imgs{grid-column-gap:100px}.about-component .about-imgs .brain-container,.about-component .about-imgs .fingerprint-container,.about-component .about-imgs .heart-container{height:400px;width:300px}.about-component .about-imgs .brain-container h1,.about-component .about-imgs .fingerprint-container h1,.about-component .about-imgs .heart-container h1{font-size:80px;margin-top:80px}.about-component .about-imgs .brain-container .align-text h1{font-size:60px;margin-top:80px}.about-component .about-imgs .heart-container .image span{width:23.5%}.about-component .about-imgs .brain-container .image span{width:25%}.about-component .about-imgs .fingerprint-container .image span{width:24%}.about-component .about-me-section article .close-bio{left:95.5%}}@media screen and (max-width:1680px){.about-component .about-imgs{grid-column-gap:100px}.about-component .about-imgs .brain-container,.about-component .about-imgs .fingerprint-container,.about-component .about-imgs .heart-container{height:400px;width:300px}.about-component .about-imgs .brain-container h1,.about-component .about-imgs .fingerprint-container h1,.about-component .about-imgs .heart-container h1{font-size:80px}.about-component .about-imgs .brain-container .align-text h1{font-size:60px;margin-top:80px}.about-component .about-imgs .heart-container .image span{width:23.5%}.about-component .about-imgs .brain-container .image span{width:25%}.about-component .about-imgs .fingerprint-container .image span{width:24%}.about-component .about-me-section article .close-bio{left:94.8%}.about-component .about-me-section article p{font-size:18px}}@media screen and (max-width:1445px){.about-component .about-me-section article .close-bio{left:93.5%}}@media screen and (max-width:1100px){.about-component .about-imgs .brain-container,.about-component .about-imgs .fingerprint-container,.about-component .about-imgs .heart-container{height:350px;width:250px}.about-component .about-imgs .brain-container h1,.about-component .about-imgs .fingerprint-container h1,.about-component .about-imgs .heart-container h1{font-size:60px}.about-component .about-imgs .brain-container .align-text h1{font-size:54px;margin-top:80px}}@media screen and (max-width:1000px){.about-component .about-me-section{max-height:100%;padding-bottom:35px;padding-right:190px}.about-component .about-me-section article{width:100%;max-height:725px}.about-component .about-me-section .profile-picture{height:200px;width:200px;position:relative;padding-top:10px;margin-bottom:20px}}@media screen and (max-width:950px){.about-component .about-imgs .brain-container,.about-component .about-imgs .fingerprint-container,.about-component .about-imgs .heart-container{height:300px;width:200px}.about-component .about-imgs .brain-container .align-text h1{font-size:43px;margin-top:60px}}@media screen and (max-width:800px){.about-component .about-imgs{grid-column-gap:50px}.about-component .about-imgs .brain-container,.about-component .about-imgs .fingerprint-container,.about-component .about-imgs .heart-container{height:250px;width:200px}.about-component .about-imgs .brain-container .image span,.about-component .about-imgs .fingerprint-container .image span,.about-component .about-imgs .heart-container .image span{width:22.5%}.about-component .about-imgs .brain-container .align-text h1{font-size:35px;margin-top:60px}.about-component .about-imgs .heart-container h1{font-size:45px;margin-top:60px}.about-component .about-me-section article .close-bio{left:94%;top:2%}.about-component .about-me-section article p{font-size:18px;margin-top:50px}}@media screen and (max-width:755px){.about-component .about-imgs{grid-column-gap:50px}.about-component .about-imgs .brain-container{height:250px;width:190px}.about-component .about-imgs .brain-container .image span{width:25%}.about-component .about-imgs .brain-container .align-text h1{font-size:30px;margin-top:50px}.about-component .about-imgs .heart-container h1{font-size:40px;margin-top:60px}.about-component .about-imgs .fingerprint-container{height:250px;width:182px}.about-component .about-imgs .fingerprint-container .image span{width:25%}.about-component .about-imgs .heart-container{height:250px;width:173px}.about-component .about-imgs .heart-container .image span{width:25%}.about-component .about-me-section article .close-bio{top:2%;left:93%}}@media screen and (max-width:615px){.about-component .about-imgs{grid-template-columns:none;grid-template-rows:1fr 1fr 1fr;grid-row-gap:10px;margin-bottom:50px}.about-component .about-imgs .brain-container,.about-component .about-imgs .fingerprint-container,.about-component .about-imgs .heart-container{height:225px;width:175px;padding:5px 0}}@media screen and (max-width:500px){article{width:100%}.about-component .about-imgs .brain-container{height:250px;width:200px}.about-component .about-imgs .fingerprint-container{height:250px;width:186px}.about-component .about-imgs .heart-container{height:250px;width:184px}.about-component .about-imgs .brain-container .align-text h1{font-size:40px;margin-top:50px}.about-component .about-me-section article .close-bio{left:85%}.about-component .about-me-section article p{font-size:14px}}@media only screen and (min-device-width:375px)and (max-device-width:812px)and (-webkit-max-device-pixel-ratio:3){.about-component .about-imgs{grid-row-gap:25px}.about-component .about-imgs .brain-container{height:200px;width:162px}.about-component .about-imgs .fingerprint-container{height:200px;width:150px}.about-component .about-imgs .heart-container{height:200px;width:149px}.about-component .align-arrows .hobby{font-size:40px}}@media only screen and (min-device-width:375px)and (max-device-width:667px)and (-webkit-max-device-pixel-ratio:2){.about-component .about-imgs{grid-row-gap:25px}.about-component .about-imgs .brain-container{height:175px;width:144px}.about-component .about-imgs .fingerprint-container{height:175px;width:133px}.about-component .about-imgs .heart-container{height:175px;width:131px}.about-component .about-me-section article{overflow-x:hidden}.about-component .align-arrows .hobby{font-size:40px}}.projects-component{display:flex;position:relative;align-items:center;justify-content:flex-start;height:100vh;overflow:hidden}.projects-component .css-1gzxeik,.projects-component .css-118h23m,.projects-component .css-lmrzma{height:100%}.projects-component .arrow{z-index:3;fill:#fff;height:50px;width:70px;top:45%;right:0;filter:drop-shadow(1px 1px 3px #ffffff);position:absolute}.projects-component .arrow:hover{cursor:pointer;fill:#e2e2e2}.projects-component .arrow-one{transform:rotate(180deg) scale(.8);transition:.5s}.projects-component .arrow-one:hover{transform:rotate(180deg) scale(.85)}.projects-component .arrow-two{top:45%;left:0;transform:scale(.8);transition:.5s}.projects-component .arrow-two:hover{transform:scale(.85)}.projects-component .bg-image{position:absolute;z-index:0;height:100%;width:100%;background-position:top;background-size:cover;background-repeat:no-repeat}.projects-component .overlay{background-color:#22a39f;position:absolute;top:0;bottom:0;left:0;right:0;opacity:.35;filter:alpha(opacity=75)}.projects-component .background-styles{position:absolute;z-index:-1;height:100%;width:100%;object-fit:cover}.projects-component .device2{position:relative;opacity:1}.projects-component .device2 .iphone-svg-image{position:absolute;top:0;left:47.2%;display:inline-block;width:18%;height:73%;top:-47.1%;background-repeat:no-repeat;background-size:120px 240px}.projects-component .device2 .blank-iphone{max-width:100%;border:0;margin-left:300px;height:300px;position:relative;bottom:180px;right:180px;left:100px}.projects-component .device2 .mobile-slide{left:-89px;bottom:365px}.projects-component .device2 .mobile-slide-img{left:37.5%;background-size:120px 240px;width:20%;top:-108%}.projects-component .device{position:relative;opacity:1;margin-top:300px}.projects-component .device .laptop-image{max-width:100%;border:0}.projects-component .device .iphone-image{max-width:100%;border:0;margin-left:300px;height:600px}.projects-component .device .laptop-bg-image{position:absolute;top:0;left:16.9%;display:inline-block;width:65.6%;height:73%;top:7.1%;background-repeat:no-repeat;background-size:600px 361px}.projects-component .device .iphone-bg-image{position:absolute;top:0;left:54.7%;display:inline-block;width:39%;height:73%;top:13.1%;background-repeat:no-repeat;background-size:cover}.projects-component .project-description{position:absolute;max-width:375px;height:auto;min-height:450px;left:59.5%;background:rgba(0,0,0,.704);border-radius:6px}.projects-component .project-description .project-links{display:flex;flex-direction:row;align-items:center;position:absolute;right:-.5em;bottom:-.5em}.projects-component .project-description .project-links .web-page{height:30px;width:30px}.projects-component .project-description .project-links .link{display:flex;flex-direction:row;align-items:center;text-decoration:none;padding:3px 10px;border:1px solid hsla(0,0%,100%,.1);background:#ab8000;letter-spacing:.04em;color:hsla(0,0%,100%,.79);z-index:9;line-height:1;opacity:1;transition:all .5s ease;border-radius:3px;box-shadow:0 0 3px 1px rgba(0,0,0,.3);cursor:pointer;font-family:"Space Mono",monospace;margin-right:10px}.projects-component .project-description .project-links .right-link:hover .right-arrow{left:3px}.projects-component .project-description .project-links .left-link:hover .left-arrow{right:3px}.projects-component .project-description .left-arrow{width:16px;line-height:0;height:auto;position:relative;top:1px;right:0;margin-right:4px;transition:right .3s ease}.projects-component .project-description .right-arrow{width:16px;line-height:0;height:auto;position:relative;top:1px;left:0;margin-left:4px;transition:left .3s ease}.projects-component .project-description .project-name{font-size:35px;color:#fff;text-align:center;padding-top:20px;font-weight:800;font-family:"Space Mono",monospace}.projects-component .project-description .description{color:#fff;padding:20px;text-align:center;font-size:18px;font-family:"Work Sans",sans-serif;letter-spacing:.5px;line-height:1.6em}.projects-component .project-description .separator{width:90%;margin:0 auto}.projects-component .project-description .separator hr{height:1.5px;color:#fff;background-color:#fff}.projects-component .project-description .built-with{color:#fff;padding-left:20px;font-family:"Space Mono",monospace}.projects-component .project-description .tools-used{padding:0 0 20px 20px;display:flex}.projects-component .project-description .tools-used .icons{margin-left:20px;border-left:1px solid #fff}.projects-component .project-description .tools-used .tool-icons{margin-bottom:10px;height:40px;width:75px}.projects-component .project-description .tools-used .tool-name{color:#fff;font-family:"Space Mono",monospace;margin:10px 0 0;width:225px;height:40px}@media screen and (max-width:2560px){.projects-component .device{left:40%;top:19%}.projects-component .device .laptop-bg-image{background-size:581px 362px}.projects-component .device2 .mobile-slide{left:159px;bottom:148px}.projects-component .device2 .mobile-slide-img{left:77.9%;background-size:120px 240px;width:20%;top:-35%}}@media screen and (max-width:1920px){.projects-component .device{left:15%;top:10%}.projects-component .device2 .iphone-svg-image{left:22.3%;width:18%;top:-77%}.projects-component .device2 .blank-iphone{bottom:275px;left:-120px}.projects-component .device2 .mobile-slide{left:5px;bottom:248px}.projects-component .device2 .mobile-slide-img{left:52.9%;top:-68%}}@media screen and (max-width:1680px){.projects-component .device{left:8%}.projects-component .device2 .iphone-svg-image{left:15.6%}.projects-component .device2 .blank-iphone{left:-180px}.projects-component .device2 .mobile-slide{left:-35px}.projects-component .device2 .mobile-slide-img{left:46.2%;width:40%}}@media screen and (max-width:1440px){.projects-component .device{left:0;top:-10%}.projects-component .device .laptop-device{margin-top:380px}.projects-component .device2 .iphone-svg-image{left:7.6%;top:-118%;background-size:120px 222px}.projects-component .device2 .blank-iphone{bottom:400px;left:-250px}.projects-component .device2 .mobile-slide{left:-89px;bottom:365px}.projects-component .device2 .mobile-slide-img{left:37.5%;top:-108%}}@media screen and (max-width:800px){.projects-component .device{left:1%;top:18%}.projects-component .device .laptop-bg-image{background-size:524px 327px}.projects-component .project-description{width:100%;top:0;min-height:173px;min-width:100%;left:0}.projects-component .project-description .built-with,.projects-component .project-description .separator,.projects-component .project-description .tools-used{display:none}.projects-component .project-description .description{letter-spacing:.5px;line-height:1.3em}}@media screen and (max-width:640px){.projects-component .device .laptop-bg-image{background-size:271px 170px}.projects-component .device .iphone-image{margin-left:50px}.projects-component .device .iphone-bg-image{width:67%;left:23%;background-size:cover}.projects-component .device .laptop-device{margin-top:120px}.projects-component .project-description{min-height:260px}.projects-component .arrow{top:93%}.projects-component .project-description .project-links{right:.5em;bottom:-1.5em}}@media screen and (max-width:414px){.projects-component .device{top:32%}.projects-component .device .iphone-image{height:400px;margin-left:80px}.projects-component .device .iphone-bg-image{width:55%;left:36%}.projects-component .device .sm-iphone-image{left:28%;background-size:161px 362px}.projects-component .project-description{min-height:280px}.projects-component .device2 .iphone-svg-image{left:7.8%;top:34.8%;background-size:50px 93px}.projects-component .device2 .blank-iphone{height:125px;bottom:-30px;left:-275px}.projects-component .device2 .mobile-slide{left:-245px;bottom:-38px}.projects-component .device2 .mobile-slide-img{left:17%;background-size:50px 100px;top:40.7%}}@media only screen and (max-device-width:375px)and (-webkit-max-device-pixel-ratio:3){.projects-component .device .laptop-bg-image{background-size:246px 154px}.projects-component .device .sm-iphone-image{left:28%;background-size:161px 296px}.projects-component .device2 .iphone-svg-image{left:8.6%;top:18.8%}.projects-component .device2 .blank-iphone{bottom:-10px}.projects-component .device2 .mobile-slide{bottom:-25px}.projects-component .device2 .mobile-slide-img{top:30.7%;left:17%}}@media only screen and (max-device-width:375px)and (-webkit-max-device-pixel-ratio:2){.projects-component .project-description{min-height:260px}.projects-component .project-description .description{letter-spacing:.5px;line-height:1.15em;font-size:16px}.projects-component .device .sm-iphone-image{background-size:131px 242px;left:32.5%}.projects-component .device .iphone-image{height:325px;margin-left:100px}.projects-component .device2 .mobile-slide{left:-220px}.projects-component .device2 .mobile-slide-img{left:24%}}.browserCarousel{padding-top:30px}.carouselDiv a span:nth-child(2){margin-top:30px!important}.carouselContainer .mobileCarousel{padding-top:30px;display:none}.hobby{position:absolute;margin-top:0;font-size:20px;width:100%;color:#fff;bottom:0;right:5px}.carouselDiv{height:325px;display:flex;flex-direction:column;max-width:200px;margin:0 auto;cursor:pointer}.close-section{height:50px;width:50px;background-image:url(https://i.imgur.com/W2MOh1G.png);background-size:contain;background-repeat:no-repeat;cursor:pointer;z-index:999;background-color:transparent;border:none}.close-section:hover{background-image:url(https://i.imgur.com/GhddtOU.png)}.slider{position:relative;width:275px;margin:0 auto;height:275px;white-space:nowrap}.slide{display:inline-block;height:100%;width:100%}@media screen and (max-width:850px){.carouselContainer .browserCarousel{display:none}.carouselContainer .mobileCarousel{display:block}}.lazyLoad{position:absolute;overflow:hidden;left:-9999px;top:-9999px;height:1px;width:1px}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;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.da1872d6.chunk.css.map */