*{margin:0;padding:0;box-sizing:content-box;font-family:"Roboto",sans-serif;font-size:1.17rem}html{background:#EFEAFB}body{color:#ffffffc5}main{margin:0 .6rem;margin-top:7rem}.title{text-align:center;margin:.4rem 0 .6rem;font-size:2.5rem}.violet{font-size:2.5rem;font-style:normal;color:#6c63ff}.desc{margin-bottom:.8rem;text-align:center}.first-row{display:grid;grid-template-columns:1fr 1fr;margin:1.1rem;margin-bottom:.5rem;justify-content:center;flex-direction:row;align-content:center;transition-delay:.1s;align-items:stretch}.proj{background:linear-gradient(to right,#7434db,#8936d6,#bea9a9fb);box-shadow:0 12px 24px #ffffff40 inset 0 1px 0 #00000040;color:#ffffffc5;border-radius:10px;margin:1.5rem;margin-top:.6rem;padding:.8rem;height:90%}.proj:hover{background:linear-gradient(to bottom right,#6c63ff,#b3a8c9);transform:translateY(-3px);transform:scale(1.025);transition:.2s ease}.proj1,.proj2{text-align:center;transition-delay:.2s}.proj-title{font-size:1.7rem;margin-bottom:.4rem;transition-delay:.25s}.proj-desc{margin-left:1rem;margin-top:1.5rem;transition-delay:.2s;text-align:left;line-height:1.7rem}.proj-img{border:2px solid #ffffffc5;border-radius:8px;margin-top:1rem;padding:.5rem;width:400px;max-width:90%;aspect-ratio:1 / 1;object-fit:cover;object-position:center}.box-container{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;margin:.7rem;gap:.8rem}.box{display:flex;align-items:center;gap:.4rem;text-decoration:none;padding:.4rem;margin:.2rem;color:inherit;border:3px solid #ffffffc5;border-radius:12px}.box:hover{color:#fff;border-color:#fff}.github{width:20px;height:20px}[data-theme="dark"] .proj{box-shadow:0 12px 24px #0000004d inset 0 1px 0 #ffffff40;background:linear-gradient(to right,#7434db,#8936d6,#9c7e7efb)}@media (max-width: 768px){main{margin:0 .4rem;margin-top:7rem}.title{font-size:1.8rem}.violet{font-size:1.8rem}.first-row{grid-template-columns:1fr;margin:.5rem}.proj{padding:.6rem;margin:.6rem}.proj-img{width:300px;max-width:90%;max-height:300px}.box-container{flex-direction:row;gap:.5rem}.box{width:70%;justify-content:center}}@media (max-width: 480px){*{font-size:1rem}.title{font-size:1.6rem;margin:.3rem 0 .4rem}.violet{font-size:1.6rem}.proj-title{font-size:1.2rem}.desc{font-size:.9rem}.proj{padding:.5rem;margin:.5rem;height:93%}.proj-img{width:250px;max-width:90%;max-height:250px}}