body{
    font-size: 3vw;
    margin:2%;
    padding:0;
    font-family:monospace;
}
#moves_wrap{
    float: left;
    height: 40vw;
    overflow:hidden;
    margin-top:4%;
    margin-bottom:4%;
    border-style:solid;
    border-color:black;
    border-width:2px;
    width:48%;
}
#moves{
    font-size: 2vw;
}
#bank{
    float:left;
    margin-top:4%;
    border-style:solid;
    border-color:black;
    border-width:2px;
    border-bottom-width:0px;
    width:48%;
}
#routes{
    float:right;
    border-style:solid;
    border-color:black;
    border-width:2px;
    width:48%;
    min-height:150vw;
}
#poins{
    float:left;
    border-style:solid;
    border-color:black;
    border-width:2px;
    border-bottom-width:0px;
    width:48%;
    overflow:hidden;
}
#restart{
    float:right;
    border-style:solid;
    border-color:black;
    border-width:2px;
    border-bottom-width:0px;
    width:48%;
    overflow:hidden;
    margin-bottom:70vw;
}
.row_wrap{
    position:relative;
    width:100%;
    padding-bottom:12%;
}
.row_wrap_view{
    position:relative;
    width:100%;
    padding-bottom:4%;
}
.row_wrap_view div{
    font-size:2vw;
}
.row_content{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-bottom-style:solid;
    border-color:black;
    border-width:2px;
    overflow:hidden;
}
.route_content{
    border-top-style:solid;
    border-color:black;
    border-width:2px;
}
.route_content img{
    width:100%;
}

.route_delete_outer{
    position:absolute;
    width:5%;
    padding-bottom:5%;
    background-color:black;
}
.route_delete_inner{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-bottom-style:solid;
    border-right-style:solid;
    border-color:black;
    border-width:2px;
    overflow:hidden;
}

.row_color_bar{
    position:relative;
    float:left;
    width:25%;
    height:100%;
    overflow:hidden;
    border-right-style:solid;
    border-color:black;
    border-width:2px;
}
.row_point_symbol{
    position:relative;
    float:left;
    width:30%;
    height:100%;
    overflow:hidden;
    border-width:0;
}

.row_status_bar{
    position:relative;
    float:left;
    width:60%;
    height:100%;
    overflow:hidden;
    border-right-style:solid;
    border-width:2px;
}
.row_status{
    float:left;
    background-color:grey;
    height:100%;
    width:50%;
}
.row_waggon{
    position:absolute;
    width:100%;
    bottom:0;
    color:black;
    font-family:monospace;
    font-size:30%;
    text-align:left;
    padding-left:10%;
}
.row_text_outer{
    float:left;
    position:relative;
    display: table;
    height: 100%;
}
.row_text_outer p{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: black;
}
.take_button{
    background-color:white;
    width:100%;
    height:100%;
    overflow:hidden;
}
.clear_float{
    clear:both;
}
.my_button{
    font-size:3vw;
    float:left;
    background-color: grey; /* Green */
    margin:0;
    padding: 0;
    border: none;
    color: white;
}