body {
    color: antiquewhite;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: left;
    background-color: burlywood;
    border-top: 5px solid #777;
    border-left: 5px solid #777;
    border-right: 5px solid #777;
    border-bottom: 5px solid #777;
}


#logo {
    aspect-ratio: 1.5/1;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5);
    border: 2px solid #777;
    max-width: 900px;
    opacity: 100%;
    -webkit-transition: all 2s ease;
}
#logo:hover{
    -webkit-filter: blur(2px);
}
#clock_div {
    text-align: center;
    font: bold 35px Helvetica, Arial;
}

#wrapper {
    margin: auto;
    max-width: 960px;
}
header {
    margin: 0;
    padding: 20px 0;
}

form[name="search"] label input {
    border-radius: 7px;
    border: 2px solid #02226a;
    margin-top: 5px;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, .4);
    outline-style: none;
}

form[name="search"] label input:focus {
    box-shadow: 3px 3px 2px rgba(0, 0, 0, .8);
}


form[name="search"] {
    display: grid;
    place-items: center;
}