body {
	margin:0;
	display:flex;
	height:100%;
	align-items:center;

    image-rendering: pixelated;
    background-image: url("Background.png");
    background-color: #422F20;
}

h4 {
    margin: 0px;
}

h2 {
    margin: 10px 0px;
    text-align: center;
}

p {
    margin: 15px 0px;
    margin-top: 5px;
}

p code {
    border: solid;
    border-color: grey;
    border-width: 1px;

    display: inline-block;
    
    background-color: lightgrey;
    padding: 2px 4px;
}

#datafixer button, .custom-file-upload {
    background-color: grey;
    border-color: darkgrey darkslategrey darkslategrey darkgrey;
    border-style: solid;
    border-width: 3px;
    border-radius: 2px;

    /* Fake black border to surround actual border*/
    box-shadow: 0px 0px 0px 2px black;
    
    cursor: pointer;

    font-size: 20px;
    text-decoration: none;  
    color: white;
    text-align: center;

    padding: 10px 40px;
    margin: 10px auto;
}

#datafixer button:hover, .custom-file-upload:hover {
    background-color: darkgray;
    border-color: lightgrey grey grey lightgrey;
    color: white;
}

input[type="file"] {
  display: none;
}

div {
    background-color: lightgrey;
    border-color: white grey grey white;
    border-style: solid;
    border-width: 3px;
    border-radius: 6px;

    /* Fake black border to surround actual border*/
    box-shadow: 0px 0px 0px 2px black;

    padding: 0px 5px;
    margin: 2px auto;
}

#datafixer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding-top: 10px;
}

#explaination, #usage {
    display: block;
    margin: 2px 10px;
    overflow-y: auto;
    max-height: 90%;

    width: 475px;
}

@media only screen and (max-width: 1325px) {

    body {
        flex-direction: column;
    }

    #datafixer { order: 0; }
    #usage { order: 1; }
    #explaination { order: 2; }

    #usage, #explaination {
        display: block;
        width: 90%;
        margin: 25px auto;
        overflow-y: visible;
	    max-height: none;
    }
    
    #datafixer {
        margin: 200px auto;
    }
}   

.fix {
    padding: 2px 5px;
    margin: 8px 0px;
}

.fix .dropdown {
    display: block;
    border: none;
    background: none;
    cursor: pointer;

    font-weight: normal;
    font-size: 16px;
    text-align: left;
    
    margin: 7px 0px;
    padding: 0px;

    width: 100%;
}