#arrow img, svg {
	vertical-align: middle;
	width: 30px;
	height: 30px;
    border-top: 0px;
}

#disktable {
    border-spacing: 30px;
    border-collapse: separate;
}

#disktable td {
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid;
}

#disktable th {
    width: 30px;
    height: 0px;
    text-align: center;
}

#animarea {
    position: relative;
    width: 800px;
    height: 680px;
    border: 1px solid;
    margin: auto;
    margin-top: 20px;
}

#step {
    display: inline;
    float: left;
    margin: 50px 0px 0px 50px;
}

#directory {
    display: inline;
    float: left;
    margin: 30px 0px 0px 50px;
}

#step-dir-inside {
    align-items: center;
    margin: 0 auto;
}

#step-dir-inside-span {
    text-align: center;
    display: inline;
    float: right;
}

#dir {
    width: 180px;
    border: 1px solid;
    text-align: center;
}

#diskarea #disktable {
    display: inline;
    float: right;
    margin: 0px 0px 0px 100px;
    width: 350px;
    height: 350px;
    position: absolute;
}

#title {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 40px;

    margin-top: 10px;
    margin-bottom: 20px;
}


input[type="button"] {
    margin: 10px 3px;
    padding: 6px 11px;

    text-decoration: solid;
    border: 2px solid darkslategrey;
    border-radius: 8px;
    font-size: 15px;
}
.circle { 
    width: 200px; 
    height: 200px; 
    border: 1px solid black; 
    border-radius: 50%; 
    margin: auto; 
}