*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}:root{--primary-hue:270;--black-lightness:15%;--dark-lightness:44%;--light-lighness:94%;--white-lightness:100%;--color-primary:hsl(var(--primary-hue),89%,41%);--color-white:hsl(0,5%,var(--white-lightness));--color-light:hsl(var(--primary-hue),5%,var(--light-lighness));--color-black:hsl(var(--primary-hue),5%,var(--black-lightness));--container-width-lg:76%;--container-width-md:90%;--border-radius-1:1.2rem;--border-radius-2:0.8rem;--border-radius-3:0.5rem;--transition:all 500ms ease}@supports (color:hsl(0 0% 0%/0)){:root{--color-black:hsl(var(--primary-hue),5%,var(--dark-lightness))}}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;font-size:.9rem;line-height:1.6}.container{margin-inline:auto;max-width:1920px;width:76%;width:var(--container-width-lg)}section{background:#f0eff0;background:var(--color-light);padding:10rem 0;transition:all .5s ease;transition:var(--transition)}section:nth-child(2n){background-color:#fff;background-color:var(--color-white)}section>h2,section>p{text-align:center}section>p{margin:.5rem auto 4rem;width:40%}a{color:#fff;color:var(--color-white);transition:all .5s ease;transition:var(--transition)}h1,h2,h3,h4,h5,h6{color:#706b76;color:var(--color-black);line-height:1.1rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.6rem}h4{font-size:1.1rem}h5{font-size:.95rem}h6{font-size:.8rem}img{display:block;object-fit:cover;width:100%}.btn{align-items:center;background:#f0eff0;background:var(--color-light);border:2px solid transparent;border-radius:.8rem;border-radius:var(--border-radius-2);color:#706b76;color:var(--color-black);cursor:pointer;display:inline-block;display:flex;gap:1rem;padding:.6rem 2.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn:hover{background:transparent;border-color:#f0eff0;border-color:var(--color-light);-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.btn.white{background:#fff;background:var(--color-white)}.btn.white:hover{background:transparent;border-color:#fff;border-color:var(--color-white)}.btn.primary{background:#690cc6;background:var(--color-primary);color:#fff}.btn.primary:hover{background:transparent;border-color:#690cc6;border-color:var(--color-primary);color:#690cc6;color:var(--color-primary)}.btn.sm{padding:.5rem 1.2rem}@media screen and (max-width:1024px){body{font-size:1rem}.container{width:90%;width:var(--container-width-md)}section{padding:8rem 0}section>p{margin-bottom:3rem;width:72%}h1{font-size:2rem}}@media screen and (max-width:600px){h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1rem}.btn{padding:.6rem 1.5rem}section>p{width:90%;width:var(--container-width-md)}}nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-primary);border-left:1rem solid #fff;border-radius:1.5rem;border-right:1rem solid #fff;box-shadow:0 1rem 1.5rem #4e31aa;display:grid;height:4rem;left:10vw;place-items:center;position:fixed;top:1rem;width:80vw;z-index:9}.nav__container{align-items:center;display:flex;justify-content:space-between}.nav__logo{border-radius:40%;overflow:hidden;width:3.5rem}.nav__menu{gap:1rem}.nav__menu,.nav__menu li{align-items:center;display:flex}.nav__menu li{font-weight:600;justify-content:center;width:5rem}.nav__menu li a{padding:8px}.nav__menu li a:hover{background-color:rgba(0,0,0,.4);border-radius:50px;color:aqua;transition:.4s ease-in-out}.nav__themeIcon{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:slidein;animation-name:slidein;-webkit-animation-timing-function:linear;animation-timing-function:linear;border-radius:50%;cursor:pointer}@-webkit-keyframes slidein{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes slidein{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:1024px){.nav__menu{display:none}}header{background:#fff;display:grid;margin-top:7rem;min-height:90vh;place-items:center;transition:var(--transition)}.header__container{align-items:center;display:flex;flex-direction:column}.header__profile{align-items:center;border:8px solid grey;border-radius:12rem 12rem 2rem 2rem;box-shadow:2px 2px 5px grey;margin-bottom:1.5rem;overflow:hidden;width:18rem}.header__container p{margin:.6rem 0 2rem;max-width:50rem;text-align:center}.header__cta{align-items:center;display:flex;gap:1.2rem}.about__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:35% 53%;place-items:center}.about__portrait{border:1rem solid transparent;box-shadow:0 5px 5px grey;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:40rem;overflow:hidden;transition:var(--transition)}.about__portrait:hover{border-color:grey;border-radius:50px;scale:1.2}.about__cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:3rem 0 1.5rem}.card.about__card{text-align:center}.about__cards-icon{align-items:center;border-radius:var(--border-radius-3);color:var(--color-black);display:flex;font-size:1.3rem;margin-inline:auto;padding:.6rem;transition:var(--transition);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card.about__card:hover .about__cards-icon{background:var(--color-primary);color:var(--color-white)}.card.about__card h5{margin:1rem 0}.about__right,.about__right p{margin-bottom:.8rem}.about__right .btn{margin-top:2.5rem}@media screen and (max-width:1024px){.about__left{display:none}.about__container{grid-template-columns:1fr}.about__right h2{text-align:center}}@media screen and (max-width:600px){.about__cards{gap:1rem;grid-template-columns:1fr 1fr}.about__right .btn{margin-top:2rem}}.services__container{grid-gap:2rem 4rem;display:grid;gap:2rem 4rem;grid-template-columns:1fr 1fr}.card.service{align-items:flex-start;display:flex;gap:1rem}.service__icon{align-items:center;background:var(--color-primary);border-radius:var(--border-radius-3);color:var(--color-white);display:flex;font-size:1.5rem;padding:.6rem;transition:var(--transition)}.service:hover .service__icon{background:var(--color-light);color:var(--color-primary)}.service h4{margin-bottom:.7rem}@media screen and (max-width:1024px){.services__container{gap:1.5rem}}@media screen and (max-width:600px){.services__container{gap:1.2rem;grid-template-columns:1fr}.card.service{gap:1.2rem}}.card{background-color:#fff;border:2px solid transparent;border-radius:1rem;padding:1.5rem;transition:.4s ease}.card:hover{background:transparent;border:2px solid #fff;cursor:pointer;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.card.light,.card:hover{background-color:var(--color-light)}.card.light:hover{background:transparent;border:2px solid var(--color-light)}@media screen and (max-width:600px){.card{padding:1.2rem}}.skillContainer{flex-wrap:wrap;gap:2rem;padding:16px}.SkewedCard,.skillContainer{align-items:center;display:flex;justify-content:center}.SkewedCard{border:8px solid #fff;border-radius:4px;box-shadow:0 5px 5px grey;flex-direction:column;overflow:hidden;position:relative;-webkit-transform:skewX(5deg);transform:skewX(5deg);transition:.5s ease;width:360px}.SkewedCard-Image{object-fit:cover;width:100%}.SkewedCard-Name{background-color:rgba(0,0,0,.7);border-radius:8px;padding:8px 16px;position:absolute;top:0;-webkit-transform:translateY(50px);transform:translateY(50px);transition:.3s ease-in-out}.SkewedCard-Name h4{color:#fff}.Progress{background-color:rgba(0,0,0,.7);bottom:0;display:flex;flex-direction:column;height:40%;justify-content:space-between;opacity:0;position:absolute;-webkit-transform:translateY(100px);transform:translateY(100px);transition:.3s ease-in-out;width:100%;z-index:2}.Progress h6{color:#fff;padding-top:8px;text-align:center}.Progress-ProgressBar{background-color:var(--color-primary);border-bottom-right-radius:200px;border-top-right-radius:200px;height:50%;transition:1s ease-in-out;width:0}.SkewedCard:hover{border-color:#000;border-radius:20px;box-shadow:0 0 100px 10px var(--color-primary);outline:var(--color-primary) solid 1px;-webkit-transform:scale(1.5);transform:scale(1.5);z-index:2}.SkewedCard:hover .Progress{opacity:1}.SkewedCard:hover .Progress,.SkewedCard:hover .SkewedCard-Name{-webkit-transform:translateY(0);transform:translateY(0)}.SkewedCard:hover .per20{border-radius:8px;width:20%}.SkewedCard:hover .per30{width:30%}.SkewedCard:hover .per30,.SkewedCard:hover .per40{border-bottom-right-radius:8px;border-top-right-radius:8px}.SkewedCard:hover .per40{width:40%}.SkewedCard:hover .per50{width:50%}.SkewedCard:hover .per50,.SkewedCard:hover .per60{border-bottom-right-radius:8px;border-top-right-radius:8px}.SkewedCard:hover .per60{width:60%}.SkewedCard:hover .per70{width:70%}.SkewedCard:hover .per70,.SkewedCard:hover .per80{border-bottom-right-radius:8px;border-top-right-radius:8px}.SkewedCard:hover .per80{width:80%}.SkewedCard:hover .per90{width:90%}.SkewedCard:hover .per100,.SkewedCard:hover .per90{border-bottom-right-radius:8px;border-top-right-radius:8px}.SkewedCard:hover .per100{width:100%}.SkewedCard:hover .per25{width:25%}.SkewedCard:hover .per25,.SkewedCard:hover .per35{border-bottom-right-radius:8px;border-top-right-radius:8px}.SkewedCard:hover .per35{width:35%}.SkewedCard:hover .per45{width:45%}.SkewedCard:hover .per45,.SkewedCard:hover .per55{border-bottom-right-radius:8px;border-top-right-radius:8px}.SkewedCard:hover .per55{width:55%}.SkewedCard:hover .per65{width:65%}.SkewedCard:hover .per65,.SkewedCard:hover .per75{border-bottom-right-radius:8px;border-top-right-radius:8px}.SkewedCard:hover .per75{width:75%}.SkewedCard:hover .per85{width:85%}.SkewedCard:hover .per85,.SkewedCard:hover .per95{border-bottom-right-radius:8px;border-top-right-radius:8px}.SkewedCard:hover .per95{width:95%}@media screen and (max-width:1024px){.SkewedCard{border-color:#000;border-radius:20px;outline:var(--color-primary) solid 2px;-webkit-transform:none;transform:none;width:100%;z-index:2}.SkewedCard:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.Progress{opacity:1}.Progress,.SkewedCard-Name{-webkit-transform:translateY(0);transform:translateY(0)}.per20{border-radius:8px;width:20%}.per30{width:30%}.per30,.per40{border-bottom-right-radius:8px;border-top-right-radius:8px}.per40{width:40%}.per50{width:50%}.per50,.per60{border-bottom-right-radius:8px;border-top-right-radius:8px}.per60{width:60%}.per70{width:70%}.per70,.per80{border-bottom-right-radius:8px;border-top-right-radius:8px}.per80{width:80%}.per90{width:90%}.per100,.per90{border-bottom-right-radius:8px;border-top-right-radius:8px}.per100{width:100%}.per25{width:25%}.per25,.per35{border-bottom-right-radius:8px;border-top-right-radius:8px}.per35{width:35%}.per45{width:45%}.per45,.per55{border-bottom-right-radius:8px;border-top-right-radius:8px}.per55{width:55%}.per65{width:65%}.per65,.per75{border-bottom-right-radius:8px;border-top-right-radius:8px}.per75{width:75%}.per85{width:85%}.per85,.per95{border-bottom-right-radius:8px;border-top-right-radius:8px}.per95{width:95%}}.projectShowcase{display:flex;justify-content:center;margin-block:24px}.projectShowcase-container{background-color:var(--color-light);border:3px solid transparent;border-radius:24px;display:flex;justify-content:space-between;padding:16px;-webkit-transform:skewX(5deg);transform:skewX(5deg);transition:.3s ease-in-out;width:90%}.projectShowcase-container:hover{background-color:rgba(105,12,198,.04);box-shadow:-10px 10px var(--color-primary);-webkit-transform:translateX(16px);transform:translateX(16px)}.projectShowcase-imageContainer{border:2px solid #fff;border-radius:24px;overflow:hidden;position:relative;transition:.3s ease-in-out;width:25%}.projectShowcase-content{border:3px solid #fff;border-radius:24px;margin:8px;padding:16px;transition:.3s ease-in-out;width:73%}.projectShowcase-container:hover .projectShowcase-content{box-shadow:-5px 5px var(--color-primary)}.projectShowcase-ButtonContainer{background-color:rgba(0,0,0,.6);bottom:0;display:flex;flex-direction:row;gap:8px;justify-content:space-around;padding:16px;position:absolute;-webkit-transform:translateY(150px);transform:translateY(150px);transition:.3s ease-in-out;width:100%}.projectShowcase-ButtonContainer>.secondary:hover{background-color:var(--color-primary);border-color:transparent;color:#fff}.projectShowcase-container:hover .projectShowcase-ButtonContainer{-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width:1024px){.projectShowcase-container{box-shadow:-10px 10px grey;flex-direction:column;-webkit-transform:none;transform:none}.projectShowcase-content{box-shadow:-10px 10px grey;width:100%}.projectShowcase-imageContainer{width:100%}.projectShowcase-ButtonContainer{-webkit-transform:none;transform:none}.projectShowcase{margin-block:5%}}.contact-way{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:6vh;transition:2s ease-in-out}.contact-me{border:8px solid #fff;border-radius:4px;box-shadow:0 5px 5px grey;overflow:hidden;-webkit-transform:skewX(5deg);transform:skewX(5deg);transition:.5s ease;z-index:2}.contact-way>a:hover{background-color:#fff;border-color:transparent;box-shadow:-10px 10px grey;text-align:center;-webkit-transform:translateX(16px) skewX(5deg);transform:translateX(16px) skewX(5deg);transition:.3s ease-in-out}@media screen and (max-width:700px){.contact-me{box-shadow:-10px 10px grey;margin:8px}.contact-way{-webkit-transform:translate(8px) skew(1deg);transform:translate(8px) skew(1deg);transition:none}}.footer-container{align-items:center;background-color:var(--color-primary);display:flex;height:80px;justify-content:center}.footer-container p{color:#fff}
/*# sourceMappingURL=main.19412af6.css.map*/