.app{height:100vh}.app .sections{width:100%;height:calc(100vh - 70px);background-color:#ffa07a;position:relative;top:70px;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}.navbar{width:100%;height:70px;background-color:#fff;color:#2c2c2b;position:fixed;top:0;z-index:3;transition:all 1s ease}.navbar .container{padding:10px 30px;justify-content:space-between}.navbar .container,.navbar .container .leftContainer{display:flex;align-items:center}.navbar .container .leftContainer .myLogo{font-size:40px;font-weight:700;text-decoration:none;color:inherit;margin-right:40px}.navbar .container .leftContainer .itemContainer{display:flex;align-items:center;margin-left:30px}.navbar .container .leftContainer .itemContainer .icon{font-size:25px;margin-right:5px;cursor:pointer;color:inherit}.navbar .container .leftContainer .itemContainer .icon:hover{color:#e03616}.navbar .container .leftContainer .itemContainer span{font-size:15px;font-weight:400}.navbar .container .rightContainer .hamburgerMenu{width:32px;height:25px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.navbar .container .rightContainer .hamburgerMenu span{width:100%;height:3px;background-color:#1c3738;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease}.navbar.active{background-color:#2c2c2b;color:#fff}.navbar.active .hamburgerMenu span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.navbar.active .hamburgerMenu span:nth-child(2){opacity:0}.navbar.active .hamburgerMenu span:last-child{background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.dark-mode{width:50px;height:25px;border-radius:20px;border:1px solid #ff0;background-color:#fff;position:relative;display:flex;align-items:center;justify-content:space-around}.dark-mode-icon{width:15px;height:15px}.dark-mode-button{width:25px;height:25px;border-radius:50%;background-color:#999;position:absolute;cursor:pointer}*{box-sizing:border-box}@media(max-width:730px){* ::-webkit-scrollbar{display:none;scrollbar-width:none;-ms-overflow-style:none;width:0;background:transparent}}html{scroll-behavior:smooth}body{margin:0 0 3rem;font-family:"Poppins",sans-serif;font-size:.938rem;background-color:#fbfbfe;color:#6d6a7c}h1,h2,h3,h4{color:#242329;font-weight:600}ul{list-style:none}.siteMenu{width:300px;height:100vh;background-color:#2c2c2b;position:fixed;top:0;right:-300px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 1s ease}.siteMenu.active{right:0}.siteMenu ul{margin:0;padding:0;list-style:none;font-size:30px;font-weight:300;color:#fff;width:60%}.siteMenu ul li{margin-bottom:25px}.siteMenu ul li a{font-style:inherit;color:inherit;text-decoration:none}.siteMenu ul li:hover{font-weight:500}.intro{display:flex;height:100vh}.intro-left{flex:1 1;display:flex;align-items:center;justify-content:center}.intro-right{flex:1 1;position:relative}.intro-left-container{padding:50px;height:50%;margin-right:65px;margin-bottom:70px;display:flex;flex-direction:column;justify-content:space-between}.button--flex{margin:0 2px -80px 0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;width:35%;height:20%;border-radius:5%}.git-logo{height:100%;margin-top:5px;margin-left:150px}.intro-greeting{font-size:30px;font-weight:300}.intro-name{font-size:60px}.intro-title{height:50px;overflow:hidden}.intro-title-container{height:100%;-webkit-animation:move 9s ease-in-out infinite alternate;animation:move 9s ease-in-out infinite alternate}.intro-title-item{height:100%;font-size:30px;font-weight:700;color:red;display:flex;align-items:center}.intro-button{margin-top:200px}.intro-img{background-position:50% 50%;margin-top:40px}.image-bg,.intro-img{width:100%;height:100%;position:absolute}.image-bg{-webkit-clip-path:circle(64.8% at 68% 48%);clip-path:circle(64.8% at 68% 48%);background:#e03616;margin-bottom:20px;right:0}@media screen and (max-width:480px){.intro{flex-direction:column}.intro-left-container{margin-top:50px;height:100%}.intro-left-container,.intro-title-item{align-items:center;justify-content:center;text-align:center}.intro-title-item{font-size:20px}.intro-name{font-size:30px}.intro-description{display:none}.intro-right{margin-bottom:-10px;flex:2 1}.intro-left{flex:1 1}.image-bg{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);margin-top:10px;background:#e03616}.button--flex{margin-right:120px;height:50px}}.about-me{height:100vh}.about-me,.about-meLeft{display:flex;align-items:center}.about-meLeft{flex:1 1;justify-content:center;position:relative;height:100%;margin-top:100px}.about-meRight{flex:1 1;margin-right:60px;margin-top:5px}.about-meCard.bg{position:absolute;top:50px;left:50px;background-color:#e03616}.about-meCard{width:60%;height:70vh;border-radius:30px;position:relative;overflow:hidden}.about-meImg{width:100%;height:100%;object-fit:cover}.about_buttons{display:flex;justify-content:center;margin-top:20px;margin-left:120px;background-color:#000;color:#fff;text-decoration:none;text-align:center;width:45%;height:20%;border-radius:5%}.about_buttons:hover{background-color:#e03616}.about-meTitle{font-weight:400;padding:5px}.about-meDescription,.about-meSubtitle{padding:5px;font-size:14px}.about-meDescription{font-weight:200}@media screen and (max-width:480px){.about-me{flex-direction:column;text-align:center;margin-top:50px;height:100vh}.about-meLeft{width:100%}.about-meCard{height:30vh}.about-meCard.bg{display:none}.about-meRight{padding:20px;margin-top:-9px;justify-content:center;text-align:center;height:100vh}.about_buttons{margin-top:90px;height:10%}}.new-portfolio-item{width:30%;height:68vh;margin-bottom:50px;border:2px solid red;border-radius:10px 10px 0 0;overflow:hidden}.new-portfolio-design{height:18px;background-color:red;display:flex;align-items:center;position:-webkit-sticky;position:sticky;z-index:1}.new-portfolio-listDescription{padding:10px;margin:0 3px 3px 0;font-size:13px}.new-portfolio-listTools{padding:3px;margin:0 3px 3px 0;font-size:13px;font-weight:700}.new-portfolio-shape{width:6px;height:6px;background-color:#fff;margin:3px;border-radius:50%}.git-link,.site-link{background-color:#000;width:70px;height:30px;padding:6px;margin-left:10px}.git-link:hover,.site-link:hover{background-color:red}.new-portfolio-img{width:100%;height:60%;transition:all 10s ease}@media screen and (max-width:480px){.new-portfolio-item{width:40%}.new-portfolio-listDescription,.new-portfolio-listTools{display:none}.new-portfolio-img{height:85%}.new-portfolio-item{height:20vh}}.portfolio-list{padding:50px 100px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:70px;min-height:100vh;overflow:scroll}.portfolio-listText{width:65%;margin-top:-60px}.portfolio-listTitle{font-size:50px;font-weight:600}.portfolio-listSubtitle{margin:5px 0 20px}.portfolio-listItems{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width:480px){.portfolio-list{padding:10px}.portfolio-listText{width:100%}.portfolio-listTitle{margin-top:60px}}.portfolio-page{margin-top:70px}.footer-container{background-color:#000;color:#fff;height:50px;margin-top:30px;position:-webkit-sticky;position:sticky}.contact-me{height:100vh;position:relative}.contact-me-bg{width:20px;height:100%;background-color:red;position:absolute}.contact-me-container{padding:50px;display:flex;margin-top:70px}.contact-me-left{flex:1 1}.contact-me-right{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-me-info-item{display:flex;align-items:center;margin:10px 0;font-weight:300}.contact-icon{width:30px;height:30px;font-size:20px;margin-right:20px}.contact-email{margin-left:-20px}.contact-me-description{font-weight:200}form{margin-top:20px}input{width:50%;height:50px;border:none;border-bottom:1px solid #000;margin:10px 1px}input,textarea{font-size:14px;padding-left:10px}textarea{width:100%;margin:10px 0}button{border:none;padding:15px;background-color:#000;color:#fff;font-weight:500;cursor:pointer}.submit-btn:hover{background-color:red}@media screen and (max-width:480px){.contact-me-container{flex-direction:column;padding:0 50px}.contact-me-title{font-size:30px}.contact-me-info-item{margin:20px 0;width:100%}.contact-me-description{display:none}form{margin-top:0;display:flex;flex-wrap:wrap}input{width:35%;height:40px;margin:10px 10px 10px 0}button{margin-top:10px}}*{margin:0;padding:0}body{background:#eee;position:relative;width:100%;height:100vw;overflow:hidden}.swiper-slide{background-position:50%;background-size:cover;width:300px;height:100%}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (max-width:768px){.swiper-slide{width:250px;height:auto}}
/*# sourceMappingURL=main.985474bc.chunk.css.map */