html {
    background-color: black;
    color: white;
    font-family: sans-serif;
}

a {
  color: white;
}

.main {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    width: 100%;
}

.image-header {
    width: min(100vw, 750px);
}

.image-screenshot {
    width: calc(min(100vw, 750px) - 32px * 2);
    padding: 32px;
}

.image-screenshot-portrait {
    width: calc(min(100vw, 350px) - 32px * 2);
    padding: 32px;
}

.youtube {
    width: min(100vw, 600px);
    height: calc(min(100vw, 600px) / (16 / 9));
}

.text-block {
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(min(100vw, 400px) - 32px * 2);
}

.text-detail {
    opacity: 0.75;
    font-size: 0.9em;
}