html {
    background-color: black;
}

* {
    box-sizing: border-box;
    text-align: center;
}

body {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
body * {
    width: 50%;
}

*:not(input):not(select):not(button):not(progress):not(option) {
    color: white;
}

progress {
    color: blue;
    accent-color: blue;
}

input, select, progress, label, h1, h6, textarea {
    width: 100%;
    min-height: 25px;
}

button, progress {
    margin-top: 20px;
}

h1, h2, h3, h4, h5, h6, label, button {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}