body {
    background-color: #080808;
    color: #EEEEEE;

    font-family: 'Poppins';
}

.screen {
    width: 60%;
    margin-inline: auto;

}

.uploader {
    box-sizing: border-box;
    width: 100%;
    min-height: 30px;

    border: 1px solid white;

    padding: 25px;

    display: flex;
}

.uploader .content {
    width: 30%;
    aspect-ratio: 9/16;

    background-color: #111111;
}

.uploader .content img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.uploader .meta-data {
    width: 70%;
    height: 100%;

    padding-left: 25px;
}

.uploader .meta-data label {
    display: flex;
    justify-content: space-between;
}

.uploader .meta-data label input {
    background-color: #111111;
    outline: none;
    border: none;

    width: 80%;
    padding: 5px;
    margin-bottom: 10px;

    color: white;
    font-family: 'Poppins';
    font-weight: bold;
}

.uploader .meta-data button {
    width: 30%;
    padding: 1%;

    background-color: #111111;
    outline: none;
    border: none;

    color: white;
    font-family: 'Poppins';
    font-weight: bold;
}

.uploader .meta-data button:hover {
    background-color: white;

    color: #080808;
}