@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap);#HeaderSection[data-v-167c367c]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}#HeaderSection h1[data-v-167c367c]{font-family:Montserrat,sans-serif;font-size:2.5em;color:#000;margin:0;font-weight:400}#HeaderSection p[data-v-167c367c]{margin:.5em;font-size:1.2em;color:#000;font-weight:400;font-family:Courier Prime,monospace}.div[data-v-62489e1e]{border:1px solid #000}.social-icons a img{width:40px;height:40px;vertical-align:middle;margin-right:10px;color:#000;decoration:none}.social-icons{display:flex;justify-content:center;align-items:center;margin:.5em}.project-cards-container[data-v-684a0198]{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:1200px;padding:0 40px;margin:80px auto 30px}.card[data-v-684a0198]{width:calc(33.33333% - 20px);background:#f9f9f9;height:230px;position:relative;transition:transform .3s ease,height .3s ease;display:flex;flex-direction:column;overflow:hidden}.card-content[data-v-684a0198]{position:relative;padding:20px;display:flex;flex-direction:column;height:100%;border:2px solid #000;box-sizing:border-box}.card-accent[data-v-684a0198]{position:absolute;top:0;left:0;height:8px;width:40%}.accent-1[data-v-684a0198]{background-color:#e53935}.accent-2[data-v-684a0198]{background-color:#2196f3}.accent-3[data-v-684a0198]{background-color:#ffc107}.accent-4[data-v-684a0198]{background-color:#4caf50}.accent-5[data-v-684a0198]{background-color:#9c27b0}.card-1 .card-content[data-v-684a0198],.card-4 .card-content[data-v-684a0198]{border-left-width:5px;padding-left:25px}.card-2 .card-content[data-v-684a0198],.card-5 .card-content[data-v-684a0198]{border-top-width:5px;padding-top:25px}.card-3 .card-content[data-v-684a0198]{border-right-width:5px;padding-right:25px}.card-1 .card-accent[data-v-684a0198],.card-4 .card-accent[data-v-684a0198]{width:50%}.card-2 .card-accent[data-v-684a0198],.card-5 .card-accent[data-v-684a0198]{width:40%}.card-3 .card-accent[data-v-684a0198]{width:60%}.card[data-v-684a0198]:hover{transform:translateY(-5px)}.card.expanded[data-v-684a0198]{height:auto;min-height:250px;z-index:10}h3[data-v-684a0198]{margin-top:15px;color:#000;font-weight:700;font-size:16px;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}h3[data-v-684a0198],p[data-v-684a0198]{font-family:Montserrat,sans-serif;cursor:pointer}p[data-v-684a0198]{flex-grow:1;margin:15px 0;color:#333;font-size:13px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;transition:all .3s ease;text-align:left}p.show-all[data-v-684a0198]{-webkit-line-clamp:unset;display:block}.github-link[data-v-684a0198]{display:flex;align-items:center;text-decoration:none;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;align-self:flex-start;margin-top:auto}.github-circle[data-v-684a0198]{display:inline-block;width:16px;height:16px;border-radius:50%;background-color:#000;margin-right:8px;transition:all .3s ease}.github-link[data-v-684a0198]:hover{color:#555}.github-link:hover .github-circle[data-v-684a0198]{background-color:#555}.expand-indicator[data-v-684a0198]{font-size:12px;color:#666;text-align:center;margin-top:10px;font-family:Montserrat,sans-serif;cursor:pointer;font-weight:600}@media (max-width:1024px){.card[data-v-684a0198]{width:calc(50% - 15px)}}@media (max-width:768px){.card[data-v-684a0198]{width:100%;height:220px}.card.expanded[data-v-684a0198]{min-height:220px}}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-weight:400}#app{position:relative;overflow:hidden;flex-direction:column}#app,.attractor{width:100%;height:100%;display:flex;align-items:center}.attractor,.overlay{position:fixed;top:0;left:0;justify-content:center;color:#000;font-size:24px}.overlay{height:100%;background-color:hsla(32,66%,85%,.884);z-index:1000;overflow-y:auto;padding:20px 0}.overlay,.projects-section{width:100%;display:flex;flex-direction:column;align-items:center}.projects-section h2{display:none}