.custom-language-select{display:flex;flex-direction:column;gap:.5rem}.custom-language-select span{color:#fff;font-family:Montserrat,Arial,sans-serif}.custom-language-select label.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.translation-button{background-color:#0000;border:2px solid #f3eded;font-size:1rem;min-width:fit-content;padding:0 .5rem}.translation-button option{background-color:#f3eded;color:#0f0909}nav{align-items:center;display:flex;justify-content:space-evenly}nav a{padding:.8rem}nav a:hover{text-decoration:none}nav a.active{color:#98dfaf;font-weight:600}nav .nav-btn{align-items:center;display:flex;height:2.5rem;justify-content:center;width:2.5rem}nav .nav-btn .hamburger-menu{background:none;border:none;cursor:pointer;height:inherit;width:inherit}nav .nav-btn button{font-size:large}@media(max-width:768px){nav .nav-btn{display:block}}nav .nav-sidebar{background-color:#fff;box-shadow:-4px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;padding:20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;visibility:hidden;width:70%;z-index:1000}nav .nav-sidebar.open{transform:translateX(0);visibility:visible}nav .nav-sidebar .close-btn{align-self:flex-start;background:none;border:none;color:#000;cursor:pointer;font-size:24px}nav .nav-sidebar .sidebar-links{display:flex;flex-direction:column;margin-top:20px}nav .nav-sidebar .sidebar-links a{color:#333;font-size:18px;padding:10px 0;text-decoration:none}nav .nav-sidebar .sidebar-links a:hover{text-decoration:underline}nav .nav-sidebar .sidebar-links a.active{color:#98dfaf;font-weight:700}@media(max-width:768px){nav .nav-links{display:none}}header{align-items:center;background-color:#0f0909;color:#fff;display:flex;flex-direction:row;height:auto;justify-content:space-between;margin-bottom:100px;padding:1.5rem;position:sticky;top:0;transition:all .3s ease-in-out;width:100%;z-index:1000}header .header-title{display:flex;flex-direction:column}header .header-title h1{margin:0;text-transform:uppercase}header .header-content{display:flex;gap:1rem}header .header-content nav{gap:.5rem}@media only screen and (max-width:768px){header .header-content nav{order:2}}.footer-container{background-color:#0f0909;color:#98dfaf;display:grid;padding:2rem}.footer-container .footer-top{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr}.footer-container .footer-top .footer-links,.footer-container .footer-top .footer-socials{display:flex;flex-direction:column;gap:.875rem;width:fit-content}.footer-container .footer-top .footer-links a,.footer-container .footer-top .footer-socials a{transition:all .3s ease}.footer-container .footer-top .footer-links a:hover,.footer-container .footer-top .footer-socials a:hover{-webkit-text-decoration:underline solid #98dfaf;text-decoration:underline solid #98dfaf;transform:translateX(1rem)}.footer-container .footer-bottom,.footer-container .footer-cta{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem}.footer-container p{color:#fff}.footer-container .footer-block{margin:60px}.img-container{align-items:center;display:flex;justify-content:center}.img-container img{object-fit:cover}.img-container.img--round img{border-radius:50px}.btn{align-items:center;background-color:#0000;border:1px solid #000;box-shadow:8px 8px 0 0 #000;cursor:pointer;display:flex;font-size:1.5rem;gap:1rem;height:auto;justify-content:center;padding:1rem;transition:all .15s ease-out;width:auto}@media only screen and (max-width:768px){.btn{font-size:1.125rem;padding:.875rem}}@media only screen and (max-width:640px){.btn{font-size:.875rem}}.btn:active,.btn:focus,.btn:hover{background-color:#0f0909;border-radius:4px;box-shadow:none;color:#fff;font-weight:600;padding:1rem;scale:1.025}.btn svg{height:2rem;width:2rem}@media only screen and (max-width:768px){.btn svg{height:1.5rem;width:1.5rem}}@media only screen and (max-width:640px){.btn svg{height:1.125rem;width:1.125rem}}.btn-toTop{border:1px solid #000;border-radius:50%;bottom:10%;box-shadow:4px 4px 0 0 #000;opacity:.3;position:fixed;right:5%;transition:all .2s ease}.btn-toTop svg{height:1rem;width:1rem}.btn-toTop:hover{opacity:1}.btn-carousel,.btn-carousel__next,.btn-carousel__prev{border:none;box-shadow:none;opacity:.5;padding:.5rem;position:absolute;text-shadow:2px 2px 2px #000;top:50%;transition:all .25s ease-in}.btn-carousel:active,.btn-carousel:hover,.btn-carousel__next:active,.btn-carousel__next:hover,.btn-carousel__prev:active,.btn-carousel__prev:hover{opacity:1}.btn-carousel svg,.btn-carousel__next svg,.btn-carousel__prev svg{color:#d3d3d3}.btn-carousel__prev{left:5%}.btn-carousel__next{right:5%}.heroSection{grid-gap:2rem;display:grid;gap:2rem;grid-template-areas:none;grid-template-columns:1fr 1fr;margin-bottom:100px;margin-left:60px;margin-right:60px}@media only screen and (max-width:768px){.heroSection{grid-template-columns:1fr}}.heroSection .about-container{display:flex;flex-direction:column;justify-content:flex-start}@media only screen and (max-width:768px){.heroSection .about-container{align-items:center}}.heroSection .about-container h2{font-size:3rem;margin-bottom:2.5rem;text-decoration:none;width:auto}@media only screen and (max-width:768px){.heroSection .about-container h2{font-size:2.5rem}}@media only screen and (max-width:640px){.heroSection .about-container h2{font-size:2rem}}.heroSection .about-container h2 strong{color:#98dfaf;font-size:3.5rem;font-weight:700}@media only screen and (max-width:768px){.heroSection .about-container h2 strong{font-size:3rem}}@media only screen and (max-width:640px){.heroSection .about-container h2 strong{font-size:2.5rem}}.heroSection .about-container .paragraph-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.heroSection .about-container .paragraph-container p{font-size:1.25rem}@media only screen and (max-width:768px){.heroSection .about-container .paragraph-container p{font-size:1rem}}@media only screen and (max-width:640px){.heroSection .about-container .paragraph-container p{font-size:.875rem}}.heroSection .about-container .btn-container{grid-column-gap:2rem;grid-row-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}@media only screen and (max-width:768px){.heroSection .about-container .btn-container{grid-template-columns:1fr;width:60%}}.heroSection .img-container{align-items:center;display:flex;justify-content:center;margin-top:2rem}@media only screen and (max-width:768px){.heroSection .img-container{display:none}}.heroSection .img-container img{border-radius:10px;height:auto;width:100%}.rating-bar__container{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr 4fr 4fr;margin-bottom:1rem}.rating-bar__container--label{font-size:1.5rem;padding-right:1rem}.rating-bar__container--icon{height:3rem;width:3rem}.rating-bar__container--bar{align-items:center;border:2px solid #d3d3d3;border-radius:4px;display:flex;gap:5px;justify-content:center;padding:5px;transition:all .15s ease-in;width:max-content}.star{color:#d3d3d3;height:1.5rem;width:1.5rem}.star.star-filled{color:blue}.star.star-filled__orange{color:orange}.star.star-filled__HTML{color:#e34d26}.star.star-filled__CSS{color:#0070bb}.star.star-filled__Javascript{color:#f0db4f}.star.star-filled__React{color:#087ea4}.star.star-filled__Sass{color:#cd6aa0}.star.star-filled__Node{color:#5da34f}.star.star-filled__MongoDB{color:#6ab356}.star.star-filled__Express{color:#2c2f2e}.star.star-filled__Wordpress{color:#00749c}.svg__HTML{color:#e34d26}.svg__CSS{color:#0070bb}.svg__JS{color:#f0db4f}.svg__React{color:#087ea4}.svg__Sass{color:#cd6aa0}.svg__Node{color:#5da34f}.svg__MongoDB{color:#6ab356}.svg__Gulp{color:#d04347}.svg__Git{color:#ee4334}.svg__Npm{color:#ca3232}.svg__Express{color:#2c2f2e}.svg__Wordpress{color:#00749c}.skills-section{background-color:#f3eded;margin-bottom:100px;padding:1.5rem}.skills-section .skills-container .skills-block{margin-bottom:1rem;padding:1.5rem}.skills-section .skills-container .skills-block__content--list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media only screen and (max-width:1024px){.skills-section .skills-container .skills-block__content--list{grid-template-columns:1fr 1fr}}@media only screen and (max-width:768px){.skills-section .skills-container .skills-block__content--list{grid-template-columns:1fr}}.skills-section .tools-container .tools-block{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:1rem;padding:1rem}.skills-section .tools-container .tools-block__content{margin-bottom:1rem}.skills-section .tools-container .tools-block__content--list{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.skills-section .tools-container .tools-block__content--list li{align-items:center;display:flex;flex-direction:column;text-align:center}.skills-section .tools-container .tools-block__content--list svg{height:3rem;width:3rem}.skills-section .learning-container{padding:1rem}.skills-section .learning-container ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:1rem}.skills-section li{font-family:monospace}.services-section{margin-bottom:100px;margin-left:60px;margin-right:60px}.services-section h2{margin-bottom:2rem}.services-section h3{margin-bottom:.875rem;width:auto}.services-section .services-wrapper{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 2rem}@media only screen and (max-width:768px){.services-section .services-wrapper{grid-template-columns:1fr}}.services-section .services-wrapper .services-container{background-color:#e4e4e4;border-radius:4px;padding:1.5rem}.services-section .services-wrapper .services-container ul li{list-style:inside;padding:.5rem}.services-section .services-icon{height:12rem;margin-bottom:1rem;width:12rem}.tags-wrapper{width:100%}.tags-wrapper h4{border-top:1px solid #000;margin-bottom:10px;padding-top:10px;width:20%}.tags-wrapper span{border:1px solid #000;border-radius:0 4px 0 4px;font-family:Montserrat,Arial,sans-serif;padding:5px;transition:all .25s ease-in}.tags-wrapper span:hover{box-shadow:inset 10em 0 0 0 #000;color:#fff}.tags-wrapper .tags-container{column-gap:1rem;display:flex;flex-direction:row;row-gap:.875rem}.card-wrapper{grid-gap:1rem;border-radius:8px;box-shadow:0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d;box-sizing:border-box;cursor:pointer;display:grid;filter:grayscale(.8);gap:1rem;margin-bottom:2rem;max-width:100%;transition:all .25s ease;width:100%}@media only screen and (max-width:768px){.card-wrapper{filter:grayscale(0)}}@media only screen and (max-width:640px){.card-wrapper{gap:.5rem}}.card-wrapper:hover{box-shadow:0 30px 60px -12px #32325d4d,0 18px 36px -18px #00000059;filter:grayscale(0)}.card-wrapper .card-image{border-radius:8px 8px 0 0;height:400px;max-width:100%}.card-wrapper .card-image img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.card-wrapper .card-content{padding:1rem;width:100%}.card-wrapper .card-content p{margin-bottom:2rem}.card-wrapper .card-content .tags-wrapper{margin-bottom:1rem;width:100%}.card-wrapper.visible{animation-duration:1s;animation-iteration-count:1;animation-name:fadeInCard}.carousel-container{position:relative}.carousel-container,.carousel-container .carousel-images{height:inherit;width:inherit}.carousel-container .carousel-images .carousel-image{display:block;height:inherit;width:inherit}.carousel-container .carousel-images .carousel-image__hidden{display:none}.carousel-container .carousel-images .carousel-image__counter{bottom:5%;color:#fff;font-family:monospace;font-weight:600;left:50%;opacity:.5;position:absolute;text-shadow:1px 1px 1px #000;transition:all .25s ease-in}.carousel-container .carousel-images .carousel-image__counter:hover{opacity:1}.modal-overlay{align-items:center;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.modal-overlay .modal-wrapper{animation:fadeInFromTop .25s ease-in;background-color:#f3eded;border:1px solid rgba(0,0,0,.533);border-radius:1rem;height:80vh;max-width:1200px;overflow:hidden;padding:1.5rem;position:relative;width:80vw}@media only screen and (max-width:768px){.modal-overlay .modal-wrapper{height:90vh;width:90vw}}@media only screen and (max-width:640px){.modal-overlay .modal-wrapper{height:95vh;width:100vw}}.modal-overlay .modal-wrapper .modal-topbar{display:flex;justify-content:end;margin-bottom:1rem}.modal-overlay .modal-wrapper .modal-topbar .btn-close-modal{align-items:center;display:flex;height:2rem;justify-content:center;width:2rem}@media only screen and (max-width:768px){.modal-overlay .modal-wrapper .modal-topbar .btn-close-modal{height:1.5rem;width:1.5rem}}@media only screen and (max-width:640px){.modal-overlay .modal-wrapper .modal-topbar .btn-close-modal{height:1.125rem;width:1.125rem}}.modal-overlay .modal-wrapper .modal-content{background:inherit;display:grid;height:100%;overflow-y:auto;width:100%}.modal-overlay .modal-wrapper .modal-content__image{height:400px;margin-bottom:2rem;max-height:40%;padding:1rem;width:100%}.modal-overlay .modal-wrapper .modal-content__image img{border-radius:4px;height:100%;object-fit:cover;width:100%}.modal-overlay .modal-wrapper .modal-content__text{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:2rem;padding:2rem}.modal-overlay .modal-wrapper .modal-content__text--title{margin-bottom:1rem}.modal-overlay .modal-wrapper .modal-content__text h2{margin-bottom:2rem;width:auto}.modal-overlay .modal-wrapper .modal-content__text p{margin-bottom:1.5rem}.modal-overlay .modal-wrapper .modal-content__text .tags-wrapper{margin-top:.5rem}.modal-overlay .modal-wrapper .modal-content__links{display:flex;gap:2rem;margin:2rem}.projects-container{grid-column-gap:4rem;grid-row-gap:3rem;box-sizing:border-box;column-gap:4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin:0 auto;padding:60px;row-gap:3rem;width:100%}@media only screen and (max-width:768px){.projects-container{grid-template-columns:1fr;padding:40px}}.projects-section{margin-bottom:100px}.projects-section__title{background-color:#0f0909;padding:1rem}.projects-section__title h2{color:#fff;margin-bottom:0}.contact-section__clipboard{display:grid;padding:1rem}.contact-section__clipboard h3{justify-self:center}.contact-section .contact-form__block{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.contact-section .contact-form__block input,.contact-section .contact-form__block textarea{padding:1rem}.contact-section .contact-form__submit{display:flex;justify-content:center;margin-top:3rem}.contact-section .contact-form__submit input{background-color:#0000;border:1px solid #0f0909;border-radius:4px;box-shadow:none;color:#0f0909;cursor:pointer;font-family:Montserrat,Arial,sans-serif;padding:1rem 2rem;transition:all .2s ease-in}.contact-section .contact-form__submit input:focus,.contact-section .contact-form__submit input:hover{box-shadow:inset 10rem 1px 1px 1px #0f0909;color:#fff;font-weight:600}.contact-section h3{align-self:center}.errorMsg{animation:fadeIn .15s ease;color:#e40d0d;font-family:monospace;font-weight:700}.contact-section{display:flex;flex-direction:column;margin-bottom:100px;margin-left:60px;margin-right:60px}.contact-section__clipboard{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5rem}.contact-section__clipboard button{margin-left:1rem}.contact-section__clipboard span{font-family:monospace;font-size:1.5rem;font-weight:600;margin-top:1.5rem}.home-container{display:grid;height:auto;max-width:1440px;min-width:320px;width:100vw}.error-page-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin:4rem;max-height:100svh;width:auto}.error-page-container .page-content{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:auto;width:80%}.error-page-container .page-content h2{text-align:center}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-150px);visibility:hidden}50%{opacity:.75;visibility:visible}to{opacity:1;transform:translateY(0)}}@keyframes fadeInCard{0%{opacity:0;transform:translateY(-50px);visibility:hidden}50%{opacity:.5;transform:translateY(0)}to{opacity:1;transform:translateY(0);visibility:visible}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%{scale:1;transform:translateY(0)}50%{scale:1.1;transform:translateY(-10px)}to{scale:1;transform:translateY(0)}}*{font:inherit;margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:100%;hanging-punctuation:first last}body{margin:auto;max-width:1440px;min-height:100svh;padding:0}img,picture,video{display:block;max-width:100%}svg{align-items:center;display:flex;height:100%;justify-content:center;width:100%}h1,h2,h3,h4,h5,h6,li,p{text-wrap:balance}li,p{text-wrap:pretty;font-size:1rem;line-height:1.5;max-width:75ch}li{list-style:none}@media(prefers-reduced-motion:no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:3rem}}h1,h2,h3,h4,h5,h6{text-wrap:stable;font-family:Montserrat,Arial,sans-serif}em,input,li,p,span,strong{font-family:Montserrat,Courier New,Courier,monospace}h1,h2,h3{font-weight:600;line-height:1.2;margin-bottom:1.5rem;margin-top:0;width:fit-content}h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}@media only screen and (max-width:768px){h1{font-size:1.75rem}}h2{font-size:1.75rem;margin-bottom:1rem;text-decoration:underline;text-transform:uppercase}h3{font-size:1.25rem;margin-bottom:1.5rem}h4{font-weight:600;margin-bottom:1rem}a,a:active,a:visited{color:inherit;font-family:Montserrat,Arial,sans-serif;font-size:1.75rem;text-decoration:none}@media only screen and (max-width:1024px){a,a:active,a:visited{font-size:1.25rem}}@media only screen and (max-width:768px){a,a:active,a:visited{font-size:1rem}}a:active:hover,a:hover,a:visited:hover{font-weight:600}button,option,select{color:inherit;font-family:Montserrat,Arial,sans-serif;font-size:1rem}@media only screen and (max-width:640px){button,option,select{font-size:.75rem}}p,span{color:#0f0909;font-size:1rem}@media only screen and (max-width:768px){p,span{font-size:.75rem}}em,strong{font-size:1.25rem}@media only screen and (max-width:768px){em,strong{font-size:1rem}}label{font-family:Montserrat,Arial,sans-serif;font-size:1rem;font-weight:600}@media only screen and (max-width:768px){label{font-size:.75rem}}
/*# sourceMappingURL=main.e888fbba.css.map*/