h1{font-size:28px}.project-card,.project-info{position:relative}.reach{border-radius:100vh}.skills{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:16px 0}.footer{width:100%;position:static;flex-wrap:wrap}.skill :where(svg,){background-color:var(--secondary);color:var(--embed);border-radius:100vh;min-width:32px;width:32px;height:32px}.skill svg{padding:2px}.progress div svg,.skill{position:relative;z-index:2}.progress :where(div svg,div){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;background-color:transparent;color:var(--primary);width:48px;height:48px}.project-iframe,.resize-wrapper{width:min(100%,640px)}.project-iframe{height:480px;width:100%;border-radius:12px}.full-screen .project-iframe{width:100%;height:100%}.full-screen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:90vh;min-width:360px;max-width:90vw;height:90vh;resize:horizontal;overflow:auto;padding-right:12px;margin-top:18px}.full-screen-button{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;background-color:var(--embed);color:var(--primary);border-radius:0 0 100vh 100vh}.full-screen-button svg{width:28px;height:28px;margin:0 4px 8px}.full-screen-button:hover svg{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.iframe-background{position:relative;z-index:1}.resize-wrapper:has(.full-screen) .iframe-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2}.resize-wrapper:has(.full-screen) .iframe-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--embed);opacity:.5}.resize-wrapper:has(.full-screen) .full-screen-button{left:0;top:64px;transform:translate(12px,12px);border-radius:100vh;background-color:var(--primary);color:var(--embed);padding:4px}.resize-wrapper:has(.full-screen) .full-screen-button svg{margin:4px}