body {
    background: #23272A;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.converter__upload,
.converter__convert,
.converter__loading,
.converter__download,
.converter__again {
    display: none;
}

/* --- File Upload --- */

.converter--empty > .converter__upload {
    display: block;
}

.converter--empty > .converter__convert {
    display: block;
}

/* --- Loading Animation --- */

.converter--loading > .converter__loading {
    display: block;
}

/* --- Download Result --- */

.converter--complete > .converter__download {
    display: block;
}

.converter--complete > .converter__again {
    display: block;
}