body {
    margin: 0;
    padding: 0;
    background: #F6F5F2;
    cursor: url('./fibsh.png'), auto;
    /* font-family: 'Georgia'; */
    font-family: Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
  }
  
  .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    width: 50vw;
    margin: 0 auto;
  }
  .vertical-img {
    width: 400px; 
    height: auto; 
    object-fit: contain;
    margin: 10px auto;
  }
    
  img {
    max-width: 100%;
    height: auto;
    margin: 10px;
    object-fit: scale-down;
  }
  
  p {
    color: black;
  }
  a {
    color: #83B4FF;
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }

  h2, h3 {
    color: #83B4FF;
  }
  
  input {
    background: black;
    color: aliceblue;
    font-size: 16px;
  }
  input:focus{
    outline: 2px solid #83B4FF;
  }
  button {
    background: black;
    color: #83B4FF;
    font-size: 16px;
  }

  @media only screen and (max-width: 600px) {
    .container {
      width: 80vw; 
      font-size: 4vw;
      height: auto;

    }
    .img {
        max-height: 100vw;
    }
  }

#days-since {
  font-size: xx-small;
  font-style: italic;
  margin-top: -10px;
  min-height: 1.1em;
}

hr.dashed {
  border: none;
  border-top: 1.5px dashed #bbb;
  width: 100%;
  margin: 20px 0;
}

pre {
  font-family: Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
}