body {
    font-family: Verdana, Geneva, sans-serif;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}
.res_block {
    display: block;
    width: 90%;
    border: none;
    padding: 14px 28px;
    font-size: 16px;
    margin: 20px;
    cursor: pointer;
    text-align: center;
}
.block {
    display: block;
    width: 60%;
    border: none;
    background-color: #ababab;
    font-size: xx-large;
    margin: auto;
    margin-bottom: 30px;
    cursor: pointer;
    text-align: center;
}
.topbar {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    color: white;
    background-color: #481567;
    width: 100%;
    height: 4em;
    padding: 1em;
}

.photolink {
    float: right;
    width: 10em;
}

input {
    display: block;
    border: 1px solid black;
    background-color: #6c757d;
    color: white;
    margin: auto;
    text-align: center;
    width: 60%;
    margin-bottom: 30px;
    padding: 10px;
    font-size: x-large;
}

input[type="file"]::file-selector-button {
	color: white;
    background-color: #6c757d;
    border: 1px solid #481567;
    cursor: pointer;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #aaa;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaa;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #aaa;
  }

.center {
    margin: auto;
}

.result_row {
    display: block;
    width: 60%;
    height: 100%;
    margin: auto;
}
.illustration img{
    width: 30%;
    float: left;
}
.result {
    padding: 15px;
    float: right;
    width: 60%;
    height: 400px;
    overflow-y: auto;
}

a {
    color: #b8de29;
}