body {
    background-color: #CDDDDD;
}

div.title{
    font-size: 1000%;
    font-family: Arial, Helvetica, sans-serif;
    word-wrap: break-word;
    color: #000000;
    position: relative;
    margin-left: 6%;
    top: 1%;
}

div.logo {
    position: relative;
    margin-left: 3%;
    margin-top: -0.2%;
    color: #000000;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
}

div.body {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    overflow-wrap: break-word;
    margin-left: 6%;
    color: #2E2F2F;
    width: 80%;
}

button.arialRegularButton {
    position: relative;
    margin-left: 6%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    width: 200px;
    height: 50px;
    background-color: rgba(17, 63, 29, 0.133);
    border-radius: 10px;
    border: none;
    transition: .3s;
    cursor: pointer;
    color: #2E2F2F;
}

button.arialRegularButton:hover {
    background-color: rgba(80, 95, 85, 0.133)
}

button.arialRegularButton:focus{
    transform: translateY(-10px);
}

button.arialRandomButton{
    position: relative;
    margin-left: 1%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    width: 200px;
    height: 50px;
    background-color: rgba(17, 63, 29, 0.133);
    border-radius: 10px;
    border: none;
    color: #2E2F2F;
    transition: .3s;
    cursor: pointer;
}

button.arialRandomButton:hover{
    background-color: rgba(80, 95, 85, 0.133)
}

button.arialRandomButton:focus {
    transform:translateY(-10px)
}

button.arialDownloadButton {
    position: relative;
    margin-left: 6%;
    top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    width: 200px;
    height: 50px;
    background-color: rgba(17, 63, 29, 0.133);
    border-radius: 10px;
    border: none;
    color: #2E2F2F;
    transition: .3s;
    cursor: pointer;
    margin-bottom: 50px;
}

button.arialDownloadButton:hover{
    background: rgba(80, 95, 85, 0.133)
    
}

.material-symbols-outlined {
    position: relative;
    top: 4px;
    font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' 0,
  'opsz' 48
}

a{
    text-decoration: none;
    color: #000000;
}

div.border {
    border: 1px solid #000000;
    position: relative;
    top: 50%;
    margin-left: 6%;
    width: 50%;
}