.logo{position:fixed;left:50%;top:calc(50vh / 3);transform:translate(-50%) translateY(-50%);height:clamp(30px,3.2vw,36px);width:auto;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:4}.webindev{position:fixed;left:clamp(24px,4vw,48px);bottom:clamp(24px,4vw,48px);height:clamp(20px,2.2vw,24px);width:auto;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:4}.main{text-align:center;line-height:1.75;font-size:clamp(14px,1.5vw,17px);letter-spacing:.02em;position:relative}.name{font-size:clamp(15px,1.6vw,18px);font-weight:400}.tagline,.status{font-size:clamp(14px,1.5vw,17px);font-weight:400}.nav{margin-top:.1em;display:flex;justify-content:center;gap:2.5em}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.5em}.nav-item a:hover{text-decoration:underline;text-underline-offset:3px}.nav-emoji{width:2.5em;height:2.5em;object-fit:contain;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none;display:block}.nav-item:hover .nav-emoji{opacity:1;transform:translateY(0)}@media (hover: none){.nav-emoji{opacity:1;transform:translateY(0);animation:nav-img-enter .4s ease both}.nav-item:nth-child(1) .nav-emoji{animation-delay:.1s}.nav-item:nth-child(2) .nav-emoji{animation-delay:.2s}}@keyframes nav-img-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.contact{position:fixed;bottom:clamp(24px,4vw,48px);right:clamp(24px,4vw,48px);display:flex;flex-direction:column;align-items:flex-end;gap:.25em;z-index:5}.contact a{font-style:italic;font-size:clamp(13px,1.3vw,15px)}.contact a:hover{text-decoration:underline;text-underline-offset:3px}body{display:flex;align-items:center;justify-content:center;min-height:100vh}