:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#121212;overflow:hidden}*{box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{width:100%;background-color:#161616;padding:1rem 0;position:fixed;top:0;left:0;z-index:1000;box-shadow:0 2px 5px #00000080;display:flex;justify-content:space-between;align-items:center}.navbar-list{display:flex;justify-content:flex-start;list-style:none;margin:0;padding:0}.navbar-item{margin:0 1.3rem;display:flex;align-items:center}.navbar-link{text-decoration:none;color:red;font-size:1rem;display:flex;align-items:center;transition:color .3s ease,background-clip .3s ease;background:linear-gradient(to right,#9b0202,red,#ffd9d9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-link:hover{background:linear-gradient(to right,#1902ca,#5946ff,#ffd9d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-icon{width:20px;height:20px}.navbar-social{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-left:1.5rem;margin-right:1.5rem}.navbar-social a img{width:30px;height:30px;transition:transform .3s ease;border-radius:2px}.navbar-social a img:hover{transform:scale(1.3)}.navbar-toggle{display:none;font-size:2rem;color:#fff;cursor:pointer;margin-right:1.5rem;margin-left:1rem}@media (max-width: 700px){.navbar{flex-direction:row-reverse;padding:.5rem}.navbar-list{display:none;flex-direction:column;position:absolute;top:100%;gap:.5rem;left:0;background-color:#161616e6;padding:.5rem;box-shadow:0 2px 5px #00000080;text-align:left;width:fit-content}.navbar-list.open{display:flex}.navbar-item{margin:.3rem 0}.navbar-link{font-size:1.5;margin-right:.5rem}.navbar-social{justify-content:flex-start;margin-top:0}.navbar-social a img{width:26px;height:26px}.navbar-toggle{display:block;margin-right:1rem}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}30%{opacity:1}50%{transform:translate(0);opacity:1}70%{opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes fireFlicker{0%{background-position:50% 0%}50%{background-position:50% 100%}to{background-position:50% 0%}}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:inherit;overflow:hidden;animation:slideInFromRight 3s ease-in-out}.loading-text{font-size:4rem;font-weight:700;white-space:nowrap;background:linear-gradient(to bottom,#fc4646,red,#500);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Impact,Arial Black,sans-serif;animation:fireFlicker 2s infinite ease-in-out}@media (max-width: 700px){.loading-text{font-size:2rem}}.home-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;background-color:#121212;color:#fff;font-family:Trebuchet MS,sans-serif;text-align:center}.name-row,.school-row{display:flex;justify-content:center;align-items:center;gap:1rem}.name,.school{background:linear-gradient(to right,#9b0202,red,#ffd9d9);background-size:275% 275%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-rotate 5s linear infinite}h1{font-size:4rem;margin-bottom:.5rem}p{font-size:2rem}@media (max-width: 700px){.content{margin-top:2rem}h1{font-size:1.6rem}p{font-size:.8rem}.name-row .school-row{gap:.4rem}.name .school{font-size:1.6rem}}.about-container{margin-top:50px;padding:2rem;background-color:#121212;color:#fff;font-family:Trebuchet MS,sans-serif;text-align:center;max-height:80vh;overflow-y:auto;box-sizing:border-box}.about-title{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(to right,#9b0202,red,#ffd9d9);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-rotate 5s linear infinite}.img-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.about-img{max-width:200px;height:auto;border-radius:8px;border:2px solid darkred;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;object-fit:contain}.match-frame{max-width:200px;width:200px;height:auto;object-fit:contain}.detail-img{max-width:600px;height:auto;border-radius:8px;border:2px solid darkred;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;object-fit:contain;margin-top:10px}.about-img:hover,.detail-img:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.about-description{font-size:1rem;margin-bottom:2rem;line-height:1.6;margin-left:2rem;margin-right:2rem}.about-details h2{font-size:1.8rem;margin-top:1.5rem;background:linear-gradient(to right,#9b0202,red,#ffd9d9);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-rotate 5s linear infinite}.about-details img{margin-top:1.5rem;max-width:500px;width:auto;height:auto}.about-details p{font-size:1rem;margin-top:1rem;line-height:1.6}.about-details div{margin-top:20px}@media (max-width: 800px){.sub-container{flex-direction:column;gap:1rem}.img-container{justify-content:center;margin-bottom:1rem;padding:10px}.about-description{margin-left:1rem;margin-right:1rem;text-align:center}.about-img{max-width:150px;height:auto}.match-frame{max-width:150px;width:150px;height:auto}.detail-img{max-width:250px;height:auto}.about-details img{max-width:250px}}.education-container{margin-top:50px;padding:2rem;background-color:#121212;color:#fff;font-family:Trebuchet MS,sans-serif;text-align:center;max-height:80vh;overflow-y:auto;box-sizing:border-box}.education-title{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(to right,#9b0202,red,#ffd9d9);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-rotate 5s linear infinite}.education-img{width:100%;max-width:none;height:auto;border-radius:8px;border:2px solid darkred;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;object-fit:contain;margin:0}#img-2{width:100%}.education-img:hover,.detail-img:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.education-description{font-size:1rem;margin-bottom:2rem;line-height:1.6;margin-left:2rem;margin-right:2rem;width:60%}.education-details h2{font-size:1.8rem;margin-top:1.5rem;background:linear-gradient(to right,#9b0202,red,#ffd9d9);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-rotate 5s linear infinite}.education-details ul{list-style:none;padding:0;margin:1rem 0}.education-details ul li{font-size:1rem;margin:.5rem 0}.education-details p{font-size:1rem;margin-top:1rem;line-height:1.6}.education-details-container{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.detail-box{flex:1;max-width:350px;padding:1.5rem;border:2px solid darkred;border-radius:10px;background-color:#1e1e1eb3;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.education-details{margin-top:2rem}.education-details ul li{font-size:1rem;margin:.5rem 0;transition:color .2s ease}@media (max-width: 800px){.sub-container{flex-direction:column;gap:1rem}.img-container{width:80%;max-width:300px;margin-bottom:1rem;padding:0}.education-description{width:100%;margin-left:1rem;margin-right:1rem;text-align:center}.education-img{width:100%;max-width:none;height:auto;margin:0}#img-2{width:100%}.detail-img{max-width:225px;height:auto;margin-top:-20px}.detail-img:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.education-details-container{flex-direction:column;align-items:center;gap:1.5rem}.detail-box{width:90%;max-width:none}}.experience-container{margin-top:50px;padding:2rem;background-color:#121212;color:#fff;font-family:Trebuchet MS,sans-serif;text-align:center;max-height:80vh;overflow-y:auto;box-sizing:border-box}.sub-container{display:flex;justify-content:center;align-items:center}.experience-title{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(to right,#9b0202,red,#ffd9d9);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-rotate 5s linear infinite}.img-container{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;width:20%;min-width:200px}.experience-img{width:100%;max-width:none;height:auto;border-radius:8px;border:2px solid darkred;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;object-fit:contain;margin:0}.detail-img{max-width:300px;height:auto;border-radius:8px;border:2px solid darkred;box-shadow:0 4px 6px #0000001a;object-fit:contain;margin-top:-30px;transition:transform .3s ease,box-shadow .3s ease}.experience-img:hover,.detail-img:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.experience-description{font-size:1rem;margin-bottom:2rem;line-height:1.6;margin-left:2rem;margin-right:2rem;width:60%}.experience-details h2{font-size:1.8rem;margin-top:1.5rem;background:linear-gradient(to right,#9b0202,red,#ffd9d9);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-rotate 5s linear infinite}.experience-details ul{text-align:center;margin-bottom:.5rem;padding:0;max-width:25rem}.experience-details li{list-style:none;font-size:1rem;text-align:center;background-color:transparent;padding:.5rem;border-radius:0;margin:.5rem 0;border:none;transition:color .2s ease}.experience-details li p{font-size:1.4rem;text-align:center;margin-bottom:1rem;color:#a23131}.experience-line{display:flex;justify-content:center;align-items:center;margin-top:1rem;margin-right:1rem;margin-left:1rem}.image-group{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;margin:20px 0}.auto-sized-image{max-width:100%;height:auto;object-fit:contain;border-radius:8px;border:2px solid darkred;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.auto-sized-image:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.image-container{flex:1;min-width:200px;max-width:400px;display:flex;justify-content:center}.experience-details-container{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;max-width:800px;margin-left:auto;margin-right:auto}.detail-box{flex:0 0 calc(50% - 2rem);min-width:300px;max-width:350px;padding:1.5rem;border:2px solid darkred;border-radius:10px;background-color:#1e1e1eb3;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:1rem}.detail-box:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000004d}.certifications-box,.achievements-box{border-left-width:2px}.detail-box h2{margin-top:0}.experience-details{margin-top:2rem}.detail-box ul li:hover{color:#f55}img[src*="duo_img.JPG"]{width:100%;max-width:none;height:auto;margin:0;object-fit:contain}@media (max-width: 800px){.sub-container{flex-direction:column;gap:1rem}.img-container{width:80%;max-width:300px;margin-bottom:1rem;padding:0}.experience-description{width:100%;margin-left:1rem;margin-right:1rem;text-align:center}.experience-img{width:100%;max-width:none;height:auto;margin:0}.detail-img{max-width:225px;height:auto;margin-top:-20px}.experience-details-container{flex-direction:column;align-items:center;gap:1.5rem}.detail-box{flex:1 1 100%;width:90%;max-width:none;margin-bottom:1.5rem}.experience-details ul{text-align:center;padding:0;margin:10px auto 0}.experience-details li{font-size:.9rem;margin:.5rem 0;padding:.3rem;background-color:transparent;border:none}.experience-details li p{font-size:1rem;margin-bottom:.5rem;margin-top:10px}.experience-line{display:block;text-align:center;margin-top:1rem}.image-container{min-width:150px;max-width:100%}img[src*="duo_img.JPG"]{width:100%;max-width:none;margin:0}}.contact-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;background-color:#121212;color:#fff;font-family:Trebuchet MS,sans-serif;text-align:center}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 5rem);margin-top:5rem;text-align:center}.contact-title{font-size:3rem;margin-bottom:1rem;background:linear-gradient(to right,#9b0202,red,#ffd9d9);background-size:275% 275%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-rotate 5s linear infinite}.contact-description{font-size:1.2rem;margin-bottom:2rem;margin-left:2rem;margin-right:2rem;line-height:1.6}.contact-info p{font-size:1.1rem}.contact-highlight{background:linear-gradient(to right,#9b0202,red,#ffd9d9);background-size:275% 275%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-rotate 5s linear infinite}@keyframes gradient-rotate{0%{background-position:0% 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0% 50%}}@media (max-width: 700px){.content{margin-top:2rem}.contact-title{font-size:2rem}.contact-description{font-size:1rem}.contact-info p{font-size:.9rem}}.app-container{transition:opacity .5s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0}.creator-info-box{position:fixed;bottom:1rem;right:1rem;background-color:#121212;color:#ffffffde;padding:1rem;border-radius:8px;font-size:.9rem;max-width:300px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.creator-info-box h2{margin:0 0 .5rem;font-size:.75rem;color:#323232}.creator-info-box p{margin:0;line-height:1;font-size:.75rem;text-align:right;color:#323232}.creator-info-box a{color:#323232;text-decoration:none;font-weight:700}.creator-info-box a:hover{color:#4103d3}@media (max-width: 768px){.creator-info-box{bottom:.5rem;right:.5rem;padding:.75rem;font-size:.8rem;max-width:250px}.creator-info-box h2,.creator-info-box p{font-size:.7rem}}@media (max-width: 480px){.creator-info-box{bottom:.25rem;right:.25rem;padding:.5rem;font-size:.7rem;max-width:200px}.creator-info-box h2,.creator-info-box p{font-size:.6rem}}