
      body {
	      font-family: Verdana,Geneva,sans-serif; 
        background-image: url("img/background.jpg");
	      background-color: #c2e1df;
	      /*background-color: #dcebf2;*/

        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        margin: 0;
      }
      
      main {
        margin: 0.5rem;
      }
      
      #container {
        padding: 5px;
        background-color: white;
        /*display: grid;
        grid-template-columns: auto 250px;
        
        */
        display: flex;
        justify-content: space-between;
        max-width: 530px;
        align-items: center;
        gap: 1rem;
        padding: 1rem 2rem;
      }

      img {
          width: 100%;
          height: auto;
      }
      
      #title {
        max-width: 250px;
      }

      @media screen and (max-width: 500px) {
        main {
          width: 100%;
        }

        #container {
          flex-direction: column;
          font-size:large;
        }

        #title {
          max-width: unset;
        }
      }
      
      #icons {
        align-self: center;
        padding: 0 10px;
        display: block;
      }
      
      #links {
        flex-shrink: 0;
        align-self: center;
        text-align: center;
        display: block;
      }
      
      #notfound {
        color: #666;
        align-self: center;
        text-align: center;
        padding: 10px 20px 10px 10px;
        display: block;
      }
      
      #links a {
        display: block;
      }
      
      #header {
        width: 530px;
        padding: 10px 0;
        background-color: #fff;
        text-align: center;
        margin-bottom: 10px;
      }
      
      #footer {
        text-align: center; 
        font-size: 0.8em;
        background-color: rgba(255, 255, 255, 0.333);
      }
      
      #footer a {
        padding: 10px 0;
        width: 100%;
        height: 100%;
        display: block;
        color: #666;
        font-size: large;
      }
      
      a { 
        color: #f4900c;
        text-decoration: none;
      }
      
      #links a:hover { 
        color: #333;
        background-color: #f6f6f6;
      }
      
      .separator {
        color: #ccc;
      }
      