@font-face{font-family:Raleway;src:url(../fonts/Raleway-Regular.ttf)format("truetype")}body{background-color:#0d0d0f;background-image:radial-gradient(#ffffff14 1px,#0000 1px),radial-gradient(circle at 70% 30%,#1a1a2e,#0d0d0f);background-size:30px 30px,cover;margin:0}:root{--navbar-height:60px}#root{padding-top:var(--navbar-height)}#mainNav{width:100%;height:var(--navbar-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0}#mainNav ul{gap:2vw;padding:.5vw 2vw;list-style:none;display:flex}#mainNav ul a{color:#e8eaf0;letter-spacing:.1em;padding:.1vw .2vw;font-family:Raleway,sans-serif;font-size:clamp(10px,1vw,16px);text-decoration:none}#mainNav ul a:hover{color:#7eb8d4;background:#ffffff1a;border-radius:999px;padding:.1vw .2vw;transition:color .2s}#myNameNav{color:#e8eaf0;letter-spacing:.1em;margin-left:.5vw;padding:.1vw .2vw;font-family:Raleway,sans-serif;font-size:clamp(14px,1.5vw,22px);text-decoration:none}#myNameNav span{color:#7eb8d4}#intro{min-height:calc(80vh - var(--navbar-height));justify-content:center;align-items:center;gap:4vw;padding:5vw 8vw;display:flex}#introText{color:#e8eaf0}#introText h2{margin:0;font-size:clamp(32px,10vh,80px)}#introText h3{color:gray;margin-top:0;margin-bottom:3vh;font-size:clamp(14px,1.5vw,20px)}#introText p{color:#a0a8b8;width:60vh;font-size:clamp(12px,1.2vw,18px)}#myNameIntro{color:#7eb8d4;display:block}#introImg{flex-shrink:0}#introImg ul{justify-content:center;gap:2vw;padding:.5vw 2vw;list-style:none;display:flex}#introImg ul a{color:#e8eaf0;padding:.2vw;font-family:Raleway,sans-serif;font-size:clamp(14px,1.2vw,22px)}#introImg ul a:hover{color:#7eb8d4;background:#fff3;border-radius:999px;transition:color .2s,background .2s}#introImg img{object-fit:cover;border-radius:50%;width:20vw;height:20vw}@media (width<=768px){#intro{text-align:center;flex-direction:column;padding:8vw}#introImg img{width:40vw;height:40vw}#introText p{width:100%}#introText h2{font-size:clamp(32px,8vw,60px)}}