@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=block');body,html{margin:0;padding:0;height:100%;overflow:hidden;font-family:sans-serif}img{vertical-align:middle}#navbar{overflow:hidden;background-color:transparent;position:fixed;top:0;width:100%;height:44px;z-index:1}#navbar .link{font-family:'Major Mono Display',monospace;color:rgb(0,0,0);font-size:24px;background-color:rgba(250,250,250,.8);line-height:41px;padding:8px;text-decoration:none}#dotlogo{position:relative;left:-51px;top:11px;display:inline-block;background-color:#8e7a7a;width:16px;height:16px;border-radius:50%}#container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:relative;width:100%;height:100%;background:url('7H1RDP0573RF0RN0483R70.webp?1') center center / contain no-repeat;background-color:#fafafa}.dot{border-radius:50%;background-color:white;animation:fadePulse 8s infinite;cursor:pointer;position:absolute;display:none}@keyframes fadePulse{0%{transform:scale(1.3);background-color:#8e7a7a;opacity:0}12%{transform:scale(1);background-color:#8e7a7a;opacity:1}25%{transform:scale(1.3);background-color:#8e7a7a;opacity:0}26%{background-color:#375550;opacity:0}38%{transform:scale(1);background-color:#375550;opacity:1}50%{transform:scale(1.3);background-color:#375550;opacity:0}51%{transform:scale(1);background-color:#d2a807;opacity:0}63%{transform:scale(1.3);background-color:#d2a807;opacity:1}75%{transform:scale(1);background-color:#d2a807;opacity:0}76%{background-color:#984c19;opacity:0}88%{transform:scale(1.3);background-color:#984c19;opacity:1}100%{transform:scale(1);background-color:#984c19;opacity:0}}#popdot{position:absolute;border-radius:50%;transition:all .4s ease;background-color:rgba(250,250,250,.9);display:none}.links{display:flex;flex-direction:column;gap:0;padding:0;background:none;width:100%;z-index:1;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,visibility .5s;overflow-y:auto}.links.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.link{cursor:pointer}.link-box{display:flex;gap:12px;margin:8px 16px;padding:12px;border:1px solid #ddd;border-radius:8px;text-decoration:none;color:inherit;background:white;cursor:pointer;transition:box-shadow .2s ease}.link-box:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.thumbnail{width:80px;height:100%;object-fit:contain;border-radius:6px}.link-content{flex:1}.link-title{margin:0;font-size:.9rem;font-weight:bold}.link-description{margin:4px 0;font-size:.8rem;color:#555}.link-url{font-size:.7rem;color:#888}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}