header{height:auto}header .wrapper{flex-direction:column;justify-content:space-evenly;gap:2rem;min-height:70vh;max-height:100vh;padding:clamp(2rem,5vw,4rem);display:flex}.portfolio-title{color:var(--white);height:fit-content;font-size:3rem;font-weight:800}.portfolio-title span:first-child{color:var(--primary)}.portfolio-title span:nth-child(2){color:var(--primary-dark)}.command-line .cursor{background-color:var(--secondary);width:1.5rem;height:3rem;animation:1s infinite blink}.portfolio-subtitle{flex-direction:column;gap:.2rem;display:flex}.portfolio-subtitle p{max-width:70vw;margin:0}.portfolio-subtitle h3{min-height:1.8em;margin:0;font-size:1.25rem;font-weight:900}.portfolio-subtitle h4{min-height:1.5em;margin:0;font-weight:600}.command-line{align-items:center;gap:2rem;display:flex}.socials{flex-wrap:wrap;gap:2rem;display:flex}.socials a{background-color:var(--primary);border-radius:var(--soft-border);color:var(--reel-white);align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:1rem;transition:all .3s;display:flex}.socials a:hover{background-color:var(--secondary);color:var(--reel-white);transform:translateY(-2px)scale(1.05)}.skills{flex-wrap:wrap;gap:1rem;display:flex}.skills>div{align-items:center;gap:.5rem;display:flex}.skills>div>div:last-child{font-weight:900}.skills div .bullet{border-radius:100%;width:8px;height:8px}.skills .html .bullet,.skills .react .bullet{background-color:var(--primary)}.skills .php .bullet{background-color:var(--secondary)}.skills .python .bullet,.skills .django .bullet{background-color:var(--primary)}.skills .cpp .bullet,.skills .javascript .bullet{background-color:var(--secondary)}.skills .wordpress .bullet,.skills .sql .bullet{background-color:var(--primary)}.skills .github .bullet{background-color:var(--primary-dark)}.theme{background:var(--transparent-back);width:2.5rem;height:2.5rem;box-shadow:var(--transparent-box-shadow);-webkit-backdrop-filter:var(--transparent-backdrop-filter);backdrop-filter:var(--transparent-backdrop-filter);color:var(--white);cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:none;position:absolute;right:30px}.theme:hover{background-color:var(--white);color:var(--black-dark);transform:translateY(-2px)scale(1.05)}@media not (min-width:1024px){header .wrapper{min-height:50vh;padding:4rem 2rem 2rem}.portfolio-title{font-size:2.5rem}.command-line{gap:1rem}.command-line .cursor{width:1.2rem;height:2.5rem}.socials{gap:1rem}.skills{gap:.5rem}}@media not (min-width:768px){header .wrapper{padding:4rem 1rem 1rem}.portfolio-title{font-size:1.3rem}.command-line .cursor{width:.6rem;height:1.3rem}.portfolio-subtitle h3{font-size:1.1rem}.portfolio-subtitle h4{font-size:1rem}.command-line,.socials{gap:1rem}.socials a{padding:.5rem 1.5rem;font-size:.8rem}.skills{gap:.5rem}}
