@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Playfair+Display:wght@700&display=swap);header{background:rgba(51,51,51,.8);height:100%;left:-20rem;position:fixed;transition:all .3s ease-in-out;width:20rem;z-index:2000}.side-bkg{opacity:.5;overflow:hidden;position:absolute;top:0;width:100%;z-index:100}.header-content{padding-left:4rem;position:relative;top:0;z-index:1000}.mobile-menu-close{cursor:pointer;height:2rem;margin-right:1.5rem;position:absolute;right:-6rem;transition:all .3s ease-in-out;width:1.8rem;z-index:2000}.mobile-menu-close .bar{background:#fff;height:.2rem;-webkit-transform-origin:0;transform-origin:0;transition:all .2s ease-in-out;width:100%}.mobile-menu-close .bar-2{margin-block:.3rem}.menu-icon-toggle{right:0}.menu-icon-toggle:hover .bar-1{-webkit-transform:translateY(-2px) rotate(45deg);transform:translateY(-2px) rotate(45deg)}.menu-icon-toggle:hover .bar-2{width:0}.menu-icon-toggle:hover .bar-3{-webkit-transform:translateY(2px) rotate(-45deg);transform:translateY(2px) rotate(-45deg)}header.open-header-menu{left:0}.header-content h3,.page-sections,.profile-photo,p{color:#fff;margin-bottom:1rem}.profile-photo{border-radius:50%;height:6rem;margin-top:2rem;overflow:hidden;width:6rem}.profile-photo img{bottom:1rem;position:relative;width:100%}.header-content h3{font-family:Inter,sans-serif}.header-content p{margin-bottom:3rem}.page-sections{width:7rem}.page-sections li{margin-bottom:.9rem;padding-block:.2rem;transition:all .1s ease-in-out}.page-sections a{color:#fff}.page-sections li:hover{font-size:1.3rem}@media screen and (min-width:992px){.mobile-menu-close{display:none}header{left:calc(50% - 40.5rem);transition:none}}@media screen and (min-width:992px) and (max-width:1300px){header{left:0}}@media screen and (min-width:992px){.side-bkg{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:9s;animation-duration:9s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:hovering-around;animation-name:hovering-around}}@media screen and (min-width:992px){@-webkit-keyframes hovering-around{0%{top:0}to{top:2rem}}@keyframes hovering-around{0%{top:0}to{top:2rem}}}.landing-section{height:50rem;overflow:hidden;width:100%}.landing-section-background{-webkit-filter:blur(15px);filter:blur(15px);position:relative;transition:-webkit-filter .5s ease-in-out .1s;transition:filter .5s ease-in-out .1s;transition:filter .5s ease-in-out .1s,-webkit-filter .5s ease-in-out .1s;z-index:200}.landing-bkg-animation{-webkit-filter:blur(0);filter:blur(0)}.landing-content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding-left:3rem;position:absolute;top:0;width:100%;z-index:400}.landing-content h1{color:#fff;margin-left:-4rem;margin-top:12rem;opacity:0;transition:all .5s ease-in-out .65s}.landing-content .h1-title-animation{margin-left:0;opacity:1}.landing-content p{margin-left:-4rem;margin-top:1.6rem;opacity:0;transition:all .5s ease-in-out .8s}.landing-content .p-title-animation{margin-left:0;opacity:1}.landing-content button{align-items:center;background:none;border:3px solid #fff;border-radius:13px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:Playfair Display,serif;justify-content:center;margin-top:9rem;opacity:0;padding-block:.7rem;padding-inline:1.7rem;padding-right:1.4rem;transition:all .5s ease-in 1s}.landing-content button img{margin-left:1rem}.landing-content .CV-animation{margin-top:7rem;opacity:1}.landing-content a[href="#about-section"]{margin-top:6rem;margin-inline:auto;transition:all .2s ease-in-out}.landing-content a[href="#about-section"]:hover{margin-top:6.5rem}.landing-content a[href="#about-section"] img{opacity:0;transition:opacity .35s ease-in-out 1.4s}.landing-content a[href="#about-section"] img.down-link-animation{opacity:1}@media screen and (min-width:992px){.landing-content a[href="#about-section"]{margin-inline:0}}.about-section{padding-top:10rem;padding-inline:3rem;position:relative}.about-background{background:linear-gradient(164.39deg,rgba(165,23,23,.2) 17.68%,rgba(139,72,72,0) 79%);height:100%;left:0;margin-top:-10rem;position:absolute;top:0;width:100%}.about-content{margin-left:-2rem;opacity:0;transition:all .7s ease-in-out}.about-animation{margin-left:0;opacity:1}.about-section h3,.about-section p{color:hsla(0,0%,100%,.6);margin-top:2rem}.about-section p{line-height:30px;margin-bottom:2rem;max-width:60ch}@media screen and (min-width:992px){.about-background{background:none}}.services-section{margin-left:-3rem;opacity:0;padding-left:3rem;padding-top:10rem;transition:all .5s ease-in-out}.services-animation{margin-left:0;opacity:1}.services-section h2{margin-bottom:2rem}.services-section p{color:hsla(0,0%,100%,.6);margin-bottom:2rem}.service-cards{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media screen and (min-width:725px){.service-cards{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}}.service-card-cont{margin-top:2rem;position:relative}.service-card-cont,.service-icon{align-items:center;display:flex;flex-direction:column;justify-content:center}.service-icon{height:2rem;position:absolute;top:-1rem;width:4rem}.service-icon:before{border-bottom:1rem solid transparent;top:-1rem}.service-icon:after,.service-icon:before{border-left:1rem solid transparent;border-right:1rem solid transparent;content:"";height:0;left:0;position:absolute;width:2rem}.service-icon:after{border-top:1rem solid transparent;bottom:-1rem;z-index:30}.service-icon img{height:100%;position:relative;width:2rem;z-index:50}.service-card-cont:first-child .service-icon{background-color:#5c85a1}.service-card-cont:first-child .service-icon:before{border-bottom:1rem solid #5c85a1}.service-card-cont:first-child .service-icon:after{border-top:1rem solid #5c85a1}.service-card-cont:nth-child(2) .service-icon{background-color:#e67821}.service-card-cont:nth-child(2) .service-icon:before{border-bottom:1rem solid #e67821}.service-card-cont:nth-child(2) .service-icon:after{border-top:1rem solid #e67821}.service-card-cont:nth-child(3) .service-icon{background-color:#4969d9}.service-card-cont:nth-child(3) .service-icon:before{border-bottom:1rem solid #4969d9}.service-card-cont:nth-child(3) .service-icon:after{border-top:1rem solid #4969d9}.service-body{background-color:#333;border-radius:15px;height:18rem;padding-inline:1rem;text-align:center;width:12rem}.service-card-cont:first-child .service-body{border-bottom:1px solid #5c85a1}.service-card-cont:nth-child(2) .service-body{border-bottom:1px solid #e67821}.service-card-cont:nth-child(3) .service-body{border-bottom:1px solid #4969d9}.service-body h3{color:#fff;font-size:1.1rem;margin-bottom:1rem;margin-top:4rem}.service-body p{font-size:.8rem;letter-spacing:.4px;line-height:22px}.skills-section{margin-left:-3rem;opacity:0;padding-top:10rem;padding-inline:3rem;transition:all .5s ease-in-out}.skills-animation{margin-left:0;opacity:1}.skills-section .skills-subtitle{line-height:30px;margin-top:2rem;max-width:60ch}.skill-card-div{flex-direction:row;flex-wrap:wrap;gap:1.5rem;margin-top:4rem}.skill-card-cont,.skill-card-div{align-items:center;display:flex;justify-content:center}.skill-card-cont{flex-direction:column;margin-top:2rem;position:relative}.skill-card-body,.skill-card-title{border-radius:15px}.skill-card-title{align-items:center;display:flex;flex-direction:column;height:4rem;justify-content:center;position:absolute;top:-2rem;width:8rem}.skill-card-title p{margin-bottom:0}.Advanced .skill-card-title{background-color:#e67821}.Medium .skill-card-title{background-color:#a51717}.Beginner .skill-card-title{background-color:#20bc42}.skill-card-body{background-color:#2c4b52;min-height:6rem;width:24rem}.Advanced .skill-card-body{border-bottom:2px solid #e67821}.Medium .skill-card-body{border-bottom:2px solid #a51717}.Beginner .skill-card-body{border-bottom:2px solid #20bc42}.skill-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin:4rem 3rem 2rem}@media screen and (min-width:992px){.skill-card-div{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}}.education-section{margin-left:-4rem;opacity:0;padding-top:10rem;padding-inline:3rem;transition:all .5s ease-in-out}.education-animation{margin-left:0;opacity:1}.education-level{border-bottom:2px solid hsla(0,0%,100%,.6);margin-top:4rem;max-width:38rem;padding-bottom:1.3rem}.education-content{flex-wrap:wrap;margin-top:4rem}.education-content,.highschool-location{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.highschool-location{margin-bottom:0}.highschool-location>img{margin-bottom:1rem}.highschool-location>p{margin-left:1rem;max-width:30ch}.education-content>p{margin-left:auto}@media screen and (max-width:560px){.education-content>p{margin-left:2.8rem}}.work-section{opacity:0;padding-top:10rem;padding-inline:3rem;-webkit-transform:translateY(-4rem);transform:translateY(-4rem);transition:all .5s ease-in-out}.work-animation{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.workplace{border-bottom:2px solid hsla(0,0%,100%,.6);margin-top:4rem;max-width:38rem}.company-city-time{margin-bottom:1rem;margin-top:2rem}.company-and-city,.company-and-city>*,.company-city-time{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}@media (max-width:560px){.company-city-time{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}}.company-and-city>:nth-child(2){margin-left:3rem}.company-and-city>*>img{margin-bottom:1rem}.company-and-city>*>p{margin-left:1rem}.company-city-time>p{margin-left:auto}@media (max-width:560px){.company-city-time>p{margin-left:2.2rem}}.projects-section{padding-top:10rem;padding-inline:3rem}.project-list{margin-top:4rem;margin-inline:auto;width:400px}@media (min-width:767px){.project-list{margin-inline:0}}.project-list .project{height:300px;overflow:hidden;position:relative;width:19rem;z-index:30}@media (min-width:767px){.project-list .project{height:300px;width:400px}}.project-list .project img{opacity:1;transition:opacity .1s ease-in-out}.project-list .project:hover img{opacity:.3}.project-3 img{left:-20rem;position:absolute;top:-10rem;-webkit-transform:scale(.6);transform:scale(.6)}.tooltiptext{background-color:#000;font-size:.9rem;left:50%;margin-left:-6rem;opacity:0;padding:.5rem;position:absolute;text-align:center;top:20%;transition:opacity .2s ease-in-out;width:12rem;z-index:50}.tooltiptext:after{border:10px solid transparent;border-top-color:#000;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.project-list .project:hover .tooltiptext{opacity:1}footer{padding-block:10rem;padding-inline:3rem}.contact-list,footer>p{margin-top:4rem}.contact-list>*{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.contact-list>*>img{height:100%;width:1.5rem}.contact-list>*>p{margin-bottom:0;margin-left:1.5rem}.social-list{justify-content:flex-start;margin-top:4rem}.social-list,.social-list>*{align-items:center;display:flex;flex-direction:row}.social-list>*{background-color:#333;border-radius:50%;height:2rem;justify-content:center;width:2rem}.social-list>:not(.social-list>:first-child){margin-left:.5rem}.social-list>* img{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:1rem}.form-success-message{margin-top:4rem;width:23rem}#contact-form{margin-top:2rem;width:23rem}#contact-form input{background-color:#333;width:100%}#contact-form input,#contact-form textarea{background-color:#333;border:none;border-radius:10px;color:hsla(0,0%,100%,.6);font-size:.9rem;margin-bottom:1rem;padding:.8rem;width:100%}#contact-form input:-ms-input-placeholder,#contact-form textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.6);font-size:.9rem}#contact-form input::-webkit-input-placeholder,#contact-form textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.6);font-size:.9rem}#contact-form input::placeholder,#contact-form textarea::placeholder{color:hsla(0,0%,100%,.6);font-size:.9rem}#contact-form textarea{max-height:300px;resize:vertical}#contact-form>button{background-color:#a51717;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding-block:.8rem;padding-inline:2rem}*{box-sizing:border-box;font-size:16px;list-style:none;margin:0;padding:0;scroll-behavior:smooth}html{overflow-x:hidden}h1,h2{font-family:Playfair Display,serif}a,h1,h2,h3,li,p{color:#fff}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}a,li,p{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;text-decoration:none}.App-container{background-color:#222;overflow-x:hidden}body::-webkit-scrollbar{width:.25rem}body::-webkit-scrollbar-track{background:#2f2f44}body::-webkit-scrollbar-thumb{background:#ff1336}@media screen and (min-width:992px){h1{font-size:3rem}h2{font-size:2.2rem}h3{font-size:1.8rem}a,p{font-size:1.05rem}.homepage-menu{margin-inline:auto;max-width:1300px;padding-left:20rem}}
/*# sourceMappingURL=main.3ec42705.css.map*/