@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);.footer,.navbar{position:fixed;left:0;width:100%;padding:.75rem 2rem;background:#141414;z-index:1;display:flex;justify-content:space-between}.navbar{top:0;height:7vh;align-items:center}.navlink{margin:0 5px;color:#b1b4ba;font-size:1.5rem}.nav-links-lg-screen{align-self:center;list-style:none}.nav-links-sm-screen{position:fixed;top:0;left:0;width:100%;height:0;overflow:hidden;margin-top:7vh;display:flex;flex-direction:column;justify-content:center;background-color:#141414;opacity:.95;transition:all .3s linear}.nav-sm-screen{display:none}.show-nav{height:87vh}.navlink-sm-screen{height:30%;text-align:center;transition:all .3s linear;font-weight:700;letter-spacing:3px;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.footer{bottom:0;height:6vh}a{text-decoration:none;margin:0 10px}.main-section{height:87vh;margin-top:7vh;margin-bottom:6vh;background-image:url(/static/media/bg-lg-screen.9893c8e2.jpg);background-position:50%;object-fit:cover}.hero-section,.main-section{display:flex;justify-content:center;align-items:center}.hero-section{height:100%}.hero-content-container{width:75%;min-width:265px;max-width:550px;max-height:90vh;background-color:#141414;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-description{padding:1rem 1.5rem;margin:.5em;text-align:center;font-size:1.2rem}.hero-title{text-align:center;padding:1.5rem 0 0;margin-bottom:.5em}.hero-tech-stack-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));justify-content:center;width:80%;padding-bottom:2rem}.tech-stack-item{text-align:center;margin:.3em}.tech-stack-item-subtext{font-size:.8rem;margin-top:.3em}.button,.button-filled,.button-outline{color:#b1b4ba;font-family:"Open Sans",sans-serif;font-size:1.2rem;cursor:pointer;outline:none;transition:color .25s}.button-filled:focus,.button-filled:hover,.button-outline:focus,.button-outline:hover,.button:focus,.button:hover{color:#59b494}.button-outline{background-color:transparent;padding:7px 10px;margin:5px;border:1px solid #b1b4ba;border-radius:10px;transition:border-color .25s}.button-outline:focus,.button-outline:hover{border-color:#59b494}.round{border-radius:50%;background-color:#414042}.button-download-resume{display:grid;align-self:center;justify-content:center}.resume-button-icon,.resume-text{align-self:center}.resume-text{grid-column:2/2;padding-left:.4em}.social-media-links{align-self:center}.social-media-icon{font-size:1.5rem}.social-media-icon-lndscp{display:none}.toggler{align-self:center}.switch{position:relative;display:inline-block;width:30px;height:17px;top:3px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#414042}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:#fff}input:checked+.slider{background-color:#59b494}input:focus+.slider{box-shadow:0 0 1px}input:checked+.slider:before{transform:translateX(13px)}.slider.round{border-radius:17px}.slider.round:before{border-radius:50%}.resume-section{display:flex;width:65%;justify-content:center;align-items:center;height:100%}.resume-container{background-color:#141414;width:90%;min-width:240px;max-width:500px;max-height:90%;border-radius:10px;display:flex;flex-direction:column;padding:.3em;justify-content:space-around}.resume-description{height:75%;padding:1rem .5rem;margin:.5em;display:flex;font-size:.8rem}.resume-left-side{margin:1vh;display:flex;flex-flow:column nowrap;flex:1 1 30%;text-align:end;min-width:25%}.resume-right-side{margin:1vh;flex-basis:65%;display:flex;flex-flow:column nowrap;flex:1 1 70%;text-align:start}.resume-left-side-element,.resume-right-side-element{padding-bottom:.4rem;flex-basis:100%;height:25%}.resume-right-side-line{padding-bottom:.2em}.right-side-stack-grid{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(3,auto)}.right-side-stack-item{margin-bottom:.3rem}.resume-section-icon{margin-right:.3rem}.portfolio-section-container{width:80vw;height:82vh;display:grid;grid-template-rows:93% 7%;grid-template-columns:10% 80% 10%;background-color:#141414;place-self:center;border-radius:15px}.portfolio.button{align-self:center;border:none;background:none;font-size:6vw}.portfolio.button.left{justify-self:start;padding-left:3vw}.portfolio.button.right{justify-self:end;padding-right:3vw}.portfolio-cards-container{width:64vw;height:100%;grid-row-start:1;grid-row-end:2;grid-column-start:2;overflow:hidden;position:relative;align-items:center;justify-self:center}.portfolio-cards-wrapper{height:100%}.inline-block{display:inline-block;width:64vw;height:100%;margin-right:3vw}.portfolio-card{width:64vw;height:100%;display:grid;grid-template-rows:2vh 5vh 1vh 6vh 1.5vh 54vh 1.5vh 4vh 1vh;grid-template-columns:100%;transition:all .5s ease-out;margin:0}.portfolio-card-title{font-size:3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;grid-row-start:2;width:100%}.portfolio-card-desc,.portfolio-card-title{grid-column-start:1;grid-column-end:end;place-self:center;text-align:center}.portfolio-card-desc{display:inline-block;grid-row-start:4;font-size:1.2rem;width:100%}.portfolio-card-img{background-size:cover;background-position:50%;background-repeat:no-repeat;height:100%;width:clamp(200px,64vw,64vw);grid-column-start:1;grid-column-end:6;grid-row-start:6;justify-self:center;padding:1rem 0;border-radius:2rem}.portfolio-card-buttons-container{width:100%;display:flex;justify-content:space-evenly;grid-column:1/end;grid-row-start:8}.portfolio-btn{display:grid;grid-template-columns:30% 70%;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;place-self:center;place-items:center;padding:5px 15px;max-height:3rem}.carousel-dots{height:2rem;display:inline-block;grid-row-start:2;grid-column-start:2;place-self:center}.carousel-dots .dot{background:#b1b4ba;border:0;border-radius:50%;cursor:pointer;height:1rem;margin:0 .7rem;outline:none;width:1rem;place-self:center}.carousel-dots .dot.active{background:#59b494}@media (orientation:landscape) and (min-width:1920px){.main-section{background-image:url(/static/media/bg-4k.1b706e31.jpg)}}@media (min-height:900px){.navbar{height:55px}.footer{height:50px}.main-section{height:calc(100vh - 105px);margin-top:55px;margin-bottom:50px}}@media (orientation:landscape) and (min-width:1920px){.footer,.navbar{font-size:1.5rem}.toggler{font-size:1rem}}@media (orientation:landscape) and (max-height:640px){.main-section{background-image:url(/static/media/bg-4k.1b706e31.jpg)}.portfolio-card{position:absolute;top:50%;transform:translateY(-50%);grid-template-rows:2vh 10vh 5vh 1vh auto 10vh}.portfolio-card-title{font-size:3vw}.portfolio-card-desc{grid-row-start:3;font-size:2vw}.portfolio-card-img{grid-row-start:5}.portfolio-card-buttons-container{grid-row-start:6}.carousel-dots{height:1.5rem}.carousel-dots .dot{height:.8rem;width:.8rem}}@media (orientation:landscape) and (max-height:450px){.navbar{height:12vh}.social-media-icons-landscape{display:inline-block}.main-section{height:90vh;margin-top:10vh;margin-bottom:0}.footer{display:none}.hero-content-container{width:95%;max-width:none;max-height:80vh}.hero-title{padding:1rem 0 0}.hero-description{padding:0 1.5rem;font-size:1rem}.hero-tech-stack-section{padding-bottom:1rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.resume-section{width:100%}.resume-container{width:95%;max-width:none;padding:2rem 0}.resume-description{padding:0 1.5rem;margin:0}.resume-left-side-element,.resume-right-side-element{padding:3px;margin-bottom:4px}.resume-left-side-element:nth-child(3),.resume-right-side-element:nth-child(3){display:none}.right-side-stack-item{margin-bottom:.1rem}.stacklist{grid-template-columns:repeat(5,1fr)}.buttons-container{margin:.5rem 0}.button-outline{font-size:1rem}.social-media-icon-lndscp{display:inline-block}}@media (orientation:landscape) and (max-height:330px){.hero-title{display:none}.hero-tech-stack-section{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.hero-description{font-size:1.2rem}.resume-description{font-size:.7rem}.resume-left-side-element,.resume-right-side-element{margin-bottom:5px;height:30%}}@media (orientation:landscape) and (max-height:330px){.resume-description{font-size:.6rem}}@media (orientation:portrait) and (max-width:725px){.resume-section{width:90%}}@media (orientation:portrait) and (min-height:1180px){.main-section{background-image:url(/static/media/bg-lg-hgt-4k.5dca5b10.jpg)}}@media (orientation:portrait) and (max-width:530px){.hero-content-container{width:80%}.portfolio-section-container{width:90vw}.portfolio.button{font-size:4rem}.portfolio-card{grid-template-rows:repeat(3,1fr);grid-template-columns:100%;grid-row-gap:3vw;row-gap:3vw;grid-column-gap:0;-webkit-column-gap:0;column-gap:0;padding:4vh 0;transition:all .5s ease-out}.portfolio-card-title{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-column-start:1;grid-row-start:1;font-size:1.5rem}.portfolio-card-desc{text-align:center;width:95%;grid-column-start:1;grid-row-start:2}.portfolio-card-img{display:none}.portfolio-card-buttons-container{grid-row-start:3}.portfolio-btn{font-size:10rem}.resume-section{width:95%}.resume-container{padding:1rem 0}}@media (orientation:portrait) and (max-width:480px){.nav-links-lg-screen{display:none}.nav-sm-screen{display:inline-block}.right-side-stack-grid{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(6,auto)}.resume-left-side{width:100px}.button-outline,.hero-content-container,.hero-description,.resume-description{font-size:.8rem}}@media (orientation:portrait) and (max-width:410px){.resume-section-icon{display:none}}@media (orientation:portrait) and (max-width:380px){.resume-left-side{width:120px}}@media (orientation:portrait) and (max-width:330px){.footer .button-download-resume{display:none}.social-media-links{width:100%;text-align:center}.resume-description{font-size:.5rem;height:90%}.resume-container{height:65%}}*{margin:0;padding:0;box-sizing:border-box}body{font-size:16px;font-family:"Open Sans",sans-serif;color:#b1b4ba;background-color:#414042}
/*# sourceMappingURL=main.61d59a88.chunk.css.map */