html, body {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

body {
    position: relative;
    color: #edf1f6;
	font: 400 clamp(1.2rem, 2vw, 1.5rem)/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
    background:
        radial-gradient(circle at 55% 0%, rgba(134, 154, 226, 0.05), transparent 38%),
        linear-gradient(180deg, #1b2330 0%, #171d28 100%);
}

.content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -52%);
    width: min(900px, 100%);
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
    color: #bbc4d1;
}

img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    margin: 0 auto 26px;
}

a {
    color: #edf1f6;
    text-underline-offset: 4px;
}

a:hover,
a:focus-visible {
    opacity: 0.8;
}