.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#284b63;color:#fff;padding:10px 75px;position:relative}.name{font-size:1.6em;font-weight:700;letter-spacing:3px}.job-title{margin-left:25px;color:#f4f4f4}.nav-links{list-style:none;display:flex;gap:15px}.icon-links{display:flex;gap:50px}.icon{width:40px;height:40px;cursor:pointer;transition:transform .2s ease,opacity .2s ease;filter:invert(100%) brightness(1000%) contrast(50%)}.icon:hover{transform:scale(1.1);opacity:.8}.tooltip{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:5px;border-radius:4px;font-size:12px;visibility:hidden;opacity:0;transition:visibility .2s,opacity .2s}.icon-wrapper{position:relative}@media(max-width:1000px){.navbar{padding:10px 25px}.job-title{margin-left:15px}.icon-links{gap:10px}}@media(max-width:600px){.navbar{padding:8px 10px;gap:8px}.name{font-size:.8em;letter-spacing:2px}.job-title{font-size:.6em;margin-left:8px}.icon-links{gap:16px}.icon{width:25px;height:25px}.nav-links{gap:8px}}.tile{border:1px solid #ccc;border-radius:8px;padding:20px;margin:10px;background-color:#fff;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;align-items:center;max-width:100%;box-sizing:border-box;position:relative}.under-construction-banner{position:absolute;top:5px;left:-25px;background-color:#ff0;color:#000;padding:5px 10px;font-weight:700;border-radius:5px;transform:rotate(-15deg);box-shadow:0 2px 5px #0003}.tile-logo{max-width:100px;position:absolute;top:10px;right:10px;margin-bottom:10px}.tile-image{max-width:760px;width:100%;margin-bottom:10px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;border-radius:10px}.tile-content{text-align:center;width:100%}.tile-title{font-size:1.5em;margin:10px 0 5px;word-wrap:break-word;letter-spacing:3px}.icons-row{margin-bottom:15px}.tile-description{font-size:1em;margin:auto;word-wrap:break-word;max-width:80%}.github-icon{width:24px;height:24px;margin-top:10px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.github-icon:hover{transform:scale(1.1);opacity:.8}.key-aspects{display:flex;justify-content:center;gap:10px;margin-top:10px;flex-wrap:wrap}.skill-bubble{color:#fff;padding:5px 10px;border-radius:15px;font-size:.9em;word-wrap:break-word}.tooltip{position:absolute;bottom:-25px;left:51%;transform:translate(-50%);background-color:#000;color:#fff;padding:5px;border-radius:4px;font-size:12px;visibility:hidden;opacity:0;transition:visibility .2s,opacity .2s;white-space:nowrap}.icon-wrapper{position:relative;overflow:visible}.icon-wrapper:hover .tooltip{visibility:visible;opacity:1}.carousel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:16px 0;position:relative}.carousel-image{max-width:275px;width:100%;height:auto;border-radius:10px;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;margin-bottom:8px;object-fit:contain}.carousel-arrow{background:#284b63;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1.3em;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:2;opacity:.85;transition:background .2s,opacity .2s}.carousel-arrow.left{left:25vw}.carousel-arrow.right{right:25vw}.carousel-arrow:active,.carousel-arrow:focus{background:#3c6e71;opacity:1}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:6px}.carousel-dot{width:10px;height:10px;border-radius:50%;background:#ccc;display:inline-block;cursor:pointer;transition:background .2s;outline:none}.carousel-dot.active{background:#284b63}@media(max-width:600px){.tile{padding:10px;margin:5px}.tile-title{font-size:1.2em}.tile-description{font-size:.9em}.key-aspects{gap:5px}.skill-bubble{font-size:.8em;padding:3px 6px}.tile-logo{max-width:50px;top:5px;right:5px}.under-construction-banner{top:5px;left:-15px;padding:3px 6px;font-size:.8em}.multiple-images{gap:5px}.additional-image{max-width:100px}.carousel-image{max-width:180px;border-radius:7px}.carousel-arrow{width:26px;height:26px;font-size:1em}.carousel-dot{width:8px;height:8px}.carousel-arrow.left{left:0}.carousel-arrow.right{right:0}}@media(max-width:1100px)and (min-width:601px){.tile{padding:15px;margin:7px}.tile-title{font-size:1.3em}.tile-description{font-size:.95em}.key-aspects{gap:7px}.skill-bubble{font-size:.85em;padding:4px 7px}.tile-logo{max-width:75px;top:7px;right:7px}.under-construction-banner{top:7px;left:-20px;padding:4px 7px;font-size:.85em}.multiple-images{gap:7px}.additional-image{max-width:150px}.carousel-image{max-width:240px;border-radius:8px}.carousel-arrow{width:28px;height:28px;font-size:1.1em}.carousel-dot{width:9px;height:9px}.carousel-arrow.left{left:14vw}.carousel-arrow.right{right:14vw}}.projects{padding:20px;background-color:#284b63;margin:20px 0;border-radius:10px}.projects ul{list-style:none;padding:0}.project-item{display:flex;align-items:center;justify-content:space-between;margin:10px 0;border-bottom:1px solid #ccc;padding-bottom:10px}.project-info{max-width:80%}.github-icon{width:24px;height:24px;margin-left:10px;cursor:pointer;transition:transform .2s ease}.github-icon:hover{transform:scale(1.1)}.about{padding:20px;background-color:#f4f4f4;margin:20px 250px;text-align:center;border-radius:10px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}@media(min-width:600px)and (max-width:1100px){.about{margin:16px 60px;padding:16px;border-radius:8px;box-shadow:#32325d38 0 1.5px 4px -1px,#00000038 0 1px 2.5px -1px}}@media(max-width:600px){.about{margin:12px;padding:12px;border-radius:6px;box-shadow:#32325d2e 0 1px 3px -1px,#0000002e 0 1px 2px -1px}}@font-face{font-family:Questrial;src:url(/assets/Questrial-Regular-BGISleCW.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{font-family:Questrial,Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}main{padding:20px}