body {
      font-family: Sans-serif;
    }

    .myButton {
        background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
        background-color:#44c767;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:Arial;
        font-size:28px;
        font-weight:bold;
        padding:25px 50px;
        text-decoration:none;
        text-shadow:3px 5px 5px #2f6627;
    }
    .myButton:hover {
        background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
        background-color:#5cbf2a;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }

    nav {
      display: flex;
      align-items: center;
    }
    nav > * {
      display: block;
      color: black;
      text-decoration: none;
      margin: 10px;
    }
    nav a.logo {
      font-size: 30px;
      font-weight: bold;
    }
    nav input[type=text] {
      padding: 10px;
      border: 1px solid rgba(0,0,0,0.1);
      border-radius: 0;
    }
    nav input[type=submit] {
      background: black;
      color: white;
      border: none;
      padding: 10px;
    }
    form {
      margin: 0;
    }
    .container {
      padding: 10px;
    }
    .f {
      flex-grow: 1;
    }