body{font-family: Ubuntu; cursor: default; display: flex; align-items: center; justify-content: space-evenly;}
body>div{text-align: left;}
@media (max-width: 800px) {
    body {
        flex-direction: column;
    }
    body>div{    
        text-align: center;
    }
}
td{text-align: center;}
hr{border: 0; border-top: 1px solid #cdcdcd;}
h1{color: #000000; font-size: 80px; margin: 0;}
h2{color: #000000; font-size: 50px; margin: 0;}
h3{margin: 4px 0 0;}
p{color: #000000; font-size: 20px;}

.d {
    background-color: #F4F4F4;
    color: #000000;
    border: #cdcdcd 1px solid;}

input {
    border: #cdcdcd 1px solid;
    background-color: #ffffff;
    text-decoration: none;
    font-family: Ubuntu;
    font-size: 17px;
    color: #000000;
    padding: 10px 10px;
}

input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover {
    cursor: pointer;
    background-color: #eaeaea;
}

select {
    border: #cdcdcd 1px solid;
    background-color: #ffffff;
    text-decoration: none;
    font-family: Ubuntu;
    font-size: 17px;
    color: #000000;
    padding: 10px 10px;
}

.selected {
    background: #eaeaea;
}

textarea {
    border: #cdcdcd 1px solid;
    border-bottom: #7e7c7e 1px solid;
    background-color: #ffffff;
    text-decoration: none;
    font-family: Ubuntu;
    font-size: 17px;
    color: #000000;
    padding: 10px 10px;
}