*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}img,picture,svg{display:block;max-width:100%}:root{--animation-speed: 3000;--animation-delay: 500;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#1a1a1a;color:#f2f2f2}body{height:100dvh}header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;transition:all .3s;z-index:99}header:after{content:"";position:absolute;inset:0;background-color:#1a1a1a80;backdrop-filter:blur(8px);z-index:-1}header.minimized{padding:1rem}header.minimized .logo-wrapper h1{font-size:1.5rem}header.minimized .logo-wrapper img{width:40px}header .logo-wrapper{display:flex;gap:1rem;align-items:center}header .logo-wrapper h1{transition:all .3s}header .logo-wrapper img{width:50px;transition:all .3s}header .git-link{filter:invert(1)}header .git-link img{width:30px;transition:all .3s}main{display:grid;place-items:center;height:100%}main h2{animation:pulsate 2s infinite forwards}.circle{width:300px;aspect-ratio:1;position:fixed;top:0;left:0;background-color:#ff4500;border-radius:50%;transform-origin:center;animation:fadeOut calc(var(--animation-speed) * 1ms) calc(var(--animation-delay) * 1ms) forwards;will-change:opacity,filter}@keyframes fadeOut{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(10px)}}@keyframes pulsate{0%,to{opacity:1}50%{opacity:.2}}