:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#5d1ae2;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#edddf8d6;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}#root{box-sizing:border-box;text-align:center;background:#fff;background-attachment:no-repeat;background-position:top;background-size:cover;flex-direction:column;min-height:100svh;margin:0 auto;display:flex}body{background:#fff}h1,h2,h3{color:#fff}h1{font-size:420%;font-weight:800}h3{font-size:180%;font-weight:800;line-height:auto;text-align:center;background:#34c782}p{color:#3d3d3d}a{color:#cb3efa;font-weight:700;text-decoration:none}a:hover{color:#bcfa3e;text-decoration:underline}.header-div{background:#34c782;width:100%}.header{text-align:left;width:1024px;height:auto;margin:auto;padding:0 1rem;line-height:3.5rem}.navbar-div{background:#34c782;width:100%}.navbar{text-align:left;flex-direction:row;gap:1rem;width:1024px;height:auto;margin:2rem auto 0;padding:0 1rem;display:flex}.navbar a{color:#cb3efa;text-transform:uppercase;background-color:#4aff4280;gap:1rem;padding:.5rem;font-size:18px;text-decoration:none}.navbar a:hover{color:#bcfa3e;background-color:#000}.projects-page h1,.projects-page p{color:#cb3efa}.project-list{text-align:left;grid-template-rows:repeat(auto-fill,minmax(auto,1fr));grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;max-width:1024px;margin:auto;padding:2rem 1rem;display:grid}.project-card{z-index:1;background:#fff;border:.1rem solid #4aff42;flex-direction:column;flex:20%;width:100%;height:100%;margin:auto;padding:1rem;display:flex;position:relative}.project-card:hover{z-index:2}.project-image{object-fit:cover;filter:drop-shadow(0 0 10px #cb3efa);border-radius:100px;width:200px;height:200px;margin:1rem auto;transition:height 2s,border-radius 1s,filter 1s}.project-image:hover{filter:drop-shadow(0 0 #fff);border-radius:0;width:auto;height:400px}.project-card-flex{flex-direction:column;flex:auto;justify-content:space-between;gap:.75rem;width:100%;margin:1rem auto 0;display:flex}.project-card-flex p:nth-child(4){text-align:right;font-style:italic}.project-card__buttons{justify-content:space-around;display:flex}.project-card__description-button{color:#cb3efa;cursor:pointer;border:none;border-radius:.25rem;width:100%;padding:.3rem;font-size:14px;font-weight:800}.project-card__description-button:hover{filter:drop-shadow(0 0 5px #cb3efa)}.footer-div{background:#4aff4280;width:100%}.footer{text-align:right;color:#fff;width:1024px;margin:auto;padding:1rem}@media (width<=600px){h1{font-size:10vw;font-weight:800}.header,.navbar{width:auto}.project-card{width:100%;min-height:auto}.project-card-flex{gap:.5rem;width:100%;margin:1rem auto 0}.project-image:hover{width:100%}.project-card-flex{gap:.5rem;margin:1rem auto 0}.footer{width:auto}}