blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}body{font-family:Thabit,monospace;background-color:#ffffff;color:#333;line-height:1.6;align-items:center;min-height:100vh}.container,body{display:flex;flex-direction:column;padding:1rem}.container{width:100%;max-width:1000px;margin:0 auto;flex-grow:1}header{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:1rem;margin-bottom:2rem;border-bottom:1px solid #ccc;flex-wrap:wrap;gap:1rem}a{background:linear-gradient(90deg,#5EEDF5,#ED7FBD);-webkit-background-clip:text;background-clip:text;color:transparent}.header-name{font-size:1.6em;letter-spacing:.1em;text-decoration:none;color:inherit}.header-contact{display:flex;align-items:flex-end;flex-direction:column;gap:.5rem;text-align:right}.social-links{display:flex;gap:.75rem}.social-links a{display:inline-block}.social-links img{height:24px;width:24px;vertical-align:middle;transition:opacity .2s ease-in-out}.social-links img:hover{opacity:.7}.email-link{font-size:.9em;color:#555;text-decoration:none}.email-link:hover{text-decoration:underline}hr{margin:8rem 0}main{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:2rem}.button-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:500px;width:100%;margin-bottom:2rem}.grid-button{position:relative;background-color:#fff;border:1px solid #bbb;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:inherit;transition:transform .2s ease-in-out,background-color .2s ease-in-out;aspect-ratio:1/1;cursor:pointer;overflow:hidden;padding:1rem}.grid-button:hover{transform:translateY(-3px);border:2px solid #bbb}.notebook-btn:hover{background-color:#FFF2E3}.favourites-btn:hover{background-color:#E3F0FF}.thoughts-btn:hover{background-color:#FFE3E8}.grid-button img{max-width:60%;max-height:50%;height:auto;display:block;object-fit:contain}.button-label{font-size:.8em;color:#555;display:none;margin-top:.5rem;flex-shrink:0}.grid-button:hover .button-label{display:block}.resume-button{background-color:#fff;border:1px solid #bbb;border-radius:5px;padding:.6rem 2.5rem;font-family:Thabit,monospace;font-size:.9em;color:#555;text-decoration:none;transition:background-color .2s ease-in-out,border .2s ease-in-out;margin-top:1rem}@media (max-width:900px){header{flex-direction:column;margin-bottom:1.5rem}.header-contact,header{align-items:center;text-align:center}.button-grid{max-width:400px}hr{margin:5rem 0}}@media (max-width:768px){.header-name{font-size:1.4em}.button-grid{max-width:350px;gap:1rem}}@media (max-width:600px){.container,body{padding:.5rem}.social-links{justify-content:center}main{flex-direction:column-reverse;gap:1rem;margin-top:1rem}.button-grid{grid-template-columns:1fr;max-width:250px;gap:1rem}.grid-button{padding:.75rem}.grid-button img{max-width:50%;max-height:40%}.button-label{font-size:.75em}.resume-button{font-size:.85em;padding:.5rem 1.2rem}}