@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=Poppins:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1d1d1d;background:var(--bg-color);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Poppins,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:#1d1d1d;--bg-color-variant:#4f4e4d;--color-primary:#08fdd8;--color-light:#8d8d8d;--transition:all 600ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:95%}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:600}h1{font-size:5rem;line-height:1.4}section{margin-top:6rem}section>h2{color:#08fdd8;color:var(--color-primary);font-size:3.5rem;margin-bottom:3rem}section>h5{color:#8d8d8d;color:var(--color-light);font-size:1.2rem;font-weight:300}a{color:#fff;text-decoration:none;transition:all .6s ease;transition:var(--transition)}a:hover{color:#08fdd8;color:var(--color-primary)}.text__light{color:#8d8d8d;color:var(--color-light)}.btn{background:none;cursor:pointer;padding:1rem}.btn__primary{border-color:#08fdd8;border-color:var(--color-primary);color:#08fdd8;color:var(--color-primary);font-size:1.1rem;outline:none}.btn__primary:hover{background:#08fdd8;background:var(--color-primary);color:#1d1d1d;color:var(--bg-color);transition:all .6s ease;transition:var(--transition)}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}h1{font-size:4rem;line-height:1.4}.btn__primary{font-size:1.1rem}section>h2{font-size:2.5rem}section>h5{font-size:1rem}}@media screen and (max-width:600px){.container{width:95%;width:var(--container-width-sm)}section>h2{margin-bottom:2rem}h1{font-size:2.5rem;line-height:1.4}.btn__primary{font-size:.8rem}section>h2{font-size:2rem}section>h5{font-size:.7rem}}contact__container,form{display:flex}form{flex-direction:column;gap:1.2rem;margin-bottom:4rem;width:55%}form input,form textarea{background:#2b2b2b;border:none;border-radius:4px;color:#fff;font-size:1.2rem;padding:15px 20px;resize:none;width:100%}@media screen and (max-width:1024px){form{width:80%}}@media screen and (max-width:600px){form{width:100%}form input,form textarea{font-size:.9rem;padding:15px}}header{height:100vh}.header__container{display:flex;flex-direction:column;height:100%;justify-content:center}.header__container h1{font-family:Playfair Display,serif}.header__container span{color:var(--color-primary)}.cta{margin:1.2rem 0}.cta .btn{letter-spacing:.3rem;width:15rem}.header__social{align-items:center;bottom:2rem;display:flex;flex-direction:column;font-size:30px;gap:.8;left:4rem;position:absolute}.header__social:after{background-color:#fff;content:"";height:4rem;width:2px}.scroll__down{bottom:2rem;font-size:14px;font-weight:300;letter-spacing:1px;position:absolute;right:4rem;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.scroll__down .icon{font-size:2rem}@media screen and (max-width:1024px){.header__social{left:3px}.scroll__down{right:3px}}@media screen and (max-width:600px){.header__social{left:3px}.cta .btn{width:10rem}}.portfolio__container{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr}.portfolio-card{grid-column-gap:10rem;align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-content:center;margin-bottom:2rem}.portfolio-card .is_reversed{align-items:center;grid-column:2;grid-row:1}.card__image{height:25rem;margin:0;overflow:hidden;position:relative;transition:opacity .4s ease;width:100%}.card__image img{cursor:pointer;height:100%;object-fit:contain;width:100%}.card__image:focus img,.card__image:hover img{opacity:.6}.card__body h3{font-size:2rem}.card__body h5{color:var(--color-light);font-size:1.4rem}.card__body p{font-size:1.1rem;margin-top:1.2rem}.card__body button{margin-top:2rem}@media screen and (max-width:1024px){.portfolio__container{gap:1rem}.portfolio-card{grid-column-gap:3rem}.card__body h3{font-size:1.4rem}.card__body h5{color:var(--color-light);font-size:1.2rem}.card__body p{font-size:1rem;margin-top:1.2rem}}@media screen and (max-width:600px){.portfolio__container{gap:1rem}.portfolio-card{grid-template-columns:1fr;margin-bottom:0}.card__body h3{font-size:1.2rem}.card__body h5{color:var(--color-light);font-size:1.1rem}.card__body p{font-size:.9rem;margin-top:1.2rem}.portfolio-card .is_reversed{grid-column:1}}.skills__container{grid-gap:2rem;border-radius:20px;box-shadow:0 5px 5px 0 rgba(56,56,56,.5),0 0 0 1px #1f1f1f;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.skills__container>div{display:flex;flex-direction:column;padding:50px 20px}.skills__container>div h3{font-size:2rem;margin-bottom:2rem;text-align:center}.skills__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.skills__frontend{border-right:1px solid rgba(56,56,56,.5)}.skills__details{display:flex;font-size:2rem;gap:1rem}.skills__details>div h4{font-size:1.4rem}.skills__details small{font-size:1.2rem}@media screen and (max-width:1024px){.skills__container{grid-template-columns:1fr}.skills__container>div h3{font-size:1.4rem}.skills__frontend{border-bottom:1px solid rgba(56,56,56,.5);border-right:0}}@media screen and (max-width:600px){.skills__container{grid-template-columns:1fr}.skills__frontend{border-bottom:1px solid rgba(56,56,56,.5);border-right:0}.skills__details{display:flex;font-size:1.2rem;gap:.6rem}.skills__details>div h4{font-size:1rem}.skills__details small{font-size:.6rem}}
/*# sourceMappingURL=main.2a25ff13.css.map*/