body {
    background-color: rgb(215, 215, 215);
    > h1 {
        text-align: center;
        width: 100vw;
        margin-top: 10vh;
    }
    p{
        margin:4vh 0;
        width: 100vw;
        text-align: center;
        color:red;
        font-size: 18px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .upload-box {
        width: 50vw;
        cursor: pointer;
        aspect-ratio: 2 / 1;
        margin: auto;
        border: 5px solid black;
        border-radius: 10px;
        background-color: rgb(242, 242, 242);
        display: flex;
        > svg {
            margin: auto;
            height: 40%;
            width: 100%;
        }
    }
    .display-box {
        width: 50vw;
        border: 5px solid rgb(242, 242, 242);
        border-radius: 10px;
        overflow: hidden;
        margin: 50px auto;
        aspect-ratio: 2 / 1;
        display: flex;
        > svg {
            margin: auto;
            height: 40%;
            width: 100%;
            z-index: 1;
        }
        source {
            z-index: 2;
        }
    }
}