@import "https://fonts.googleapis.com/css2?family=Intel+One+Mono:wght@400;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Intel One Mono", monospace;--heading:"Intel One Mono", monospace;--mono:"Intel One Mono", monospace;font:16px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:1126px;height:100%;margin:0 auto;display:flex;overflow-y:auto}body{background-image:url(/assets/ocean2-BW1zOc31.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;margin:0}.footer{color:#fff;background-color:#1e45b1;flex-direction:column;align-items:center;display:flex}.footer ul{justify-content:center;align-items:center;gap:30px;padding:0;list-style:none;display:flex}#middle{margin-bottom:70px}#middle li{margin-bottom:16px;padding:0 15px;list-style:none}.button-icon{width:32px;height:auto;transition:transform .2s ease-out,filter .2s ease-out}.button-icon:hover{transform:translateY(-4px)scale(1.1)}.button-icon:active{transform:translateY(-1px)scale(.95)}.blue-text{color:#3594bf}.Graduation{color:#3594bf;margin-bottom:1em;font-style:italic}.pfp{height:200px}.Top{padding:30px}.Titles{text-align:left;font-size:26px}.middle{text-align:left;padding:30px}.educational,.interesting,.language{padding-bottom:10px}.close-button{color:#fff;cursor:pointer;letter-spacing:3px;background:0 0;border:none;font-size:18px;font-weight:700}.close-button:hover{transform:scale(1.1)}.modal-header{color:#fff;background:#3594bf;justify-content:space-between;align-items:center;height:45px;padding:0 30px;display:flex}.abtop{padding:5px 20px 20px}.fishmailbot{padding:20px}.newfish{width:200px;height:auto}.fishmailbot{font-size:16px}p{margin:5px}.email-btn{color:#fff;background-color:#3594bf;border-radius:10px;justify-content:center;align-items:center;width:160px;height:50px;margin:20px 20px 30px;font-size:16px;font-weight:700;transition:all .3s}.email-btn:hover{background-color:#1b3880;transform:scale(1.08)}.tagGrid{flex-wrap:wrap;gap:12px;padding:0;list-style:none;display:flex}.tag{color:#333;cursor:pointer;background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:10px 14px;font-size:14px;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s,background-color .15s;box-shadow:0 2px #00000014}.tag:hover{background-color:#fafafa;transform:translateY(-4px);box-shadow:0 6px 12px #0000001a}.tag:active{transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.accepting{text-align:left;background:#cfeeff;border-radius:12px;margin:30px 40px;padding:24px 32px}.skill-container{gap:20px;margin:30px 40px;display:flex}.skill-box{background:#f8f8f8;flex:1;padding:20px}.project-card{border-bottom:1px solid #eee;gap:32px;max-width:800px;margin-bottom:80px;padding:10px 0;display:flex}.project-img{object-fit:cover;border:1px solid #0000000d;border-radius:12px;width:320px;height:200px}.project-info{text-align:left;flex-direction:column;flex:1;display:flex}.project-info h3{color:#000;margin:0 0 12px;font-size:24px;font-weight:500}.project-desc{color:#666;margin:0 0 20px;font-size:15px;line-height:1.6}.project-info a{align-self:center;margin-top:auto;text-decoration:none}.workbutt{color:#3594bf;cursor:pointer;text-transform:lowercase;background:#cef;border:none;border-radius:8px;margin-bottom:30px;padding:12px 32px;font-size:15px;font-weight:500;transition:background .2s,transform .1s}.workbutt:hover{background:#b0d9ee;transform:translateY(-1px)}.workbutt:active{transform:translateY(0)}.container{max-width:850px;margin:0 auto;padding:40px 20px}.projectT{text-align:left;color:#444;text-transform:uppercase;letter-spacing:.5px;margin-top:60px;margin-left:70px;font-size:26px}@media (width<=768px){.skill-container{flex-direction:column;margin:15px 20px}.accepting{margin:20px;padding:16px 20px}.projectT{margin-left:20px}.project-card{flex-direction:column;gap:16px;margin-bottom:50px;padding:10px 20px}.project-img{width:100%;height:180px}.project-info{text-align:center}.project-info h3{font-size:20px}.workbutt{width:100%;margin-bottom:15px}}@media (width<=1024px){.about-modal,.contact-modal,.work-modal{max-height:85vh;width:90%!important}}@media (width<=480px){.ui-layer{z-index:10000!important;align-items:center!important;gap:8px!important;padding-left:4px!important;display:flex!important;position:fixed!important;inset:12px auto auto 0!important}.music,.mute-icon{width:40px!important;margin:0!important}.ui-layer img[src*=soundOn]{width:10px!important}}.ui-layer{z-index:10;align-items:center;gap:16px;padding:20px;display:flex;position:absolute;top:0;left:150px}.mute-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.mute-icon{width:36px;height:auto;transition:transform .15s ease-out}.mute-icon:hover{transform:scale(1.1)}.mute-icon:active{transform:scale(.95)}.base{width:350px;margin-bottom:70px}button{cursor:pointer;background:0 0;border:none;padding:0}#middle{position:relative}#middle .mbutton{z-index:0;width:250px;margin-top:auto;transition:transform .2s ease-out,filter .2s ease-out;position:relative;transform:translate(-10px)}#middle .mbutton:hover{filter:brightness(.85);transform:translate(-10px)translateY(-6px)scale(1.03)}#middle .mbutton:active{transform:translate(-10px)translateY(-2px)scale(.98)}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.overlay{z-index:9999;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{color:#000;will-change:transform;background:#fff;border-radius:20px;flex-direction:column;width:350px;height:600px;transition:none;animation:.2s ease-out modalOpen;display:flex;box-shadow:0 10px 4px #4d444459}.modal-closing{animation:.2s ease-in forwards modalClose}.modal-content{height:100%;padding-top:20px;overflow-y:auto}.about-modal{width:600px;min-height:500px}.contact-modal{width:600px;height:700px}.work-modal{width:1000px;height:700px;overflow-y:auto}.music{width:64px;height:auto;position:left;cursor:pointer;z-index:9999;transition:transform .15s ease-out;top:20px;left:200px}.music:hover{transform:scale(1.1)}.music:active{transform:scale(.95)}@keyframes modalOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalClose{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.top-bar{padding:20px;position:relative}