:root{font-family:poppins;line-height:1.5;font-weight:400;--gradient-fade-light: rgba(240, 240, 240, 1);--gradient-fade-dark: rgba(36, 36, 36, 1);--gradient-fade-transparent: rgba(255, 255, 255, 0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root ::-webkit-scrollbar{width:0}*{margin:0;padding:0;box-sizing:border-box;font-family:poppins}.app{position:relative}.app section{min-height:100dvh;padding:5rem 2rem;box-sizing:border-box}.app footer{position:fixed;display:flex;align-items:center;border-radius:10px;gap:3px;bottom:0;padding:.5rem;font-size:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app footer .footer-icon{color:#f08080}.dark{color:#ffffffde;background-color:#242424;--gradient-fade: var(--gradient-fade-dark)}.dark button{color:#ffffffde}.dark button:hover{color:#808080de}.light{color:#242424;background-color:#f0f0f0;--gradient-fade: var(--gradient-fade-light)}.light button{color:#242424}.light button:hover{color:#808080de}@media (max-width: 500px){.app footer{margin:0 5%}}@media (min-width: 1920px){.app footer{margin:.5rem 15%}}@media (min-width: 2250px){.app section{padding:5rem 15%}.app footer{margin:.5rem 15%}}.navbar{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:10}.navbar .logo{font-size:1rem;padding:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;background-color:transparent;border:0}.navbar .logo:hover{cursor:pointer;color:currentColor}.navbar .menu-cont{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:2rem;padding:0 .5rem;border-radius:1rem}.navbar .menu-cont .menu{display:flex;flex-direction:row;gap:2rem}.navbar .menu-cont .menu .menu-btn{background-color:transparent;border:0;transition:transform .3s ease,color .3s ease}.navbar .menu-cont .menu .menu-btn:hover{cursor:pointer;transform:scale(1.2)}.navbar .menu-cont .hamburguer{display:none}.navbar .menu-cont .theme{display:flex;align-items:flex-start}.navbar .menu-cont .theme .theme-btn{margin-top:5px;background-color:transparent;border:0;transition:transform .3s ease,color .3s ease}.navbar .menu-cont .theme .theme-btn:hover{color:#bdb76b;cursor:pointer;transform:scale(1.2)}@media (max-width: 900px){.navbar{padding:.5rem 1rem}.navbar .menu-cont{gap:.5rem;-webkit-backdrop-filter:none;backdrop-filter:none}.navbar .menu-cont .menu{display:none}.navbar .menu-cont .hamburguer-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:.5rem;background-color:transparent;border:0;transition:transform .3s ease,color .3s ease;margin-top:5px}.navbar .menu-cont .hamburguer-toggle:hover{transform:scale(1.2);cursor:pointer}.navbar .menu-cont .hamburguer{background-color:transparent;position:fixed;right:1rem;top:3em;padding:.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;transition:max-height 1s ease,opacity 1s ease}.navbar .menu-cont .hamburguer .menu-btn{border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;background-color:transparent;border:0;transition:transform .3s ease,color .3s ease}.navbar .menu-cont .hamburguer .menu-btn:hover{cursor:pointer;transform:scale(1.2)}.navbar .menu-cont .hamburguer.open{max-height:500px;opacity:1}.navbar .menu-cont .hamburguer.open .menu-btn{font-size:1rem;transform:translateY(-20px);opacity:0;animation:slideIn .3s ease forwards}.navbar .menu-cont .hamburguer.open .menu-btn:nth-child(1){animation-delay:.05s}.navbar .menu-cont .hamburguer.open .menu-btn:nth-child(2){animation-delay:.15s}.navbar .menu-cont .hamburguer.open .menu-btn:nth-child(3){animation-delay:.25s}.navbar .menu-cont .hamburguer.open .menu-btn:nth-child(4){animation-delay:.35s}.navbar .menu-cont .theme{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:.5rem}}@media (min-width: 1920px){.navbar{padding:1rem 15%}}@media (min-width: 2250px){.navbar{padding:1rem 15%}.navbar .logo{font-size:2rem}.navbar .menu-cont .menu .menu-btn{font-size:1.5rem}.navbar .theme .theme-btn{margin-top:10px;transform:scale(1.5)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}#home{display:flex}#home .home-cont{display:grid;grid-template-columns:1fr 1fr;column-gap:5%;width:100%}#home .home-cont .profile{display:flex;justify-content:flex-end;align-items:center}#home .home-cont .profile .profile-img{border-radius:35px;height:300px}#home .home-cont .sumary{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}#home .home-cont .sumary .text{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}#home .home-cont .sumary .text .iam{font-size:1rem;font-weight:400;color:#6d6d6d}#home .home-cont .sumary .text .name{font-size:2.5rem;font-weight:500}#home .home-cont .sumary .text .developer{font-size:1.5rem;font-weight:400;color:#6d6d6d}#home .home-cont .sumary .btns{width:100%;display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}#home .home-cont .sumary .btns .cv{width:10rem;background-color:transparent;border:1px solid;padding:.5rem;border-radius:1rem}#home .home-cont .sumary .btns .cv:hover{cursor:pointer}#home .home-cont .sumary .btns .contact{width:10rem;border:1px solid;padding:.5rem;border-radius:1rem}#home .home-cont .sumary .btns .contact:hover{cursor:pointer}#home .home-cont .sumary .btns .contact.dark-btn{background-color:#ffffffde;color:#242424}#home .home-cont .sumary .btns .contact.dark-btn:hover{opacity:.5}#home .home-cont .sumary .btns .contact.ligth-btn{background-color:#242424;color:#ffffffde}#home .home-cont .sumary .btns .contact.ligth-btn:hover{opacity:.5}#home .home-cont .sumary .rrss{width:100%;display:flex;justify-content:center;gap:2rem}#home .home-cont .sumary .rrss .rrss-btn{background-color:transparent;border:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}#home .home-cont .sumary .rrss .rrss-btn:hover{cursor:pointer;opacity:.5}#home .home-cont .sumary .rrss .rrss-btn .rrss-icon{width:2em;height:2em}@media (max-width: 500px){#home{align-items:flex-start}#home .home-cont{display:flex;flex-direction:column;align-items:center;justify-content:center}#home .home-cont .profile{padding:2rem}#home .home-cont .profile .profile-img{height:250px}#home .home-cont .sumary{width:100%}#home .home-cont .sumary .text{line-height:1.5;margin-bottom:2rem}#home .home-cont .sumary .btns{flex-direction:column;align-items:center;margin-bottom:2rem}#home .home-cont .sumary .btns .cv,#home .home-cont .sumary .btns .contact{font-size:1.25rem;width:15rem;padding:.5rem}#home .home-cont .sumary .rrss .rrss-btn{width:3rem;height:3rem}#home .home-cont .sumary .rrss .rrss-btn .rrss-icon{width:3em;height:3em}#home .home-cont .sumary .small-btns{width:100%;display:flex;flex-direction:row;justify-content:space-evenly}#home .home-cont .sumary .small-btns .rrss-small-btn{background-color:transparent;border:0;width:4em;height:4em}#home .home-cont .sumary .small-btns .rrss-small-btn .rrss-icon{width:3em;height:3em;stroke-width:1}}@media (min-width: 501px) and (max-width: 900px){#home .home-cont{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0}#home .home-cont .profile{padding:2rem}#home .home-cont .profile .profile-img{height:250px}#home .home-cont .sumary{width:100%}#home .home-cont .sumary .text{line-height:1.5;margin-bottom:2rem}#home .home-cont .sumary .btns{flex-direction:column;align-items:center;margin-bottom:2rem}#home .home-cont .sumary .btns .cv,#home .home-cont .sumary .btns .contact{font-size:1.25rem;width:15rem;padding:.5rem}#home .home-cont .sumary .rrss .rrss-btn{width:3rem;height:3rem}#home .home-cont .sumary .rrss .rrss-btn .rrss-icon{width:3em;height:3em}#home .home-cont .sumary .small-btns{width:100%;display:flex;flex-direction:row;justify-content:space-evenly}#home .home-cont .sumary .small-btns .rrss-small-btn{background-color:transparent;border:0;width:4em;height:4em}#home .home-cont .sumary .small-btns .rrss-small-btn .rrss-icon{width:3em;height:3em;stroke-width:1}}@media (min-width: 2250px){#home .home-cont .profile{justify-content:center}#home .home-cont .profile .profile-img{height:600px;border-radius:140px}#home .home-cont .sumary{width:100%}#home .home-cont .sumary .text{margin-bottom:4rem}#home .home-cont .sumary .text .iam{font-size:2.5rem}#home .home-cont .sumary .text .name{font-size:7rem}#home .home-cont .sumary .text .developer{font-size:4rem}#home .home-cont .sumary .btns{margin-bottom:4rem;gap:4rem}#home .home-cont .sumary .btns .cv,#home .home-cont .sumary .btns .contact{width:18rem;padding:1.5rem;border-radius:2rem;font-size:1.5rem}#home .home-cont .sumary .rrss{gap:4rem}#home .home-cont .sumary .rrss .rrss-btn{width:4rem;height:4rem}#home .home-cont .sumary .rrss .rrss-btn .rrss-icon{width:4em;height:4em}}#about{display:flex;justify-content:center}#about .section{display:grid;grid-template-rows:auto auto;row-gap:1rem}#about .section .name-section{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}#about .section .name-section .section-subtitle{font-size:.8rem;font-weight:400}#about .section .name-section .section-title{font-size:1.5rem;font-weight:600}#about .section .about-cont{display:grid;grid-template-rows:auto auto;width:100%}#about .section .about-cont .top-row{display:flex;justify-content:center;flex-direction:row;padding:1rem;gap:1rem}#about .section .about-cont .top-row .about-img-section{display:flex;justify-content:flex-end;align-items:center}#about .section .about-cont .top-row .about-img-section .about-img{width:220px;border-radius:20px}#about .section .about-cont .top-row .about-text-section{display:flex;justify-content:center;flex-direction:column;gap:2rem}#about .section .about-cont .top-row .about-text-section .experience-elements{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element{width:auto;border:1px solid #6d6d6d;border-radius:20px;padding:1rem;display:flex;align-items:center;flex-direction:column;gap:1rem}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-icon{width:1.5em;height:1.5em;stroke-width:1}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text{display:flex;flex-direction:column;justify-content:center;align-items:center}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text .exp-title{font-size:1rem;margin-bottom:1rem}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text .exp-description{font-size:.9rem;color:#6d6d6d;margin-bottom:.5rem}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text .exp-description-bold{font-size:1rem;color:#6d6d6d;font-weight:600;margin-bottom:1rem;text-align:center}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text .exp-btn{background-color:transparent;border:1px solid #6d6d6d;padding:.5rem;border-radius:10px;font-size:.8rem;width:150px}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text .exp-btn:hover{cursor:pointer}#about .section .about-cont .bot-row{padding:1rem}#about .section .about-cont .bot-row .experience-text .text{font-size:1rem;line-height:1.5}@media (max-width: 500px){#about .section .about-cont{display:flex;flex-direction:column}#about .section .about-cont .top-row{flex-direction:column;justify-content:center;align-items:center}#about .section .about-cont .top-row .about-img-section .about-img{width:270px}#about .section .about-cont .top-row .about-text-section .experience-elements{display:flex;flex-direction:column}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text{text-align:center}#about .section .about-cont .bot-row{margin-top:1rem}#about .section .about-cont .bot-row .experience-text{padding:0 1.5rem}#about .section .about-cont .bot-row .experience-text .text{font-size:1rem}}@media (min-width: 501px) and (max-width: 900px){#about .section{row-gap:0}#about .section .name-section .section-subtitle{display:none}#about .section .name-section .section-title{font-size:1rem}#about .section .about-cont{display:flex;flex-direction:column-reverse}#about .section .about-cont .top-row{padding-top:0}#about .section .about-cont .top-row .about-img-section{display:none}#about .section .about-cont .top-row .about-text-section .experience-elements{gap:2rem}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element{padding:.5rem}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text{text-align:center}#about .section .about-cont .top-row .about-text-section .experience-text{width:80%}#about .section .about-cont .bot-row .experience-text .text{font-size:.85rem}}@media (min-width: 1300px) and (max-width: 1919px){#about .section .about-cont{padding:0 15%}}@media (min-width: 1920px){#about{padding:5rem 15%}#about .section .about-cont .top-row .about-text-section .experience-element{justify-items:center;gap:1rem}#about .section .about-cont .bot-row .experience-text .text{font-size:1rem;line-height:2}}@media (min-width: 2250px){#about .section .name-section .section-subtitle{font-size:1.5rem}#about .section .name-section .section-title{font-size:2.5rem}#about .section .about-cont{position:relative}#about .section .about-cont .top-row{flex-direction:column-reverse;align-items:flex-start;gap:4rem}#about .section .about-cont .top-row .about-img-section .about-img{width:300px;border-radius:20px}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-icon{width:3em;height:4em}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text{text-align:center}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text .exp-title{font-size:1.8rem}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text .exp-description{font-size:1.5rem}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text .exp-description-bold{font-size:1.8rem;text-align:center}#about .section .about-cont .top-row .about-text-section .experience-elements .exp-element .exp-text .exp-btn{font-size:1.2rem;width:200px}#about .section .about-cont .bot-row{position:absolute;top:490px;left:calc(4rem + 300px);padding-top:0}#about .section .about-cont .bot-row .experience-text .text{font-size:1.8rem;line-height:1.5}}#skills{display:flex;justify-content:center}#skills .section{display:grid;grid-template-rows:auto auto;row-gap:1rem}#skills .section .name-section{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}#skills .section .name-section .section-subtitle{font-size:.8rem;font-weight:400}#skills .section .name-section .section-title{font-size:1.5rem;font-weight:600}#skills .section .skills-cont{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:3rem;align-items:center;width:100%}#skills .section .skills-cont .skills-element{display:flex;flex-direction:column;border:1px solid #6d6d6d;border-radius:1rem}#skills .section .skills-cont .skills-element .skill-title-section{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1rem;padding-bottom:0}#skills .section .skills-cont .skills-element .skill-title-section .skill-icon{stroke-width:2;height:1.5rem;width:1.5rem;color:#6d6d6d}#skills .section .skills-cont .skills-element .skill-title-section .skill-title{font-size:1.2rem;font-weight:500;color:#6d6d6d}#skills .section .skills-cont .skills-element .skill-tech-section{display:flex;flex-direction:column;gap:1rem;padding:1rem}#skills .section .skills-cont .skills-element .skill-tech-section .tech-item{display:flex;align-items:center;gap:.5rem}#skills .section .skills-cont .skills-element .skill-tech-section .tech-item .check-icon{stroke-width:1.8;height:1.2rem;width:1.2rem;color:#6d6d6d}#skills .section .skills-cont .skills-element .skill-tech-section .tech-item .tech{font-size:1rem}@media (max-width: 500px){#skills .section{gap:3rem}#skills .section .skills-cont{display:flex;flex-direction:column;gap:2rem}#skills .section .skills-cont .skills-element{width:100%}}@media (min-width: 501px) and (max-width: 900px){#skills .section .name-section .section-subtitle{display:none}#skills .section .skills-cont .skills-element .skill-title-section .skill-icon{height:1.6rem}#skills .section .skills-cont .skills-element .skill-title-section .skill-title{font-size:1.2rem}#skills .section .skills-cont .skills-element .skill-tech-section .tech-item .tech{font-size:.9rem}}@media (min-width: 1920px) and (max-width: 2249px){#skills .section{width:100%;padding:5rem 15%}}@media (min-width: 2250px){#skills .section{width:100%}#skills .section .name-section .section-subtitle{font-size:1.5rem}#skills .section .name-section .section-title{font-size:2.5rem}#skills .section .skills-cont .skills-element .skill-title-section .skill-icon{width:2.5rem;height:2.5rem}#skills .section .skills-cont .skills-element .skill-title-section .skill-title{font-size:2.5rem}#skills .section .skills-cont .skills-element .skill-tech-section{gap:2rem;padding:2rem}#skills .section .skills-cont .skills-element .skill-tech-section .tech-item{gap:1.5rem}#skills .section .skills-cont .skills-element .skill-tech-section .tech-item .check-icon{height:1.8rem;width:1.8rem}#skills .section .skills-cont .skills-element .skill-tech-section .tech-item .tech{font-size:1.8rem}}#projects{z-index:9}#projects .section{display:grid;grid-template-rows:auto auto;row-gap:2rem}#projects .section .name-section{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}#projects .section .name-section .section-subtitle{font-size:.8rem;font-weight:400}#projects .section .name-section .section-title{font-size:1.5rem;font-weight:600}#projects .section .projects-cont{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8rem 3rem;padding:1rem 10%}#projects .section .projects-cont .project-element{position:relative;width:100%;height:350px;display:flex;flex-direction:column}#projects .section .projects-cont .project-element .project-img{position:relative;width:100%;height:100%;overflow:hidden;border-top-left-radius:1.2rem;border-top-right-radius:1.2rem}#projects .section .projects-cont .project-element .project-img .img{width:100%;object-fit:cover;display:block}#projects .section .projects-cont .project-element .project-img:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80%;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 20%,var(--gradient-fade) 60%)}#projects .section .projects-cont .project-element .project-info-cont{position:absolute;display:flex;flex-direction:column;justify-content:center;width:100%;top:35%}#projects .section .projects-cont .project-element .project-info-cont .project-title-cont{display:flex;flex-direction:row;justify-content:center;margin-bottom:1rem}#projects .section .projects-cont .project-element .project-info-cont .project-title-cont .project-title{font-size:2rem;font-weight:600}#projects .section .projects-cont .project-element .project-info-cont .project-text{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:0 .5rem;line-height:1.5}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-description{font-size:1rem;text-align:justify;padding:0 1.5rem;position:absolute;top:0}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-technologies{position:absolute;top:165px;right:20px;display:flex;flex-direction:row;gap:1.3rem}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-technologies .tech-icon{height:2em;width:2em}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-btns{position:absolute;top:165px;left:20px;width:100px;display:flex;flex-direction:row;justify-content:center;border-bottom-left-radius:1.2rem}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-btns .btn{display:flex;justify-content:center;font-size:1rem;width:150px;background-color:transparent;border:0;border-radius:50%;padding:.5rem}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-btns .btn:hover{cursor:pointer}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-btns .btn .btn-text{stroke:currentColor;height:1.5em;width:1.5em;stroke-width:2}@media (max-width: 500px){#projects .section .projects-cont{padding:0;grid-template-columns:1fr;grid-template-rows:auto}#projects .section .projects-cont .project-element{margin-bottom:250px}#projects .section .projects-cont .project-element .project-info-cont{top:25%}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-technologies{top:230px;gap:2rem}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-btns{top:300px;left:230px}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-btns .btn{padding:.5rem 1rem}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-btns .btn .btn-text{height:2em;width:2em}}@media (min-width: 501px) and (max-width: 900px){#projects .section .name-section .section-subtitle{display:none}#projects .section .projects-cont{padding:0;grid-template-columns:1fr 1fr;grid-template-rows:auto}#projects .section .projects-cont .project-element{margin-bottom:150px}#projects .section .projects-cont .project-element .project-info-cont{top:25%}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-technologies{top:200px;gap:2rem}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-btns{top:250px;left:275px}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-btns .btn{padding:.5rem 1rem}#projects .section .projects-cont .project-element .project-info-cont .project-text .project-btns .btn .btn-text{height:2em;width:2em}}@media (min-width: 1920px){#projects .section .projects-cont{gap:3rem 5rem;padding:0 15%}#projects .section .projects-cont .project-element{margin-bottom:100px}}@media (min-width: 2250px){#projects .section .projects-cont{gap:3rem 5rem;padding:0}#projects .section .projects-cont .project-element{margin-bottom:100px}}#contact{display:flex;justify-content:center;width:100vw}#contact .section{display:grid;grid-template-rows:auto auto;row-gap:2rem}#contact .section .name-section{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}#contact .section .name-section .section-subtitle{font-size:.8rem;font-weight:400}#contact .section .name-section .section-title{font-size:1.5rem;font-weight:600}#contact .section .contact-cont{width:100%}#contact .section .contact-cont .contact-form{width:500px;display:flex;flex-direction:column;position:relative}#contact .section .contact-cont .contact-form .input{background-color:transparent;color:currentColor;font-size:1rem;padding:1rem;border:1px solid #6d6d6d;border-bottom:0px;outline:0}#contact .section .contact-cont .contact-form .top{border-top-right-radius:1rem;border-top-left-radius:1rem}#contact .section .contact-cont .contact-form #message{background-color:transparent;color:currentColor;font-size:1rem;resize:none;height:9rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;padding:1rem;border:1px solid #6d6d6d;outline:0px}#contact .section .contact-cont .contact-form .submit{background-color:transparent;border:1px solid #6d6d6d;padding:.5rem;border-radius:.5rem;width:5rem;position:absolute;bottom:10px;right:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#contact .section .contact-cont .contact-form .submit:hover{cursor:pointer;color:#6d6d6d}#contact .section .contact-info{height:5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:4rem;border:1px solid #6d6d6d;padding:1rem;border-radius:1rem}#contact .section .contact-info .contact-section{display:flex;align-items:center;gap:1rem}#contact .section .contact-info .contact-section .contact-icon{height:1.2em;width:1.2em}#contact .section .contact-info .contact-section .contact-text{text-decoration:none;color:currentColor;font-size:1.2rem}#contact .section .contact-info .contact-section .contact-text:hover{color:#6d6d6d}@media (max-width: 500px){#contact{justify-content:center;width:100vw}#contact .section{padding:5%;align-items:flex-start;justify-items:center;gap:0}#contact .section .contact-cont{padding:5%;display:flex;justify-content:center;width:100vw}#contact .section .contact-cont .contact-form{padding:2rem}#contact .section .contact-cont .contact-form #message{height:18rem}#contact .section .contact-cont .contact-form .submit{bottom:45px;right:45px}#contact .section .contact-info{flex-direction:column;gap:1rem;width:100vw;height:auto;border:0}}@media (min-width: 501px) and (max-width: 900px){#contact .section .name-section .section-subtitle{display:none}#contact .section .contact-cont .contact-form .input{padding:.5rem}#contact .section .contact-cont .contact-form #message{padding:.5rem;height:8rem}}@media (min-width: 1920px){#contact .section .contact-cont .contact-form{width:700px}#contact .section .contact-cont .contact-form .input{font-size:1rem}#contact .section .contact-cont .contact-form #message{font-size:1rem;height:15rem}#contact .section .contact-cont .contact-form .submit{font-size:1rem;width:6rem}#contact .section .contact-info{justify-content:center}#contact .section .contact-info .contact-section .contact-icon{width:1.5em;height:1.5em}#contact .section .contact-info .contact-section .contact-text{font-size:1rem}}@media (min-width: 2250px){#contact .section .contact-cont .contact-form{width:900px}#contact .section .contact-cont .contact-form .input{font-size:1.5rem}#contact .section .contact-cont .contact-form #message{font-size:1.5rem;height:15rem}#contact .section .contact-cont .contact-form .submit{font-size:1.5rem;width:7rem}#contact .section .contact-info{justify-content:center}#contact .section .contact-info .contact-section .contact-icon{width:2.5em;height:2.5em}#contact .section .contact-info .contact-section .contact-text{font-size:1.5rem}}