.container {
    width:100%;
    font-family: 'Times New Roman', Arial, serif;
    display: flex;
    flex-direction: column;
}


@media screen and (max-width: 1200px) {
    menu li a,p {
        font-size: 0.75rem;
      
    }
    h1 {
        font-size: 2rem;
    }
    main ul {
        font-size: 0.75rem;
    }
  }


  @media screen and (max-width: 900px) {
    menu li a,p {
        font-size: 0.6rem;
        font-size: 0.6rem;
    }
    h1 {
        font-size: 1.5rem;
    }
  }