@import url(./txtstyle.css);
.badge img { width: 200px; height: auto; }
.download {font-family: sans-serif;  margin: auto}
.screenshot {
    width: 20%;
    height: auto;
    border: 1px solid #ccc;
    margin-top: 10px;
}

.pitch {
    width: 100%;
    max-width: 650px;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 1px solid #ccc;
    margin-top: 10px;
}

.download {font-family: sans-serif; line-height: 1.6; margin: auto; padding: 20px; border: 1px solid #ddd; border-radius: 8px;}

/*Sams editions*/
/* CSS for high-density screens */
@media screen and (max-width: 800px) {
    p { font-size: 14px;}
    li { font-size: 14px;}
    h1 { font-size: 18px; margin-top:1px;}
    h2 { font-size: 16px; margin-top:1px;}
    h3 { font-size: 14px;}
    .pitch text {
        font-size: 14px; /* Makes labels clearer on small screens */
    }
}
@media (prefers-color-scheme: dark) {
    body {
        background: #121212;
        color: #E0E0E0;
    }
    h1, h2, h3, .introtxt {
        color: #4CAF50;
    }
    a {
        color: #4CAF50;
    }
    .error {
        border-color: #E0E0E0;
    }
}