.hero{text-align:center;margin:20rem auto 10rem}.tag{background-color:var(--background-secondary);width:fit-content;color:var(--text-secondary);border-radius:1rem;margin:0 auto;padding:8px 12px}.hero h1,.hero-btns{margin:1rem auto}.hero-btns{justify-content:center;gap:1rem;display:flex}.hero-description{max-width:50%;margin:0 auto}.stats-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin:10rem auto 0;display:flex}.stat-item{text-align:left;min-width:180px}.stat-item p{text-align:left;max-width:250px;margin:0}@media (max-width:1100px){.hero-description{max-width:100%}}@media (max-width:500px){.hero{margin:10rem auto}}
.project-card{width:34vw;min-width:20rem;max-width:850px;position:relative}.project-card-image-container{border:1px solid var(--button-secondary-border);border-top-left-radius:1rem;border-top-right-radius:1rem;padding:3rem 3rem 0}.project-card-image-container img{border-top-left-radius:1rem;border-top-right-radius:1rem;width:100%;height:100%}.project-card-desc{color:var(--text-primary);z-index:5;border:1px solid var(--button-secondary-border);border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;padding:2rem 3rem}.project-card-desc a{align-items:center;gap:.5rem;transition:all .25s;display:flex}.project-card-desc a:hover{color:var(--text-tertiary)}.project-tags-container{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;list-style:none;display:flex}.project-tags-container li{color:var(--text-tertiary);text-transform:uppercase;width:fit-content}@media (max-width:2400px){.project-card{width:38vw}}@media (max-width:1400px){.project-card{width:90vw}}@media (max-width:500px){.project-card-desc{padding:2rem 1rem}}
.projects-section{max-width:1800px}.projects-section-header{max-width:600px}.projects-container{flex-wrap:wrap;justify-content:space-between;gap:2rem;margin:2rem 0;display:flex}@media (max-width:1100px){.projects-section-header{max-width:70%}}
.contact-section{flex-wrap:wrap;justify-content:space-between;align-items:last baseline;gap:5rem;display:flex}.contact-section h2{margin:3rem 0}.contact-link{text-transform:uppercase;align-items:center;margin-top:1rem;font-size:24px;display:flex}.contact-link:hover{color:var(--text-tertiary);transition:all .25s}.contact-form{width:30rem}.contact-form>*,.message-input-container textarea{width:100%;display:block}.credentials-container{justify-content:space-between;align-items:center;gap:0;display:flex}label{font-weight:500}label[for=company]{z-index:-1;color:#0000;width:0;height:0;position:absolute;top:0;left:0}input,textarea{color:var(--text-primary);font-family:var(--font-geist-sans);border:1px solid var(--button-secondary-border);background-color:#0000;border-radius:10px;margin:1rem 0;padding:1rem}.message-input-container{position:relative}textarea{resize:none;height:15rem}.message-length-indicator{z-index:3;background-color:var(--backround-primary);position:absolute;bottom:8px;right:8px}input:focus,textarea:focus{border:1px solid var(--text-primary)}#company{z-index:-1;border:none;width:0;height:0;position:absolute;top:0;left:0}.error-icon{font-size:1.5rem}.error-container{color:var(--text-primary);background-color:var(--background-tertiary);border:1px solid var(--button-secondary-border);border-radius:10px;align-items:center;gap:.5rem;margin:1rem 0;padding:1rem;display:flex}@media (max-width:600px){.contact-form,.contact-form-container{width:100%}.credentials-container,.credentials-container label{display:block}.credentials-container input{width:100%}}
.spinner{color:var(--text-secondary);font-size:1.5rem;animation:1s ease-in infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
.skills-section{justify-content:end;display:flex}.skills-section ul{padding:0;list-style:none}.skills-section li{text-transform:uppercase;margin:1.5rem 0}.skills-section li h4{color:var(--text-tertiary)}