html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(to bottom,#bfe9ff,#fff)}#root{height:100%;width:100%}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#a8e0ff,#fff 45%,#eaf6ff);overflow:hidden}.sky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://images.unsplash.com/photo-1501973801540-537f08ccae7b);background-size:cover;background-position:center;opacity:.25;filter:blur(1px);transform:scale(1.05)}.sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.8),transparent 60%);opacity:.6}.clip-hexagon{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);background:#ffffff8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 30px #00000014,inset 0 1px #fff9;transition:all .2s ease}.clip-hexagon:hover{transform:scale(1.05);background:#ffffffb3}.skill-popup{background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;padding:12px;box-shadow:0 20px 50px #0000001f;border:1px solid rgba(255,255,255,.4)}.skill-popup strong{display:block;margin-bottom:4px}button{outline:none}