: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}.project-list{text-align:left;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%;min-height:500px;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;margin:1rem auto 0;display:flex}.project-card-flex p:nth-child(2){font-style:italic}.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{width:auto}.project-image:hover{width:100%}.project-card-flex{gap:.5rem;margin:1rem auto 0}.footer{width:auto}}