.hero{flex-direction:column;justify-content:center;align-items:center;max-width:350px;transition:all .3s ease-in-out;display:flex}.hero-text{text-align:center;font-size:2.5rem;font-weight:700;line-height:1.2;transition:all .3s ease-in-out}.hero-subtext{text-align:center;color:rgba(var(--primary-color-values-rgb),.7);font-size:1rem;transition:all .3s ease-in-out}.hero-text span{color:rgba(var(--primary-color-values-rgb),.5)}@media (min-width:640px){.hero{max-width:500px}.hero-text{font-size:3rem}.hero-subtext{font-size:1.1rem}}@media (min-width:768px){.hero-subtext{font-size:1.25rem}}.section{border-bottom:1px solid;border-image-slice:1;border-image-source:var(--gradient);width:100%;padding-top:calc(var(--sizing-step)*4);padding-bottom:calc(var(--sizing-step)*4);overflow:hidden}.section:after{content:"";width:175%;height:calc(var(--sizing-step)*4);background-image:var(--gradient);filter:blur(70px);border-radius:100%;display:block;transform:translate(-25%)translateY(50%)}.social-media{padding:calc(var(--sizing-step)*2);justify-content:center;align-items:center;gap:calc(var(--sizing-step)*2);transition:all .3s ease-in-out;display:flex}.social-media-icon{color:rgba(var(--primary-color-values-rgb),.7);width:2rem;height:2rem}.social-media-icon:hover{color:rgba(var(--primary-color-values-rgb),.9)}.contact{flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex}.contact-form{padding:calc(var(--sizing-step)*2);justify-content:center;align-items:center;gap:calc(var(--sizing-step)*2);flex-direction:column;width:350px;transition:all .3s ease-in-out;display:flex}.send-button{height:3rem;color:rgba(var(--primary-color-values-rgb),.9);background:rgba(var(--action-color-values-rgb),.9);border:2px solid rgba(var(--action-color-values-rgb),1);justify-content:center;align-items:center;gap:var(--sizing-step);padding:0 calc(var(--sizing-step)*2);border-radius:2em;flex-flow:row;font-size:1rem;display:flex}.send-button:hover{background:rgba(var(--action-color-values-rgb),.8)}.send-button:active{background:rgba(var(--action-color-values-rgb),.7)}.send-button-icon{color:rgba(var(--primary-color-values-rgb),.7);width:2rem;height:2rem}
.textfield-input{width:100%;height:3em;padding:0 calc(var(--sizing-step)*3);color:rgba(var(--primary-color-values-rgb),.8);background-color:rgba(var(--primary-color-values-rgb),.1);border:2px solid rgba(var(--primary-color-values-rgb),.2);border-radius:2em;font-size:1rem}.textfield-input:focus-visible{outline:none}.textfield-input:focus::placeholder{opacity:.4}
.textarea-input{resize:none;width:100%;height:6em;padding:calc(var(--sizing-step)*3);color:rgba(var(--primary-color-values-rgb),.8);background-color:rgba(var(--primary-color-values-rgb),.1);border:2px solid rgba(var(--primary-color-values-rgb),.2);border-radius:2em;font-size:1rem}.textarea-input:focus-visible{outline:none}.textarea-input:focus::placeholder{opacity:.4}