*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}html{height:100%;overflow:hidden;position:fixed}body{height:100vh;overflow-x:hidden;overflow-y:auto;width:100vw}.app-container{background-color:#111;color:#fff;display:flex;height:100dvh;justify-content:space-between;overflow-y:hidden;position:relative;width:100vw}.app-container .mobile-button{display:none}@media screen and (max-width:991px){.app-container .mobile-button{display:flex;position:absolute;right:16px;top:16px;z-index:9}.app-container .mobile-button button{background-color:#2b2a2a;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px}}@keyframes changeTab{0%{height:0;width:100%}50%{height:100%;width:100%}to{height:0;width:100%}}.app-container .animation-dark{animation-iteration-count:1;z-index:10}.app-container .animation-dark,.app-container .animation-dark-second{animation-duration:1s;animation-name:changeTab;background-color:#252525;position:absolute}.app-container .animation-dark-second{animation-delay:.5s;animation-iteration-count:1;z-index:11}.app-container .animation-orange{animation-delay:.25s;animation-iteration-count:1;z-index:10}.app-container .animation-orange,.app-container .animation-orange-second{animation-duration:1s;animation-name:changeTab;background-color:#ffb400;position:absolute}.app-container .animation-orange-second{animation-delay:.75s;animation-iteration-count:1;z-index:11}.sidemenu-container{display:flex;flex-direction:column;justify-content:center;padding-right:32px;transition:width .3s}.sidemenu-container .sidemenu-buttons{display:flex;flex-direction:column;gap:32px}.sidemenu-container .active{background-color:#ffb400}@media screen and (max-width:991px){.sidemenu-container{display:flex;justify-content:flex-start;overflow-y:auto;padding:32px 0;position:absolute;transition:width .3s}.sidemenu-container.open{background-color:#2b2a2a;height:100%;padding-left:16px;padding-right:16px;padding-top:16px;transition:width .3;width:100vw;z-index:8}.sidemenu-container.open .sidemenu-buttons{display:flex;gap:32px}.sidemenu-container.open .sidemenu-buttons .active{background:#0000;color:#ffb400}.sidemenu-container.close{background-color:#2b2a2a;height:100%;transition:width .3s;width:0}.sidemenu-container.close .sidemenu-buttons{opacity:0;transition:opacity .3s;visibility:hidden}}@media(orientation:landscape)and (max-width:991px){.sidemenu-container{padding-top:16px}.sidemenu-container .sidemenu-buttons{gap:16px;overflow-y:hidden}}@media screen and (min-width:992px){.button-container{position:relative;-webkit-user-select:none;user-select:none}.button-container:hover div{background-color:#ffb400;transition:.3s ease-in-out;width:120px}.button-container:hover div span{opacity:1;transition:.3s ease-in-out}.button-container:hover button{background-color:#ffb400}.button-container button{align-items:center;background-color:#2b2a2a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;gap:16px;height:48px;justify-content:center;padding:0 16px;transition:.1s ease-in-out;width:48px}.button-container button:hover{background-color:#ffb400}.button-container button svg{z-index:2}.button-container button .button-mobile{display:none}.button-container .expanded-side{align-items:center;border-bottom-left-radius:25px;border-top-left-radius:25px;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:28px;top:0;transition:.1s ease-in-out;width:0;z-index:1}.button-container .expanded-side span{opacity:0}}@media screen and (max-width:991px){.button-container{border-bottom:1px solid #333}.button-container,.button-container button{align-items:center;cursor:pointer;display:flex}.button-container button{background:#0000;border:none;border-radius:0;color:#fff;gap:16px}.button-container button svg{height:32px;width:32px}.button-container button span{font-size:20px}.button-container .expanded-side{display:none}}.homepage-container{align-items:center;animation-duration:1s;animation-name:changeContent;animation-timing-function:linear;background:linear-gradient(76deg,#ffb400 25.1%,#0000 25.2%);display:flex;justify-content:space-between;padding:0 40px;width:100%;z-index:0}.homepage-container .homepage-image img{border-radius:40px;box-shadow:0 3px 32px #111;height:90vh;max-width:30vw;object-fit:cover;object-position:0 30%;width:auto}.homepage-container .homepage-text-container{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;width:100%}.homepage-container .homepage-text-container .homepage-title{font-size:20px;width:500px}.homepage-container .homepage-text-container .homepage-title .colored-title{color:#ffb400}.homepage-container .homepage-text-container .homepage-text{line-height:2;width:500px}.homepage-container .homepage-text-container .homepage-button{width:500px}.homepage-container .homepage-text-container .homepage-button button{align-items:center;background-color:#2b2a2a;border:1px solid #ffb400;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:18px;gap:16px;height:48px;padding:0 16px;transition:.3s}.homepage-container .homepage-text-container .homepage-button button:hover{background-color:#ffb400}@media screen and (max-width:1300px){.homepage-container{justify-content:space-evenly;padding:0 5px}.homepage-container .homepage-text-container .homepage-title{font-size:16px;width:400px}.homepage-container .homepage-text-container .homepage-button,.homepage-container .homepage-text-container .homepage-text{width:400px}}@media screen and (max-width:991px){.homepage-container{background:none;flex-direction:column;justify-content:space-evenly}.homepage-container .homepage-image img{border:3px solid #2b2a2a;border-radius:135px;height:270px;max-width:-moz-fit-content;max-width:fit-content;width:270px}.homepage-container .homepage-text-container{text-align:center}.homepage-container .homepage-text-container .homepage-button{display:flex;justify-content:center}.homepage-container .homepage-text-container .homepage-button button{border-radius:25px}}@media screen and (max-width:576px){.homepage-container{height:auto;justify-content:center;padding:0 16px}.homepage-container .homepage-image img{display:none}.homepage-container .homepage-text-container{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.homepage-container .homepage-text-container .homepage-title{font-size:16px;width:90vw}.homepage-container .homepage-text-container .homepage-button,.homepage-container .homepage-text-container .homepage-text{width:90vw}.homepage-container .homepage-text-container .homepage-button{justify-content:flex-start}}@media(orientation:landscape)and (max-width:991px){.homepage-container{flex-direction:row}.homepage-container .homepage-text-container{width:50%}.homepage-container .homepage-text-container .homepage-title{font-size:14px}.homepage-container .homepage-text-container .homepage-text{line-height:1.6}.homepage-container .homepage-image{align-items:center;display:flex;justify-content:center}.homepage-container .homepage-image img{height:200px;width:200px}.homepage-container .homepage-text-container{gap:8px}}.about-container{align-items:center;animation-duration:1s;animation-name:changeContent;animation-timing-function:linear;display:flex;flex-direction:column;gap:10%;overflow-y:auto;padding:40px 0;scrollbar-width:none;width:100%}.about-container ::-webkit-scrollbar{display:none}.about-container .about-title{align-items:center;display:flex;justify-content:center;position:relative}.about-container .about-title h1{color:#212121;font-size:120px;font-weight:900;letter-spacing:8px;-webkit-user-select:none;user-select:none;z-index:1}.about-container .about-title .about-front-title{display:flex;gap:8px;position:absolute;z-index:2}.about-container .about-title .about-front-title h2{font-size:60px;font-weight:900}.about-container .about-title .about-front-title .colored-title{color:#ffb400}.about-container .about-info{align-items:center;display:flex;flex-direction:column;gap:40px;width:40%}.about-container .about-info h2{font-size:32px}.about-container .about-info .about-image{display:none}.about-container .about-info .about-details{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.about-container .about-info .about-details .about-details-row{display:flex;flex-direction:column;gap:16px}.about-container .about-info .about-details .about-details-row .about-details-item{color:#b3b3b3}.about-container .about-info .about-details .about-details-row .about-details-item .about-details-text{color:#fff;font-weight:700}.about-container .about-info .about-button button{background-color:#2b2a2a;border:1px solid #ffb400;border-radius:25px;height:48px;padding:0 16px;transition:.3s}.about-container .about-info .about-button button:hover{background-color:#ffb400}.about-container .about-info .about-button button a{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:8px;text-decoration:none}.about-container .about-experience-container{display:flex;flex-direction:column;gap:40px;width:100%}.about-container .about-experience-container h2{font-size:32px;text-align:center}.about-container .about-experience-container .about-experience{display:flex;flex-direction:row;justify-content:space-evenly}.about-container .about-experience-container .about-experience .about-experience-row{display:flex;flex-direction:column;gap:16px}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item{display:flex;flex-direction:row;gap:16px}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .icon-container{align-items:center;display:flex;flex-direction:column}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .icon-container svg{background-color:#ffb400;border-radius:20px;height:40px;padding:8px;width:40px}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .icon-container hr{border:none;border-left:1px solid gray;height:100%;opacity:1;width:0}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .item-container{display:flex;flex-direction:column;gap:16px}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .item-container .item-period{color:#a9a9a9;display:flex;font-weight:600;justify-content:flex-start}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .item-container .item-period span{background-color:#212121;border-radius:10px;padding:0 8px}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .item-container .item-position{align-items:center;display:flex;gap:8px;width:500px}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .item-container .item-position h4{color:#a9a9a9}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .item-container .item-description{height:90px;width:500px}.about-container .about-skills-container{display:flex;flex-direction:column;gap:40px}.about-container .about-skills-container h2{font-size:32px;text-align:center}.about-container .about-skills-container .about-skills{display:flex;flex-direction:column;gap:16px}.about-container .about-skills-container .about-skills .about-skills-item{display:flex;flex-direction:column}.about-container .about-skills-container .about-skills .about-skills-item h3{font-size:24px}.about-container .about-skills-container .about-skills .about-skills-item span{color:#a9a9a9;font-size:16px}.about-container hr{border:none;border-top:1px solid gray;opacity:.3;width:25%}@media screen and (max-width:1400px){.about-container .about-info{width:60%}.about-container .about-info .about-details{justify-content:space-between}.about-container .about-skills-container{padding:0 40px}.about-container .about-experience-container .about-experience{align-items:center;flex-direction:column}}@media screen and (max-width:991px){.about-container .about-info{width:100%}.about-container .about-info .about-details{justify-content:space-evenly}.about-container .about-button button{border-radius:25px}}@media screen and (max-width:576px){.about-container{gap:40px;margin-top:48px;overflow-y:auto;padding:0}.about-container .about-title h1{display:none}.about-container .about-title .about-front-title{background-color:#2b2a2a;padding:4px 16px;position:fixed;top:0;width:100%}.about-container .about-title .about-front-title h2{font-size:32px}.about-container .about-info{width:100%}.about-container .about-info h2{font-size:22px;text-align:center}.about-container .about-info .about-image{display:flex}.about-container .about-info .about-image img{border:3px solid #2b2a2a;border-radius:100px;height:200px;object-fit:cover;object-position:0 30%;width:200px}.about-container .about-info .about-details{gap:8px}}@media screen and (max-width:576px)and (max-width:330px){.about-container .about-info .about-details{flex-direction:column;text-align:center}}@media screen and (max-width:576px){.about-container .about-info .about-details .about-details-row .about-details-item{display:flex;flex-direction:column;font-size:16px;gap:0}}@media screen and (max-width:576px)and (max-width:400px){.about-container .about-info .about-details .about-details-row .about-details-item{font-size:14px}}@media screen and (max-width:576px){.about-container .about-skills-container h2{font-size:22px}.about-container .about-skills-container .about-skills .about-skills-item h3{font-size:20px}.about-container .about-experience-container{padding:0 8px}.about-container .about-experience-container h2{font-size:22px}.about-container .about-experience-container .about-experience,.about-container .about-experience-container .about-experience .about-experience-row{gap:24px}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item{padding-bottom:20px}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .item-container{gap:8px}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .item-container .item-position{align-items:flex-start;flex-direction:column;width:auto}.about-container .about-experience-container .about-experience .about-experience-row .about-experience-item .item-container .item-description{height:auto;width:auto}}.portfolio-container{align-items:center;animation-duration:1s;animation-name:changeContent;animation-timing-function:linear;display:flex;flex-direction:column;gap:10%;overflow-y:auto;padding:40px 0;scrollbar-width:none;width:100%}.portfolio-container ::-webkit-scrollbar{display:none}.portfolio-container .portfolio-title{align-items:center;display:flex;justify-content:center;position:relative}.portfolio-container .portfolio-title h1{color:#212121;font-size:120px;font-weight:900;letter-spacing:16px;-webkit-user-select:none;user-select:none;z-index:1}.portfolio-container .portfolio-title .portfolio-front-title{display:flex;gap:8px;position:absolute;z-index:2}.portfolio-container .portfolio-title .portfolio-front-title h2{font-size:60px;font-weight:900}.portfolio-container .portfolio-title .portfolio-front-title .colored-title{color:#ffb400}.portfolio-container .portfolio-projects{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr)}.portfolio-container .portfolio-projects .project-card-container .project-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;cursor:pointer;height:300px;max-height:25vh;max-width:30vw;width:400px}.portfolio-container .portfolio-projects .project-card-container .project-image h1{align-items:center;display:flex;height:0;justify-content:center;max-height:25vh;max-width:30vw;opacity:0;padding-top:16px;transition:.3s ease-out;width:400px}.portfolio-container .portfolio-projects .project-card-container .project-image:hover h1{background-color:#ffb400;border-radius:16px;height:300px;max-height:25vh;max-width:30vw;opacity:1;transition:height .3s ease-out;width:400px}.portfolio-container .modal-background{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2}.portfolio-container .modal-background button{background:#0000;border:none;position:absolute;right:8px;top:8px}.portfolio-container .modal-background button svg{color:#adadad;height:48px;transition:.5s;width:48px}.portfolio-container .modal-background button svg:hover{color:#fff}.portfolio-container .modal-background .modal-container{align-items:center;background-color:#212121;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:16px}.portfolio-container .modal-background .modal-container h1{color:#ffb400;text-align:center}.portfolio-container .modal-background .modal-container .modal-details{display:flex;justify-content:space-around;width:100%}.portfolio-container .modal-background .modal-container .modal-details .modal-row{display:flex;flex-direction:column;gap:8px}.portfolio-container .modal-background .modal-container .modal-details .modal-row .modal-item{align-items:center;display:flex;gap:8px}.portfolio-container .modal-background .modal-container .modal-details .modal-row .modal-item svg{color:#d3d3d3}.portfolio-container .modal-background .modal-container .modal-details .modal-row .modal-item h3{color:#fff;font-size:16px}.portfolio-container .modal-background .modal-container .modal-details .modal-row .modal-item h3 a{color:#ffb400;-webkit-user-select:none;user-select:none}.portfolio-container .modal-background .modal-container .modal-details .modal-row .modal-item span{align-items:center;color:#d3d3d3;display:flex;gap:4px}.portfolio-container .modal-background .modal-container .modal-details .modal-row .modal-item span h3{color:#fff;font-size:16px}.portfolio-container .modal-background .modal-container .modal-details .modal-row .modal-item span h3 a{color:#ffb400}.portfolio-container .modal-background .modal-container .modal-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;height:350px;margin:16px;width:500px}@media screen and (max-width:1460px){.portfolio-container{gap:5%;padding:0 8px}.portfolio-container .portfolio-projects .project-card-container .project-image{height:200px;width:300px}.portfolio-container .portfolio-projects .project-card-container .project-image h1{width:300px}.portfolio-container .portfolio-projects .project-card-container .project-image:hover h1{height:200px;width:300px}}@media screen and (max-width:1160px){.portfolio-container .portfolio-projects .project-card-container .project-image{height:175px;width:245px}.portfolio-container .portfolio-projects .project-card-container .project-image h1{width:245px}.portfolio-container .portfolio-projects .project-card-container .project-image:hover h1{height:175px;width:245px}}@media screen and (max-width:991px){.portfolio-container{padding:20px 0}.portfolio-container .portfolio-projects{grid-template-columns:1fr 1fr}.portfolio-container .portfolio-projects .project-card-container .project-image{height:300px;max-height:40vh;max-width:50vw;width:400px}.portfolio-container .portfolio-projects .project-card-container .project-image h1{max-width:50vw;width:400px}.portfolio-container .portfolio-projects .project-card-container .project-image:hover h1{height:300px;max-height:40vh;max-width:50vw;width:400px}.portfolio-container .modal-background{background-color:#212121;z-index:11}.portfolio-container .modal-background button{right:50%;top:1%;transform:translateX(50%)}}@media screen and (max-width:840px){.portfolio-container .portfolio-projects{grid-template-columns:1fr 1fr}.portfolio-container .portfolio-projects .project-card-container .project-image{height:225px;max-width:50vw;width:350px}.portfolio-container .portfolio-projects .project-card-container .project-image h1{max-width:50vw;width:350px}.portfolio-container .portfolio-projects .project-card-container .project-image:hover h1{height:225px;max-width:50vw;width:350px}}@media screen and (max-width:740px){.portfolio-container .portfolio-projects{grid-template-columns:1fr 1fr}.portfolio-container .portfolio-projects .project-card-container .project-image{height:200px;max-width:50vw;width:300px}.portfolio-container .portfolio-projects .project-card-container .project-image h1{max-width:50vw;width:300px}.portfolio-container .portfolio-projects .project-card-container .project-image:hover h1{height:200px;max-width:50vw;width:300px}}@media screen and (max-width:640px){.portfolio-container .portfolio-projects{grid-template-columns:1fr 1fr}.portfolio-container .portfolio-projects .project-card-container .project-image{height:175px;max-width:50vw;width:250px}.portfolio-container .portfolio-projects .project-card-container .project-image h1{max-width:50vw;width:250px}.portfolio-container .portfolio-projects .project-card-container .project-image:hover h1{height:175px;max-width:50vw;width:250px}}@media screen and (max-width:576px){.portfolio-container .portfolio-title h1{display:none}.portfolio-container .portfolio-title .portfolio-front-title{background-color:#2b2a2a;padding:4px 16px;position:fixed;top:0;width:100%}.portfolio-container .portfolio-title .portfolio-front-title h2{font-size:32px}}@media screen and (max-width:576px)and (max-width:330px){.portfolio-container .portfolio-title .portfolio-front-title h2{font-size:28px}}@media screen and (max-width:576px){.portfolio-container .portfolio-projects{grid-template-columns:1fr}.portfolio-container .portfolio-projects .project-card-container .project-image{height:300px;max-height:60vh;max-width:90vw;width:500px}.portfolio-container .portfolio-projects .project-card-container .project-image h1{max-width:90vw;width:500px}.portfolio-container .portfolio-projects .project-card-container .project-image:hover h1{height:300px;max-height:60vh;max-width:90vw;width:500px}}@media screen and (max-width:576px)and (max-width:476px){.portfolio-container .portfolio-projects .project-card-container .project-image,.portfolio-container .portfolio-projects .project-card-container .project-image:hover h1{height:250px}}@media screen and (max-width:576px)and (max-width:376px){.portfolio-container .portfolio-projects .project-card-container .project-image,.portfolio-container .portfolio-projects .project-card-container .project-image:hover h1{height:200px}}@media screen and (max-width:576px){.portfolio-container .modal-background .modal-container .modal-details{flex-direction:column;gap:8px}.portfolio-container .modal-background .modal-container .modal-details .modal-item,.portfolio-container .modal-background .modal-container .modal-details a,.portfolio-container .modal-background .modal-container .modal-details h3,.portfolio-container .modal-background .modal-container .modal-details span{font-size:14px!important}.portfolio-container .modal-background .modal-container .modal-image{height:300px;max-height:60vh;max-width:90vw;width:500px}}@media screen and (max-width:576px)and (max-width:476px){.portfolio-container .modal-background .modal-container .modal-image{height:250px}}@media screen and (max-width:576px)and (max-width:350px){.portfolio-container .modal-background .modal-container .modal-image{height:200px}}@media(orientation:landscape)and (max-width:991px){.portfolio-container .portfolio-projects .project-card-container .project-image,.portfolio-container .portfolio-projects .project-card-container .project-image:hover h1{height:300px;max-height:60vh}.portfolio-container .modal-background{overflow-y:auto}.portfolio-container .modal-background .modal-container{margin-top:250px}}.contact-container{align-items:center;animation-duration:1s;animation-name:changeContent;animation-timing-function:linear;display:flex;flex-direction:column;gap:10%;overflow-y:auto;padding:40px 0;scrollbar-width:none;width:100%}@keyframes changeContent{0%{opacity:0}50%{opacity:0}75%{opacity:0}to{opacity:0}}.contact-container ::-webkit-scrollbar{display:none}.contact-container .contact-title{align-items:center;display:flex;justify-content:center;position:relative}.contact-container .contact-title h1{color:#212121;font-size:120px;font-weight:900;letter-spacing:8px;-webkit-user-select:none;user-select:none;z-index:1}.contact-container .contact-title .contact-front-title{display:flex;gap:8px;position:absolute;z-index:2}.contact-container .contact-title .contact-front-title h2{font-size:60px;font-weight:900}.contact-container .contact-title .contact-front-title .colored-title{color:#ffb400}.contact-container .contact-body{align-items:flex-start;display:flex;gap:100px;justify-content:center;width:100%}.contact-container .contact-body .contact-text-container{display:flex;flex-direction:column;gap:16px;width:20%}.contact-container .contact-body .contact-text-container h2{font-size:28px;white-space:nowrap}.contact-container .contact-body .contact-text-container .contact-details-container{display:flex;flex-direction:column;gap:16px}.contact-container .contact-body .contact-text-container .contact-details-container .contact-details-item{display:flex;gap:16px}.contact-container .contact-body .contact-text-container .contact-details-container .contact-details-item svg{color:#ffb400;height:40px;width:40px}.contact-container .contact-body .contact-text-container .contact-details-container .contact-details-item .contact-details-text{display:flex;flex-direction:column}.contact-container .contact-body .contact-text-container .contact-details-container .contact-details-item .contact-details-text .bold{color:#fff;font-weight:700;white-space:nowrap}.contact-container .contact-body .contact-text-container .contact-details-container .contact-details-item .contact-details-text .top{color:#a9a9a9}.contact-container .contact-body .contact-text-container .contact-details-buttons{display:flex;gap:8px}.contact-container .contact-body .contact-text-container .contact-details-buttons a{text-decoration:none}.contact-container .contact-body .contact-text-container .contact-details-buttons a svg{background-color:#252525;border-radius:32px;color:#fff;height:40px;padding:6px;width:40px}.contact-container .contact-body .contact-text-container .contact-details-buttons a svg:hover{background-color:#ffb400;transition:.5s}.contact-container .contact-body .contact-form-container{display:flex;flex-direction:column;gap:32px}.contact-container .contact-body .contact-form-container .contact-inputs{display:flex;gap:16px}.contact-container .contact-body .contact-form-container .contact-inputs input{height:48px;width:13vw}.contact-container .contact-body .contact-form-container .contact-textarea textarea{height:200px;padding-top:16px;resize:vertical;width:41vw}.contact-container .contact-body .contact-form-container .contact-button button{align-items:center;background-color:#2b2a2a;border:1px solid #ffb400;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:18px;gap:16px;height:48px;padding:0 16px;transition:.3s}.contact-container .contact-body .contact-form-container .contact-button button:hover{background-color:#ffb400}.contact-container .contact-message{color:#ffb400;font-size:28px}@media screen and (max-width:1100px){.contact-container .contact-message{font-size:24px}}@media screen and (max-width:760px){.contact-container .contact-message{font-size:20px;text-align:center;width:80%}}@media screen and (max-width:991px){.contact-container{gap:5%;padding:10px 0}.contact-container .contact-body{align-items:center;flex-direction:column;gap:40px}.contact-container .contact-body .contact-form-container,.contact-container .contact-body .contact-text-container{width:80%}.contact-container .contact-body .contact-form-container .contact-inputs input{width:33%}.contact-container .contact-body .contact-form-container .contact-textarea textarea{width:100%}.contact-container .contact-body .contact-form-container .contact-button button{border-radius:25px}}@media screen and (max-width:650px){.contact-container{gap:2.5%}.contact-container .contact-title h1{visibility:hidden}.contact-container .contact-form-container .contact-inputs{flex-direction:column}.contact-container .contact-form-container .contact-inputs input{width:100%!important}}@media screen and (max-width:576px){.contact-container{margin-top:48px}.contact-container .contact-title h1{display:none}.contact-container .contact-title .contact-front-title{background-color:#2b2a2a;padding:4px 16px;position:fixed;top:0;width:100%}.contact-container .contact-title .contact-front-title h2{font-size:32px}.contact-container .contact-body{gap:16px}.contact-container .contact-body .contact-text-container h2{font-size:22px}}input,textarea{background-color:#252525;border:none;border-radius:25px;color:#fff;font-size:16px;padding:0 16px}input:focus,textarea:focus{border:1px solid #ffb400;outline:none}input::placeholder,textarea::placeholder{color:#757575}
/*# sourceMappingURL=main.1e4a5fd3.css.map*/