body {
    background-image: url("mountaines.jpg");
   
    font-family: Arial, Helvetica, sans-serif;
}

.h1 {
    margin-top: auto;
    margin-bottom: auto;
}

.matrix, .intro, td, tr {
    border: 2px solid #253D5E; 
    border-collapse: collapse;
  }

.matrix {
    background-color: rgba(156, 185, 209, 0.7);
    text-align: center;
    margin-bottom: auto;
    height: 80%;
}

.matrix, .intro {
    margin-left: auto;
    margin-right: auto;    
    width: 70%;
    color: #253D5E;
   
}

.intro {
    margin-bottom: 15px;
    border-collapse: collapse;
    text-align: left;
}

.intro td:nth-child(n) {
    width: 50%;
}

.matrix td:nth-child(n) {
    height: 80px;
    width: 20%;
}

.matrix td:nth-child(n), .intro td:nth-child(n) {
    font-family: Arial, Helvetica, sans-serif;
    
}

h1, .input_button_oneline {
    text-align: center;
}


.input_button_oneline, .taplink {
    display: block;
    margin: auto;
    margin-bottom: 15px;
    padding: 10px 30px;
    font-family: Arial, Helvetica, sans-serif;    
}

.button_input, .matrix_input {
    height: 30px;
    width: 200px;
}

.taplink {
    margin-top: 15px;
}

.matrix_title {
    color: #253D5E;
}