@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Quicksand:wght@700&display=swap";:root{--yellow: #EDC988;--pink: #D7395F;--cream: #F8EFD4;--blue: #142844}.header-canvas{margin:0;padding:0}html{height:100%;overflow:auto}body{margin:0;font-family:Montserrat,sans-serif;scroll-behavior:smooth}a{text-decoration:none}.section-container{width:85%;margin:0}#section-menu{display:none}#header{background-color:var(--yellow);color:#fff;display:flex;justify-content:center;padding-bottom:5rem}#logo{font-family:Quicksand,sans-serif;font-size:1.3rem;margin:0;padding-top:1rem;margin-bottom:3rem;display:flex;justify-content:center}.header-title{margin:-.3rem 0}#header-salute{font-size:1.3rem}#header-salute:before{content:"";display:inline-block;background-color:#fff;width:.7rem;height:.25rem;margin:.2rem .3rem .3rem}#header-name{font-size:3.4rem}#header-role{font-size:1.8rem;margin-bottom:.3rem}.github-icon{display:inline-block;margin-bottom:-.2rem;height:2.3rem}.linkedin-icon{margin-left:.2rem;height:1.8rem}.icon:hover{cursor:pointer}#header-canvas-container{width:100%;height:19rem;display:block}#contact-btn{margin:4rem 0 0;background-color:var(--pink)}.btn{border:none;border-radius:.3rem;color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:1.2rem;width:100%;height:3.7rem;box-shadow:.25rem .25rem .4rem #00000059}.btn:hover{cursor:pointer}#scroll-down-cta{display:none}#projects-section{background-color:var(--cream);display:flex;justify-content:center;color:#142844;padding-bottom:3rem}.section-title{font-size:2.3rem;margin-top:3.5rem;margin-bottom:2rem}.section-title:before{content:"";display:inline-block;width:1rem;height:.35rem;margin:.5rem .3rem .5rem 0}#projects-section-title:before{background-color:var(--blue)}.project-details{display:block;height:6.3rem;width:19rem;padding-left:.6rem;margin-left:.6rem;position:relative;margin-bottom:1rem}.decoration{position:absolute;left:-.6rem;width:.35rem;height:6.5rem;background-color:var(--blue);display:inline}.project-title{font-size:1.4rem;font-weight:700;margin-bottom:-.2rem}.project-description{font-weight:600}.technologies-container{display:flex;flex-wrap:wrap;width:20rem;margin-bottom:1rem}#special-technologies-container{width:3rem}.technology{color:#fff;background:var(--yellow);margin-top:0rem;margin-bottom:1rem;font-size:1rem;padding:.4rem .8rem;font-weight:500;margin-left:1.2rem}@media (max-width: 40rem){#removable-tech{display:none}}.live-demo-btn{margin:0 0 1.1rem;background-color:var(--pink)}.repo-btn{margin:0 0rem 2rem;background-color:var(--blue)}#skills-section{background-color:var(--yellow);display:flex;justify-content:center;color:#fff;padding-bottom:5rem}#skills-title:before{background-color:#fff}#skills-text-container{border-left:.35rem solid white;padding-left:.6rem;font-size:1rem;position:relative}#skill-section-decoration{display:none}.skills-models{width:100%;display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:3rem}.skills-text-container{padding-left:.6rem}.skill-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:1.5rem}.skill-container:hover{transform:scale(1.1)}.skill-icon{width:3.7rem;filter:drop-shadow(4px 4px 6px rgba(0,0,0,.15));margin-bottom:1rem}.skill-name{font-size:.8rem;opacity:.7;width:8rem;bottom:-1.3rem;transform:scale(1);text-align:center}#be_icon{width:3rem}#sda_icon{width:2.9rem}#ml-engineering_icon{width:3.5rem}#ml-modelling_icon{width:3.6rem}#ui-ux_icon{width:2.7rem}#be-container{left:-3.7rem}#sda-container{left:-3.5rem;top:4rem}#ml-engineering-container{left:-3.6rem}#ml-modelling-container{left:-3.4rem}#ui-ux-container{left:-3.7rem}#about-me-section{background-color:var(--pink);display:flex;justify-content:center;color:#fff;padding-bottom:3rem}#about-me-title:before{background-color:#fff}.about-me-text{margin-top:3rem;border-left:.35rem solid white;padding-left:.6rem}.about-me-canvas-container{height:25rem;width:100%}#client-msg{font-weight:500;font-size:1rem;opacity:0}@keyframes shake{25%{transform:translate(-.2rem)}50%{transform:translate(.2rem)}75%{transform:translate(-.2rem)}to{transform:translate(0)}}#contact-section{background-color:var(--blue);display:flex;justify-content:center;color:#fff;padding-bottom:3rem}#contact-title:before{background-color:#fff}.contact-text-container{border-left:.35rem solid white;padding-left:.6rem;margin-bottom:2rem}.form-label{font-weight:600;font-size:1.2rem;position:absolute;transform:translateY(-.2rem)}.form-input{box-sizing:border-box;padding:.7rem .5rem;font-size:1.2rem;font-family:Montserrat;font-weight:600;color:var(--blue);border-radius:.3rem;border:none;margin:.4rem 0 1.2rem;width:100%}#message-input{resize:none;height:7rem;margin-bottom:-1.7rem}.contact-canvas-container{width:100%;height:25rem;display:none}.form-input:focus{outline:.2rem solid var(--pink)}#bottom-contact-btn{margin:0rem 0 1rem;background-color:var(--pink)}.bottom-social-media-cancelation{display:none}@media (min-width: 40rem){.section-container{margin:0 10%}.btn{width:12rem}#logo{margin-top:1rem;margin-bottom:8rem}.header-container{display:flex;flex-wrap:wrap;justify-content:space-between}.header-text{width:20rem}#header-canvas-container{width:40%;height:15rem}#contact-btn{margin-top:0;margin-bottom:3rem}#projects-section{padding-bottom:4rem}.live-demo-btn{margin-right:1.2rem}#about-me-section{padding-bottom:0}#contact-section{padding-bottom:5rem}}@media (min-width: 60rem){#logo{width:100%}.header-text{width:30rem}#header-salute{font-size:1.6rem}#header-salute:before{height:.35rem;margin-top:0rem}#header-name{font-size:4rem}#header-role{font-size:2.2rem}.github-icon{margin-bottom:-.2rem;height:2.5rem}.linkedin-icon{margin-left:.4rem;height:2rem}#projects-section-title{width:100%}.section-container{display:flex;flex-wrap:wrap;justify-content:space-between}.project-frame{width:28rem}.about-me-container{width:100%;display:flex;justify-content:space-between}.about-me-text{width:28rem;height:13.2rem}.about-me-canvas-container{width:30rem;transform:translateY(-4rem)}.vertical-aligner{width:100%}.contact-container{display:flex;justify-content:space-between}.contact-form{width:50%}.contact-canvas-container{display:block;width:40%;transform:translateY(-1rem)}}@media (min-width: 80rem){body{scroll-behavior:auto}.section-container{margin:0 15%}html{overflow:hidden}body{position:relative;height:100%}#section-menu{display:inline;position:absolute;right:3rem;top:49%;transform:translateY(-51%)}.toggle-container{position:relative;width:.8rem;height:.8rem;margin-bottom:.6rem;cursor:pointer}.section-toggle{position:absolute;width:.8rem;height:.8rem;background:white;border-radius:10rem;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .5s}.toggle-mark{width:.4rem;height:.4rem;background:#DFDFDF;border-radius:10rem;transition:transform 1s}.section-toggle-hidden{width:.6rem;height:.6rem;margin-bottom:.8rem;position:relative;opacity:.4;transform:scale(0);transition:transform .7s}.hidden-toggle-line-h{position:absolute;width:100%;height:.15rem;background:white;top:50%;transform:translateY(-50%)}.hidden-toggle-line-v{height:100%;width:.15rem;background:white;position:absolute;left:50%;transform:translate(-50%)}.section{position:absolute;transition:top .5s;transition-timing-function:ease-in-out;width:100%;left:0}.section-container{padding:0;position:relative}#header{height:100vh;padding:0;top:0vh}.header-title{transform:translate(-50vw)}.header-icon{transform:scale(0) rotate(45deg)}#contact-btn{transform:scale(0)}.section-container{width:100%;height:100%;position:relative}#logo{margin-top:1rem;transform:scale(0)}.header-container{position:absolute;width:100%;top:52%;transform:translateY(-48%);display:flex;flex-wrap:wrap;justify-content:flex-start}.header-text{width:50%}#header-canvas-container{display:inline-block;margin-top:2rem;width:50%}.btn{width:11rem}#scroll-down-cta{display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(-.5rem) scale(0);width:2.5rem;margin-bottom:1.8rem}@keyframes up-down{0%{transform:translate(-50%) translateY(-.5rem)}50%{transform:translate(-50%) translateY(.5rem)}to{transform:translate(-50%) translateY(-.5rem)}}#projects-section{height:100vh;padding:0;display:flex;align-items:center;top:100vh}#projects-section-container{display:flex;justify-content:space-between;flex-wrap:wrap;height:30rem}#projects-section-title{width:100%;height:1rem;transform:translate(-50vw)}.project-frame{width:25rem}.project-title,.project-description{transform:scale(0)}.decoration{height:0}.technology{margin-top:0rem;transform:scale(0)}.live-demo-btn,.repo-btn{transform:scale(0)}.live-demo-btn{margin-top:.8rem;margin-right:2rem}.project-details{width:19rem;height:6.3rem}#skills-title{transform:translate(-50vw);margin-top:25vh}#skills-section{height:100vh;top:200vh}#skills-text-container{border:none;margin-left:.7rem;padding-left:0}#skill-section-decoration{display:block;background:white;height:0}.skills-models{margin-left:-1rem}.skill-icon,.skills-text,.skill-name{transform:scale(0)}#about-me-section{height:100vh;top:300vh}#about-me-vertical-aligner{position:absolute;top:50%;transform:translateY(-50%)}#about-me-title{margin-bottom:1.5rem;transform:translate(-50vw)}#about-me-decoration{background:white}.about-me-container{position:relative;display:flex;justify-content:space-between;width:100%}.about-me-text{border:none;width:29rem;height:100%;position:relative}.about-me-paragraph{transform:scale(0)}.about-me-canvas-container{width:50%}.about-me-canvas{cursor:grab}.about-me-canvas:active{cursor:grabbing}#contact-section{height:100vh;top:400vh;padding:0}#contact-title{margin-top:1rem;transform:translate(-50vw)}#bottom-contact-btn{margin-top:0;transform:scale(0)}.contact-text-container{border:none;position:relative;margin-left:.6rem}#contact-decoration{height:0;background:white}.contact-paragraph{margin-left:-.45rem;transform:scale(0)}.form-label{transform:scale(0)}.contact-container{width:100%;display:flex;justify-content:space-between}.form-input{width:0%;padding:.7rem .5rem;padding:.7rem 0}.contact-canvas-container{width:40%}.footer-icon{transform:scale(0) rotate(45deg)}}@media (min-width: 100rem){.section-container{margin:0 20%}.project-frame{width:30rem}.skills-models{margin-left:-1rem;width:100%}#contact-btn{margin-top:3rem}.btn{width:13rem}#skills-title{margin-top:35vh}#contact-title{margin-top:8.3rem}}@media (min-height: 44rem){.bottom-social-media-cancelation{display:block}}