:root{--bg-color-2:#0f111b;--font-size:18px;--mbl-font-size:16px}.personal-project-card{background-color:var(--bg-color-2);box-sizing:border-box;border-radius:20px;flex-direction:column;gap:10px;width:100%;max-width:400px;padding:25px;text-decoration:none;transition:transform .3s;display:flex;box-shadow:10px 16px 26px 3px #000000a6}.personal-project-card:hover{transform:translateY(-10px)}.personal-project-card .description{color:#fff;font-size:var(--font-size)}.personal-project-card .tech-list{color:#a1a1a1;font-family:Courier New,Courier,monospace;font-size:15px}.personal-project-card .proj-title{color:var(--primary);font-size:20px}
.back-button-header{padding:15px 0}.back-button-header a{color:#fff;font-size:var(--font-size);background-color:#ff3838;border-radius:10px;align-items:center;padding:10px;text-decoration:none;display:inline-flex}.back-button-header a:hover{background-color:#a12525}
.projectspage{flex-direction:column;align-items:center;width:100%;display:flex}.projectspage-main-content{box-sizing:border-box;width:100%;max-width:1200px;padding:15px}.projectspage-main-content h1{margin-bottom:10px;font-size:clamp(32px,8vw,50px)}.projectspage-main-content h2{margin-top:20px;font-size:clamp(24px,5vw,30px)}.personal-grid{grid-template-columns:1fr;gap:20px;padding:10px 0;display:grid}.first-subheader,.second-subheader{padding-bottom:10px}.second-subheader{padding-top:20px}.company-name{color:var(--primary)}@media (min-width:768px){.personal-grid{grid-template-columns:repeat(3,1fr);gap:30px}.projectspage-main-content{padding:40px}}@media (max-width:768px){h1,.first-subheader,.second-subheader{text-align:center}}