html {
        max-width: 1500px;
        margin: auto;
        display: inline-block;
        padding-top:50px;
        text-align: center;
     
}
       
.dragndrop { 
        margin: 20%;
        margin-top: 5%;
        margin-bottom: 3%;
        background-color: #a3a3a3;
        padding: 1px;
        padding-top: 5%;
        height:40%; 
        font-size: 20px;   
        cursor: pointer;
        border: 6px dashed #444444;
        border-radius: 20px;
        
}
.dragover {
        background-color: #888888;
}
.dragndrop:hover { 
        background-color: #888888;
}

.infobox {
        text-align: left;
        background: #eeeeee;
        margin-left: 20%;
        margin-right:20%;
        border-radius: 20px;
        border: 4px solid #a3a3a3;
        padding: 10px;
}

.footer {
        position: fixed;
        padding: 1%;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        background-color: #eeeeee;
}