*{margin:0;padding:0;box-sizing:border-box}:root{--text-color:rgb(36,83,116);--bg: rgb(230,164,5);--stroke-color: rgba(255, 255, 255, .5);--surface-color: rgba(255, 255, 255, .05);--surface-color-hover: rgba(0, 0, 0, .02);--highlight-color: rgba(255, 255, 255, .2)}body{background:var(--bg) no-repeat top center/cover;height:100vh}body *{font-family:Inter,sans-serif;color:var(--text-color)}#container{width:100%;max-width:588px;margin:10px auto 0;padding:0 24px}#profile{text-align:center;padding:24px}#profile img{width:112px;border-radius:100%;border:2px solid}#profile p{font-weight:500;line-height:24px;margin-top:8px}ul{list-style:none;display:flex;flex-direction:column;gap:16px;padding:24px 0}ul li a{display:flex;align-items:center;justify-content:center;padding:16px 24px;background:var(--surface-color);border:1px solid var(--stroke-color);border-radius:8px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-decoration:none;font-weight:500;transition:background .2s}ul li a:hover{background:var(--surface-color-hover);border:1.5px solid var(--text-color)}#social-links{display:flex;justify-content:center;padding:24px 0;font-size:24px}#social-links a{display:flex;align-items:center;justify-content:center;padding:16px;transition:background .2s;border-radius:50%}#social-links a:hover{background:var(--highlight-color)}footer{padding:24px 0;text-align:center;font-size:14px}@media (min-width: 700px){:root{--bg-url: url(./assets/bg-desktop.jpg)}}@keyframes slide-in{0%{left:0}to{left:50%}}@keyframes slide-back{0%{left:50%}to{left:0}}