body{transition:margin-left .5s ease}.navbar{display:flex;justify-content:space-between;align-items:center;padding:25px;color:#222831;position:fixed;z-index:1000}.hamburger{cursor:pointer;font-size:24px}.navbar.open .hamburger{display:none}.dropdown{position:fixed;top:0;left:0;width:250px;height:100%;background-color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translate(-100%);transition:transform .5s ease;opacity:0}.dropdown.open{transform:translate(0);opacity:1}.dropdown a{padding:20px;color:#222831;text-decoration:none;font-size:36px;transition:color .3s ease}.dropdown a:hover{color:#ccc}.close-button{position:absolute;top:20px;left:20px;background:none;border:none;color:#222831;font-size:36px;cursor:pointer;transition:color .3s ease}.close-button:hover{color:#ccc}.contact-button{position:fixed;right:50px;display:flex;align-items:center;gap:5px;top:50px}.contact-btn,.linkedin-btn{display:inline-flex;align-items:center;justify-content:center;color:#222831;text-decoration:none;font-weight:700;padding:5px;border-radius:8px;font-size:16px;transition:all .3s ease}.linkedin-btn{font-size:25px}.contact-btn:hover{letter-spacing:1px}.linkedin-btn:hover{transform:scale(1.1)}@media (max-width: 768px){.contact-button{flex-direction:column}.contact-btn{font-size:10px}.linkedin-btn{font-size:20px}}.projects-border{background-color:#eee;border-radius:10px;width:100%;height:auto;box-shadow:0 0 5px #00000080;flex-direction:column;align-items:center;justify-content:center;padding-bottom:100px}.projects-container{width:95%;max-width:1400px;margin:auto;padding:2.5rem 0;font-family:sans-serif;color:#000}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.profile-pic{width:150px;height:150px;border-radius:50%;object-fit:cover;border-width:1px;border-style:solid}.profile-bio{max-width:70%;font-size:1.2rem;line-height:1.1;align-items:center;text-align:center}.porfile-name{font-size:3rem;margin:.5rem 0;font-weight:700}.profile-title{margin:.5rem 0 1rem;font-size:1rem;color:#555;max-width:600px}.profile-buttons{display:flex;gap:1rem}.btn{padding:.5rem 1.2rem;border:1px solid #777;border-radius:8px;background:none;color:#000;text-decoration:none;transition:background .2s ease}.btn:hover{background:#0000001a}.project-title-overview{text-align:center;font-size:2rem;margin-bottom:1.5rem;font-weight:700}.feed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:start}.feed-item-wrapper{position:relative;width:100%;overflow:visible;border-radius:12px;cursor:pointer;display:block}.feed-item-wrapper img,.feed-item-wrapper canvas{width:100%;height:100%;object-fit:cover;display:block}.feed-description{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:.5rem;font-size:.9rem;text-align:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.feed-description.show{opacity:1}@media (max-width: 900px){.feed-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.feed-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (max-width: 600px){.feed-grid{grid-template-columns:1fr}}.project-card-link{text-decoration:none;color:inherit;display:block}.project-media-wrap{flex:0 0 calc(100% - 150px);width:100%;background:#e3edfff2;overflow:hidden}.project-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #00000014;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;display:flex;flex-direction:column;height:500px;width:100%;padding-bottom:35px}.project-card-body{flex:0 0 110px;padding:1rem 1rem 1rem .6rem;display:flex;flex-direction:row;align-items:center;gap:.75rem}.project-media-wrap{flex:0 0 calc(100% - 110px);width:100%;background:#e3edfff2;overflow:hidden;position:relative}.project-meta-bar{position:absolute;left:12px;bottom:150px;display:flex;gap:.6rem;align-items:center;padding:.35rem .55rem;background:#0006;color:#fff;border-radius:8px;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.meta-item{display:flex;gap:.4rem;align-items:center;font-size:.85rem}.meta-item svg{color:inherit;width:16px;height:16px}.meta-item span{opacity:.95}.project-body-inner{flex:1 1 auto;padding-left:5px;text-align:left;padding-right:.5rem;margin-bottom:30px}.project-chevron{flex:0 0 28px;font-size:1.4rem;color:#00000059;transition:transform .14s ease,color .14s ease;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.project-card:hover .project-chevron{transform:translate(6px);color:#0009}.project-media-wrap{width:100%;overflow:hidden}.project-media{width:100%;height:15%;object-fit:cover;display:block}.project-name{margin:0 0 .25rem;text-align:left;font-size:1.25rem}.project-role{margin:0 0 .5rem;text-align:left;color:#666;font-size:.9rem}.project-desc{margin:0;text-align:left;color:#444;font-size:.95rem;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:95%;overflow:hidden;text-overflow:ellipsis;word-break:break-word;font-size:1.15rem}@media (max-width: 600px){.project-card{height:auto}.project-media-wrap{flex:none}.project-card-body{padding:.6rem;flex:none}.project-name{font-size:1rem}.project-meta-bar{visibility:hidden}}.container-border .back-button{display:flex;align-items:center;margin-left:10%;border:none;cursor:pointer;text-decoration:none;height:auto;width:fit-content;font-size:25px}.media-container{position:relative;display:block;text-align:center}.first-media{width:80%;height:auto;margin:0 auto;display:block;border-radius:10px;box-shadow:0 0 5px #00000080}.project-title{position:absolute;left:50%;transform:translate(-50%);bottom:0;font-size:28px;font-weight:700;color:#fff;background:#0000004d;padding:8px 12px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:80%;box-sizing:border-box;text-align:center;pointer-events:none}.about-container{display:flex;flex-direction:column;margin:0 auto;padding:2.5rem 0;font-family:sans-serif}.project-overview{display:flex;flex-direction:row;gap:10px;margin-top:10px;justify-content:center}.project-about{background-color:#fff;padding:10px 16px;border-radius:10px;width:45%;height:fit-content}.about-title{padding-top:20px;font-size:25px;font-weight:700;text-align:left;margin-left:5px}.about-description{font-size:18px;line-height:1.6;align-items:left;text-align:left;margin-left:5px}.project-info{padding:10px 16px;background-color:#fff;border-radius:10px;width:30%;height:fit-content}.info-line{display:flex;align-items:center;gap:8px}.person-icon{font-size:20px;display:inline-block;vertical-align:middle;transform:translateY(-2px)}.project-body{display:flex;flex-direction:column;text-align:left;margin:0 auto;width:78%;background-color:#fff;padding:10px 16px;border-radius:10px;height:fit-content}.project-body-title{margin-top:20px;font-weight:700;font-size:25px;text-align:left}.project-body-text,.project-body-text p{text-align:left}.project-body-text ul{width:90%;margin:20px auto}.project-body-text li{padding-bottom:5px}.project-video-container{display:flex;justify-content:center;align-items:center;gap:5px}.project-video{width:50%;height:auto;border-radius:10px;box-shadow:0 0 5px #00000080;margin-top:20px;margin-bottom:25px}@media (max-width: 900px){.project-overview{flex-direction:column;align-items:center}.project-about,.project-info{width:80%;margin-bottom:20px}.container-border .back-button{font-size:20px}.project-title{font-size:16px;padding:6px 12px}}@media (max-width: 600px){.project-overview{flex-direction:column;align-items:center}.project-about,.project-info{width:80%;margin-bottom:20px}.container-border .back-button{font-size:15px}.project-title{font-size:12px;padding:2px 12px}}body{font-family:Arial,Helvetica,sans-serif;text-align:center}hr{width:500px}#board{position:relative;width:400px;height:400px;background-color:#e3c7a8;border:6px solid #d8b89c;margin:0 auto;display:flex;flex-wrap:wrap}#gameOverOverlay{position:fixed;width:100%;height:100%;background:#000c;color:#fff;display:none;justify-content:center;align-items:center;font-size:2em;text-align:center}.tile{width:90px;height:90px;border:5px solid #d8b89c;font-size:40px;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:5px}.back-button{display:flex;align-items:center;margin:40px 20px 20px 15%;border:none;cursor:pointer;text-decoration:none;font-size:25px;width:fit-content}.scroll-text-scroll{display:none}.x2{background-color:#d8cdac;color:#fff}.x4{background-color:#697b60;color:#fff}.x8{background-color:#5e6e56;color:#fff}.x16{background-color:#54624c;color:#fff}.x32{background-color:#495643;color:#fff}.x64{background-color:#3f4939;color:#fff}.x128{background-color:#343d30;color:#fff}.x256{background-color:#2a3126;color:#fff}.x512{background-color:#58492f;color:#fff}.x1024{background-color:#4f412a;color:#fff}.x2048{background-color:#463a25;color:#fff}.x4096{background-color:#3d3320;color:#fff}.x8192{background-color:#342b1c;color:#fff}.instructions{max-width:50%;margin:0 auto;padding-bottom:20px}@media (max-width: 768px){#board{width:300px;height:300px;touch-action:none;position:relative}.tile{width:65px;height:65px}hr{width:80%}.scroll-text{display:none}.scroll-text-scroll{display:block}}h1{color:#222831;text-align:center;padding-top:30px;font-size:35px}h2{color:#222831;text-align:center;font-size:30px}h3{color:#222831;text-align:center;font-size:25px}a,a:visited{color:#222831}p{text-align:center;color:#222831;font-size:20px}form{display:flex;flex-direction:column;width:300px;margin:0 auto}form div{margin-bottom:15px}label{font-weight:700}input,textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.container-border{background-color:#eee;border-radius:10px;width:100%;height:auto;box-shadow:0 0 5px #00000080;flex-direction:column;align-items:center;justify-content:center;padding-bottom:100px;overflow:hidden}.about-content{display:flex;align-items:center;justify-content:center;max-width:80%;margin:0 auto;padding-top:50px}.left-text{max-width:50%;font-size:20px;text-align:right}.right-text{max-width:50%;font-size:20px;padding-left:300px}.about-name{font-size:40px}.about-desc{font-size:20px}.about-gif{width:600px;height:auto;max-width:100%}.education-img,.lifting-img{width:400px;height:auto;max-width:100%}.gaming-img{width:350px;height:auto;max-width:100%}.centered-container{align-items:center;justify-content:center;height:70vh}.position{font-size:26px;color:#222831;margin:0;padding-top:20px}.experience-position{font-size:14px;color:#222831;opacity:.8;margin:6px 0 0}.experience-description{max-width:50%;margin:0 auto;font-size:20px}.experience-position-desc{max-width:60%;margin:6px auto 0;font-size:18px;padding-bottom:20px}.data-img{display:flex;justify-content:center;align-items:center;margin:auto;padding-bottom:20px;max-width:20%}.gameplay-section::-webkit-scrollbar{display:none}.gameplay-list{display:grid;grid-template-columns:repeat(3,250px);grid-template-rows:repeat(0,250px);gap:15px;width:100%;height:100%}.gameplay-list img{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:transform .3s ease,z-index .3s ease}.gameplay-list img:hover{transform:scale(2);width:100%;height:100%;z-index:1000;box-shadow:0 8px 16px #0003}@media (max-width: 768px){.about-content{flex-direction:column;align-items:center;text-align:center}.about-content img{max-width:100%;height:auto}.about-gif,.board-img{width:100%;height:auto}.left-text,.right-text{padding:10px}.gameplay-section{width:100%;height:auto}.gameplay-section::-webkit-scrollbar{width:20px;height:20px}.gameplay-section::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:8px}.gameplay-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.gameplay-list-container{position:relative;width:100%;height:auto}.gameplay-list{display:flex;overflow-x:auto;gap:4px}.gameplay-list img{flex:0 0 auto;width:45vw;height:70vw;pointer-events:none}.gameplay-image:hover{transform:none;box-shadow:none}}@media (max-width: 480px){h1{font-size:1.5rem}p{font-size:1rem}}