* {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
}
body {
    background-color: #eee;
}
h1 {
    color: #fff;
    text-align: center;
}
p {
    color: #fff;
    text-align: center;
}
.search-button {
    /*width: : 19%;*/
    color: #fff;
    background: #008c9a;
    box-shadow: none;
    border: none;
    border-radius: 4px !important;
    -webkit-appearance: none!important;
    -webkit-border-radius: 6px;
    font-size: 1em;
    text-align: center;
    display: block;
    transition: background-color 300ms ease-out;
}
.search-button:hover {
    background-color: #6dc5c5;
}
.about-box {
    background: rgba(0,0,0,0.7);
    width: 350px;
    margin: 10px auto 0;
    padding: 15px 15px 5px 15px;
}
.logo {
    display: block;
    margin: auto;
    width: 360px;
}
.error {
    font-weight: bolder;
    color: orangered;
}
input {
    font-size: 1.3rem;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
input::placeholder {
    color: grey;
    font-weight: bold;
}
strong {
    font-weight: bolder;
    color: #008c9a;
}
a {
    font-weight: bolder;
    color: #008c9a;
}