.projects-section{max-width:1800px}.projects-section-header{max-width:35%}.projects-container{flex-wrap:wrap;gap:2rem;margin:2rem 0;display:flex}@media (max-width:1100px){.projects-section-header{max-width:70%}}
.contact-content{justify-content:space-between;align-items:top;flex-wrap:wrap;gap:3rem;max-width:900px;margin:5rem auto;display:flex}.contact-content ul{list-style:none}.contact-content li{margin-bottom:2rem}.contact-content li h4{font-size:16px}.contact-section-header{text-align:center;max-width:60%;margin:0 auto}.contact-section-header button{margin:1rem 0}.contact-form{width:30rem}.contact-form>*{width:100%;display:block}.credentials-container{justify-content:space-between;align-items:center;gap:0;display:flex}label{font-weight:700}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}textarea{resize:none;height:15rem}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}.contact-cards{margin:1rem 0}.contact-card{align-items:center;gap:1rem;margin:2rem 0;display:flex}.contact-card h5{color:var(--text-tertiary)}.icon{font-size:25px}.social-container{align-items:center;gap:1rem;margin:1rem 0;display:flex}.social-container h5{margin-left:-.5rem;font-weight:400}@media (max-width:430px){.contact-form{width:100%}.credentials-container,.credentials-container label{display:block}.credentials-container input{width:100%}.contact-section-header{max-width:90%}}
.spinner{color:var(--text-secondary);font-size:1.5rem;animation:1s ease-in infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
.skills{text-align:center}.skills-section-header{max-width:40%;margin:0 auto}.view-button-inactive{color:var(--text-primary);text-transform:capitalize;background-color:#0000}.view-button-active{background-color:var(--background-secondary);color:var(--text-secondary);text-transform:capitalize}.skills-nav{border:1px solid var(--button-secondary-border);border-radius:20px;width:fit-content;margin:2rem auto}.skills-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:1000px;margin:0 auto;display:flex}.skill-card{text-transform:capitalize;border:1px solid var(--button-secondary-border);background-color:var(--background-tertiary);border-radius:10px;justify-content:left;align-items:center;gap:10px;width:15rem;padding:10px;display:flex}.skill-card-icons{width:20px;height:20px}@media (max-width:1100px){.skills-section-header{max-width:70%}}@media (max-width:630px){.skill-card{width:10rem}}@media (max-width:405px){.skill-card{width:9rem}}
.philosophy-container{grid-template-columns:.75fr 1fr;gap:3rem;max-width:1200px;height:50vh;margin:10rem auto;display:grid;position:relative}.philosophy-container:after{pointer-events:none;z-index:2;content:"";background:linear-gradient(to bottom,transparent 70%,var(--background-primary));width:100%;height:100%;position:absolute;top:0;left:0}.philosophy-section-header{align-items:center;height:50vh;display:flex;position:sticky;top:0}.about ul{padding:0;list-style:none}.headlines-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-color:var(--text-tertiary)var(--background-primary);position:relative;overflow-y:scroll}.headlines-container li{scroll-snap-align:center;flex-direction:column;justify-content:center;max-width:500px;height:30vh;margin:0 auto;display:flex}.headlines-container li p{max-width:90%}.workflow-section-header{text-align:center;width:60%;margin:0 auto}.workflow-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:1500px;margin:3rem auto;display:flex}.workflow-list li{border:1px solid var(--button-secondary-border);background-color:var(--background-tertiary);border-radius:10px;width:30rem;padding:1rem}.workflow-item-enumerator{justify-content:end;display:flex;position:relative}.workflow-item-enumerator h5{background-color:var(--background-primary);border-left:1px solid var(--button-secondary-border);border-bottom:1px solid var(--button-secondary-border);border-radius:20px;padding:1rem 1.1rem;position:absolute;top:-22px;right:-20px}@media (max-width:1100px){.workflow-section-header{width:90%}}@media (max-width:700px){.philosophy-container{height:fit-content;margin:5rem auto;display:block}.philosophy-section-header{display:block;position:relative}.headlines-container{height:30vh;position:relative}.philosophy-section-header{height:fit-content}.headlines-container li{height:fit-content;margin:3rem auto}}