@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400&display=swap);.about-page{align-items:center;display:flex;flex-direction:column;justify-content:space-around;min-height:100vh}.about-page-upper{font-family:var(--font-Lobster);font-size:30px;padding:10rem 25%;width:100%}@media screen and (max-width:1000px){.about-page-upper{padding-left:20%;padding-right:10%;padding-top:7rem}}.about-page-lower{display:flex;padding-bottom:10%;width:100vw}@media screen and (max-width:600px){.about-page-lower{align-items:center;flex-direction:column}}.about-page-left{display:flex;width:50%}.about-page-left .propic{margin-left:30%;object-fit:contain;width:50%;z-index:1}.about-page-left .line{left:-55%;object-fit:contain;position:relative;top:-5%;width:50%}@media screen and (max-width:600px){.about-page-left{width:100%}}.about-page-right{font-family:var(--font-base);padding-bottom:20%;width:50%}.about-page-right p{font-size:20px;line-height:50px;width:70%}@media screen and (max-width:600px){.about-page-right{padding-top:5rem;width:100%}}.about-page-right p{padding-left:15%;width:85%}.about-page-skills{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding-bottom:8rem;padding-top:8rem;width:100%}.about-page-skill-title{align-self:flex-start;font-family:var(--font-Lobster);font-size:30px;padding-left:25%;padding-right:25%}.about-page-skills-description{align-self:flex-start;font-family:var(--font-base);padding:3rem 25%}.about-page-skills-description h3{font-size:18px;font-weight:400;line-height:30px}.about-page-tools{display:flex;font-family:var(--font-base);justify-content:center;width:80%}.about-page-tools .software-tool,.about-page-tools .web-programming{padding:6rem}.about-page-tools .software-tool h2,.about-page-tools .web-programming h2{font-size:30px;padding-bottom:2rem}.about-page-tools .software-tool p,.about-page-tools .web-programming p{font-size:15px;line-height:30px}@media screen and (max-width:600px){.about-page-tools .software-tool,.about-page-tools .web-programming{padding:2rem}}.footer-page{align-items:center;background-color:var(--darkgray-color);color:var(--primary-color);display:flex;flex-direction:column;font-family:var(--font-base);min-height:50vh;padding-top:5rem}.footer-page-upper{padding-bottom:10rem}.footer-page-upper h2{font-size:40px}.footer-page-upper div{align-items:center;cursor:pointer;display:flex;position:relative;transition:.3s;width:100%}.footer-page-upper div .contact-circle{background-color:#000;border-radius:22.5px;height:45px;margin-top:10%;position:absolute;transition:.3s;width:45px}.footer-page-upper div p{font-weight:400;left:16px;position:relative;top:16px}.footer-page-upper div i{margin-top:10%;padding-left:30px;z-index:1}.footer-page-upper div:hover{scale:1.1}.footer-page-upper div:hover .contact-circle{width:126px}.footer-page-lower{display:flex;font-size:12px;font-weight:100;justify-content:space-around;width:20rem}.footer-page-lower a{color:var(--primary-color)}.home-page{align-items:center;display:flex;font-family:var(--font-base);min-height:100vh;overflow:hidden;transition:.5s}@media screen and (max-width:600px){.home-page{display:flex;flex-direction:column-reverse}}.home-page-left{align-items:start;display:flex;flex-direction:column;font-family:var(--font-Lobster);padding-bottom:10%;padding-left:20%;padding-top:8%;width:50%}.home-page-left h1{font-size:100px;height:25%;line-height:90px}.home-page-left h2,.home-page-left h3{font-size:80px;height:20%;line-height:90px}.home-page-left p{font-family:var(--font-base);line-height:20px;padding-top:10%}.home-page-left .home-page-see-my-work{align-items:center;cursor:pointer;display:flex;padding-top:1rem;position:relative;transition:.3s;width:100%}.home-page-left .home-page-see-my-work .see-my-work-circle{border-radius:22.5px;height:45px;margin-top:10%;position:absolute;transition:.3s;width:45px}.home-page-left .home-page-see-my-work p{font-weight:600;left:20px;position:relative}.home-page-left .home-page-see-my-work i{margin-top:10%;padding-left:30px;z-index:1}.home-page-left .home-page-see-my-work:hover{scale:1.1}.home-page-left .home-page-see-my-work:hover .see-my-work-circle{width:158px}@media screen and (max-width:1000px){.home-page-left h1{font-size:80px;line-height:70px}.home-page-left h2,.home-page-left h3{font-size:60px;line-height:70px}.home-page-left p{font-size:14px}}@media screen and (max-width:600px){.home-page-left{padding-bottom:10rem;padding-left:0}.home-page-left h1,.home-page-left h2,.home-page-left h3{line-height:63px}}.home-page-middle{align-items:center;display:flex;justify-content:center;width:45%}.home-page-middle img{width:75%}@media screen and (max-width:600px){.home-page-middle{padding-top:4rem;width:80%}.home-page-middle img{object-fit:cover}}.home-page-right{align-items:center;align-self:flex-end;color:var(--darkgray-color);display:flex;padding:2%;width:5%;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}@media screen and (max-width:600px){.home-page-right{bottom:-5rem;height:15rem;position:absolute}}.home-page-second-part{align-items:center;display:flex;flex-direction:column;font-family:var(--font-base);overflow:hidden}.home-page-second-part .second-part-intro{padding-bottom:10%;padding-top:10%;width:60%}.home-page-second-part .second-part-intro p{font-size:14px;padding-top:1rem}.second-part-work li .second-part-work-see .see-more{left:50%}@media screen and (max-width:600px){.second-part-work li .second-part-work-see img{height:15rem;left:-200%;opacity:1;overflow:hidden;position:absolute;top:-15rem;width:110vw}.second-part-work li .second-part-work-see .see-more{left:25%}}.second-part-work li:hover{background-color:var(--primary-color);height:15rem}.second-part-work li:hover img{opacity:1}.second-part-work li:hover .second-part-work-name{scale:1.1;-webkit-transform:translateX(3rem);transform:translateX(3rem)}.second-part-work li:hover .see-more .see-more-circle{width:135px}.see-all-projects{align-items:center;display:flex;padding-bottom:12rem;padding-left:12%;padding-top:7rem;position:relative;width:100%}.see-all-projects p{color:#999;font-size:15px;left:calc(5rem + 12%);position:absolute;top:5rem}.see-all-projects div{align-items:center;cursor:pointer;display:flex;transition:.3s}.see-all-projects div:hover{scale:1.1}.see-all-projects h2{font-size:35px}.see-all-projects i{padding-left:1rem}.works-page{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-family:var(--font-base);min-height:100vh;padding-top:5rem}.works-page img{object-fit:contain;width:100vw}.works-page-lower{align-items:center;background-image:linear-gradient(rgba(50,50,50,0),#323232);bottom:0;display:flex;flex-direction:column;height:7rem;position:fixed;width:100%}.works-page-lower .works-page-back-to-work{align-items:center;display:flex;padding-top:.5rem;position:relative}.works-page-lower .works-page-back-to-work .back-to-work-circle{background-color:#e0e0e0;border-radius:20px;cursor:pointer;height:40px;width:40px}.works-page-lower .works-page-back-to-work i{cursor:pointer;left:.9rem;position:absolute}.works-page-lower .works-page-back-to-work p{display:none;width:10rem}.works-page-lower h4{color:var(--primary-color);font-size:20px;font-weight:400;padding-top:.3rem}.works-page-lower h5{color:#999;font-size:12px;font-weight:300}.work-page{background-color:var(--primary-color);font-family:var(--font-base);min-height:100vh;overflow:hidden;padding-top:3rem}.work-page-title{font-family:var(--font-Lobster);font-size:45px;padding:5rem}.second-part-work{display:flex;flex-direction:column;overflow:hidden;width:100%}.second-part-work li{align-items:center;background-color:var(--primary-color);display:flex;height:13rem;justify-content:center;padding-left:3rem;position:relative;transition:.5s;width:100vw;z-index:0}.second-part-work li .second-part-work-id{padding-left:5%;width:10%}@media screen and (max-width:600px){.second-part-work li .second-part-work-id{padding-left:0}}.second-part-work li .second-part-work-name{transition:.5s;width:50%}.second-part-work li .second-part-work-name p{color:#999;font-size:12px;padding-top:.5rem}.second-part-work li .second-part-work-see{align-items:center;display:flex;height:100%;position:relative;width:40%}.second-part-work li .second-part-work-see img{height:100%;object-fit:cover;opacity:0;transition:.5s;width:100%;z-index:-2}.second-part-work li .second-part-work-see .see-more{align-items:center;color:var(--darkgray-color);cursor:pointer;display:flex;left:25%;position:absolute;text-decoration:none}.second-part-work li .second-part-work-see .see-more .see-more-circle{background-color:#e0e0e0;border-radius:20px;height:40px;left:-1rem;position:absolute;transition:.5s;width:40px;z-index:-1}.second-part-work li .second-part-work-see .see-more i{padding-left:.2rem}@media screen and (max-width:600px){.second-part-work li .second-part-work-see img{height:15rem;left:-200%;opacity:1;overflow:clip;position:absolute;top:-15rem;width:110vw}}@media screen and (min-width:600px){.second-part-work li:hover{background-color:#fff;height:15rem}.second-part-work li:hover img{opacity:1}.second-part-work li:hover .second-part-work-name{scale:1.1;-webkit-transform:translateX(3rem);transform:translateX(3rem)}.second-part-work li:hover .see-more .see-more-circle{background-color:#fff;box-shadow:0 0 3px var(--darkgray-color);width:135px}}@media screen and (max-width:600px){.second-part-work li{height:20rem;padding-top:15rem}.second-part-work li:hover{height:20rem}.second-part-work li:hover .second-part-work-name{scale:1.05;-webkit-transform:translateX(1rem);transform:translateX(1rem)}}.second-part-work .waiting-to-open{height:10vh}.second-part-work .already-open{background-color:#c33131;height:10vh}.second-part-work hr{background-color:#d7d7d7;border-color:transparent;border-width:0;height:.05rem}.contact-all{align-items:center;flex-direction:column;font-family:var(--font-base);min-height:100vh}.contact-all,.contact-page{background-color:var(--primary-color);display:flex}.contact-page{min-height:85vh;padding-top:10rem;width:100%}@media screen and (max-width:800px){.contact-page{align-items:center;flex-direction:column;padding-top:6rem}}.contact-page-left{align-items:start;display:flex;flex-direction:column;font-family:var(--font-Lobster);padding-bottom:10%;padding-left:10vw;position:relative;width:50%}.contact-page-left h1{font-size:100px;height:25%;line-height:90px}.contact-page-left h2,.contact-page-left h3{font-size:80px;height:20%;line-height:90px}.contact-page-left p{font-family:var(--font-base);line-height:20px;padding-top:10%}@media screen and (max-width:1000px){.contact-page-left{width:40%}}@media screen and (max-width:800px){.contact-page-left{flex-direction:row;justify-content:center;padding-left:0;width:100%}.contact-page-left p{position:absolute;top:4rem}.contact-page-left h2,.contact-page-left h3{font-size:70px;padding-left:1rem}}form{display:flex;flex-direction:column;padding-left:5%;padding-right:15%;width:50%;z-index:1}@media screen and (max-width:1000px){form{padding-right:10%;width:60%}}@media screen and (max-width:800px){form{padding-left:10%;padding-right:10%;padding-top:3rem;width:100%}}input{border:0;border-radius:2rem;height:2rem}input,textarea{background-color:#fff;font-family:var(--font-base);margin-bottom:1rem;outline-style:none;padding:1.3rem}textarea{border:0;border-radius:1rem;height:7rem}button{background-color:transparent;border:none;cursor:pointer}.contact-submit{align-items:center;align-self:flex-end;cursor:pointer;display:flex;padding-top:1.5rem;position:relative;transition:.3s}.contact-submit .contact-submit-circle{background-color:#e0e0e0;border-radius:20px;height:40px;left:-1rem;position:absolute;transition:.5s;width:40px;z-index:-1}.contact-submit i{padding-left:.5rem}.contact-submit button{color:var(--darkgray-color)}.contact-submit:hover{scale:1.1}.contact-page-lower{display:flex;font-size:12px;font-weight:100;justify-content:space-around;padding-top:3.5rem;width:20rem}.contact-page-lower a{color:var(--darkgray-color)}.app__navbar{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;font-family:var(--font-base);justify-content:space-between;padding:1rem 2rem;position:fixed;transition:.5s;width:100%;z-index:3}.app__navbar-darkmode-rwd{display:none}@media screen and (max-width:600px){.app__navbar-darkmode-rwd{align-self:flex-end;display:flex}}.app__navbar-logo{align-items:flex-start;display:flex;justify-content:start;width:10%}.app__navbar-logo img{width:40px}.app__navbar-links{align-items:flex-end;display:flex;justify-content:end;list-style:none;width:85%}.app__navbar-links li{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin:0 1rem}.app__navbar-links li p{font-weight:300;text-decoration:none;text-transform:uppercase}.app__navbar-links li .text-bold{font-weight:500}.app__navbar-links li .links-underline{border-radius:1px;height:2px;transition:all .2s ease-in-out;width:0}.app__navbar-links li .active{height:2px;width:2px}.app__navbar-links li:hover .links-underline{width:100%}@media screen and (max-width:600px){.app__navbar-links{display:none}}.app__navbar-darkmode{display:flex;justify-content:end;width:5%}.app__navbar-burger{align-items:center;cursor:pointer;display:none;flex-direction:column;height:40%;justify-content:center;right:50px;top:30%;width:40px;z-index:2}.app__navbar-burger div{border-radius:1px;height:2px;margin:2px 0;transition:.3s;width:20px}@media screen and (max-width:600px){.app__navbar-burger{display:flex}}.app__navbar-menu-box{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.99);display:none;flex-direction:column;height:100vh;justify-content:center;list-style:none;position:fixed;top:0;transition:all .3s ease-in-out;width:390px}.app__navbar-menu-box li{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin:1rem}.app__navbar-menu-box li p{font-weight:300;text-decoration:none;text-transform:uppercase}.app__navbar-menu-box li .text-bold{font-weight:500}.app__navbar-menu-box li .links-underline{border-radius:1px;height:2px;transition:all .2s ease-in-out;width:0}.app__navbar-menu-box li .active{height:2px;width:2px}.app__navbar-menu-box li:hover .links-underline{width:100%}@media screen and (max-width:600px){.app__navbar-menu-box{display:flex}}.app{background-color:var(--primary-color);font-family:var(--font-base)}:root{--font-base:"Roboto Condensed",sans-serif;--font-Lobster:"Lobster Two",cursive;--primary-color:#edf2f8;--darkgray-color:#2b2b2b}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}
/*# sourceMappingURL=main.d2d4c6c6.css.map*/