* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    min-height: 100%;
    background: #080b16;
}

body {
    color: #fff;
    font-family: "Segoe UI", Arial, sans-serif;
}

.landing {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background:
        radial-gradient(ellipse at 50% 45%, #17243b 0%, #0b1020 48%, #050711 100%);
}

.content {
    width: 100%;
    max-width: 1100px;
    text-align: center;
}

.content img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 20px 70px rgba(0, 0, 0, .55);
}

@media (max-width: 600px) {
    .landing {
        padding: 12px;
    }

    .content img {
        border-radius: 7px;
    }
}