@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,300&display=swap);header{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;overflow:hidden;padding-top:5rem;text-align:center}.header__container,header{position:relative}.header__title{-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out;color:#fff;font-size:2rem;margin-bottom:2rem}.header__title span{color:#f55353;text-shadow:0 0 20px #fc6767}.cta{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.cta .btn{background-color:rgba(0,0,0,.5)}.header__socials{align-items:center;bottom:82%;display:flex;flex-direction:column;gap:.5rem;left:-1rem;position:absolute;-webkit-transform:translateY(50%);transform:translateY(50%)}.header__socials a{color:#fff;font-size:1.5rem;transition:color .3s ease}.header__socials a:hover{color:#f55353}.header__socials:after{background-color:#fff;content:"";height:2rem;margin-top:.5rem;width:1px}.scroll__down{bottom:82%;color:#fff;font-size:.9rem;position:absolute;right:-1.3rem;text-decoration:none;-webkit-transform:translateY(50%) rotate(90deg);transform:translateY(50%) rotate(90deg)}.scroll__down:hover{color:#f55353}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:1024px){header{height:100vh}.header__socials,.scroll__down{bottom:3rem;display:none}}@media screen and (max-width:600px){header{height:100vh;padding-top:3rem}.header__title{font-size:1.5rem}.header__socials,.scroll__down{display:none}}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.5);border-radius:3rem;bottom:2rem;gap:1rem;left:50%;padding:.7rem 1.7rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}nav,nav a{display:flex}nav a{align-items:center;background:transparent;border-radius:50%;color:var(--color-light);font-size:1.5rem;justify-content:center;padding:.9rem;transition:background .3s ease,color .3s ease}nav a:hover{background:hsla(0,0%,100%,.1)}nav a.active{background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#000}@media screen and (max-width:768px){nav{gap:.7rem;padding:.6rem 1.5rem}nav a{font-size:1.3rem;padding:.8rem}}@media screen and (max-width:480px){nav{gap:.5rem;padding:.5rem 1.2rem}nav a{font-size:1.1rem;padding:.7rem}}.about_container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:1rem}.title{font-size:2.5rem;letter-spacing:2px;padding-top:7rem;text-transform:uppercase}.about-section{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out,-webkit-transform .8s ease-out}.about-section.fadeIn{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.skills_Content{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}.skills_Content p{font-size:1rem;text-align:center}.skillIcon{height:auto;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:80px}.skillIcon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}hr.line,hr.vLine{display:none}.about_Content{font-size:1rem;margin:0 auto;max-width:700px;padding:1rem;text-align:center}.about_Content p{background:rgba(0,0,0,.6);border-radius:1rem;margin-bottom:1rem;padding:1rem}@media screen and (max-width:1024px){.about_container{grid-template-columns:1fr;text-align:center}.skills_Content{gap:1rem}.about_Content{font-size:.9rem;padding:1rem}.about_Content p{padding:.8rem}}@media screen and (max-width:600px){h2{font-size:1.5rem}.skills_Content{gap:.8rem}.skillIcon{width:60px}.about_Content p{font-size:.8rem}}.portfolio_container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto 2rem;padding:1rem}.portfolio_intro{color:var(--color-light);font-size:1.1rem;margin:0 auto 2rem;max-width:700px;text-align:center}.portfolio_item{background:rgba(0,0,0,.6);border:1px solid transparent;border-radius:1.2rem;padding:1.5rem;text-align:center;transition:box-shadow .3s ease,border-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,-webkit-transform .3s ease}.portfolio_item:hover{border-color:#f55353;box-shadow:0 10px 15px rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.portfolio_item-cta .btn:hover{background:var(--color-white);border:1px solid var(--color-bg);color:var(--color-bg)}.portfolio_img img{border-radius:.8rem;height:auto;object-fit:cover;width:100%}.portfolio_item h3{color:var(--color-white);font-size:1.2rem;margin:1rem 0}.portfolio_item-cta{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.portfolio_item-cta .btn{background:var(--color-primary);border-radius:.5rem;color:var(--color-white);font-size:.9rem;padding:.5rem 1rem;text-decoration:none;text-transform:uppercase;transition:background .3s ease}.portfolio_item-cta .btn:hover{background:#fff}.portfolio-section{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out,-webkit-transform .8s ease-out}.portfolio-section.fadeIn{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.portfolio_description{color:var(--color-light);font-size:.95rem;margin-top:.5rem}@media screen and (max-width:1024px){.portfolio_container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media screen and (max-width:600px){.portfolio_container{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:3rem}.portfolio_item{padding:1rem}.portfolio_item-cta{flex-direction:column}.placeholder-img{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:.8rem;color:#ccc;display:flex;font-size:.9rem;font-style:italic;height:180px;justify-content:center}.portfolio_item-cta .btn{font-size:12px;text-align:center;width:100%}.portfolio_item h3{font-size:1rem}}.container.contactContainer{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:2rem auto auto;width:70%}.title{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}.title:after{background:#f55353;border-radius:2px;content:"";display:block;height:3px;margin:.5rem auto 0;opacity:.7;width:20%}.contactOptions{display:flex;flex-direction:column;gap:2rem}.contactOption{background:rgba(0,0,0,.6);border:1px solid transparent;border-radius:1.2rem;padding:1.5rem;text-align:center;transition:border-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,border-color .3s ease;transition:transform .3s ease,border-color .3s ease,-webkit-transform .3s ease}.contactOption:hover{border-color:#f55353;-webkit-transform:translateY(-5px);transform:translateY(-5px)}input:focus,textarea:focus{outline:2px solid #999;outline-offset:2px;transition:outline .2s ease}.contactOption-icon{font-size:2rem;margin-bottom:.5rem}.contactOption a{color:#f55353;display:inline-block;font-size:1rem;margin-top:1rem;text-decoration:none}.contactOption a:hover{text-decoration:underline}form{display:flex;flex-direction:column;gap:1.35rem}input,textarea{background:hsla(0,0%,100%,.1);border:2px solid #f55353;border-radius:.5rem;color:#fff;font-size:1rem;padding:1.2rem;width:100%}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}input::placeholder,textarea::placeholder{color:#aaa}.btn.sendMessage{background-color:#f55353;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 2rem;transition:background-color .3s ease}.contact-section{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out,-webkit-transform .8s ease-out}.contact-section.fadeIn{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.btn.sendMessage:hover{background-color:var(--color-white);border:1px solid var(--color-bg);color:var(--color-bg)}@media screen and (max-width:1024px){.container.contactContainer{grid-template-columns:1fr;margin-top:3rem;width:80%}.contactOptions{align-items:center;display:flex;flex-direction:row;gap:2rem}.contactOption{margin:0 auto;max-width:400px;padding:1.2rem;text-align:center;width:100%}.contactOption h4,.contactOption h5{font-size:1rem;margin:.5rem 0}form{margin:0 auto;max-width:500px;width:100%}}@media screen and (max-width:600px){.container.contactContainer{grid-template-columns:1fr;margin-top:3rem}.contactOptions{display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.contactOption{flex:1 1;min-width:150px;padding:1.2rem;text-align:center}.contactOption h4,.contactOption h5{margin:.5rem 0}.contactOption h5{display:flex;font-size:.6rem;justify-content:center}input,textarea{padding:1rem}.btn.sendMessage{font-size:.9rem;padding:.8rem 1.5rem}}footer{background:rgba(0,0,0,.5);border-top:3px solid #fff;font-size:.9rem;margin-top:30rem;padding:3rem 0;text-align:center}footer a{color:#f55353}.footerLogo{color:#fff;display:inline-block;font-size:2rem;font-weight:500;margin-bottom:2rem}.permalinks{flex-wrap:wrap;gap:2rem;margin:0 auto 3rem}.footerSocials,.permalinks{display:flex;justify-content:center}.footerSocials{gap:1rem;margin-bottom:4rem}.footerSocials a{background:rgba(0,0,0,.5);border:1px solid #fff;border-radius:.7rem;color:var(--color-white);display:flex;padding:.8rem}.footerSocials a:hover{background:#fff;color:#000}.footerCopyright{color:#f55353;margin-bottom:4rem}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#7a2d2d;--color-bg-variant:#2c2c6c;--color-primary:#f55353;--color-primary-variant:rgba(77,181,255,.4);--color-white:#fff;--color-light:hsla(0,0%,100%,.6);--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#1a1919;background-repeat:no-repeat;background-size:contain;color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{height:80vh;margin-top:2rem}section>h2,section>h5{color:hsla(0,0%,100%,.6);color:var(--color-light);text-align:center}section>h2{border-left:#fff;border-right:#fff;border-top:#fff;border-color:#fff;color:#fff;margin-bottom:3rem}.text-light{color:hsla(0,0%,100%,.6);color:var(--color-light)}a{color:#f55353;color:var(--color-primary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#fff;color:var(--color-white)}.btn{border:1px solid #f55353;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background-color:#fff;border-color:transparent;color:#7a2d2d;color:var(--color-bg)}.btn-primary{background:rgba(0,0,0,.5);border-color:#fff;color:#fff}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{height:80vh}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-top:2rem}section{height:80vh}}
/*# sourceMappingURL=main.85ce5da6.css.map*/