p {
    
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 2.5;
    
}
img{
    max-width: 150%;
    max-height: 150%
    }
h1 {
font-family: Arial, sans-serif;
}
button {
    background-color: white;
     border: 2;
     color: black;
     padding: 10px 30px;
     text-align: center;
     display: inline-block;
     font-size: 20px;
   }
.container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
    gap: 10px;
    width: 30vw;
    height: 40vh;
    margin: 10;
    margin-left: 10;
    padding: 10;

}
.container2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    gap: 10px;
    width: 20vw;
    height: 10vh;
    margin: 10;
    margin-left: 10;
    padding: 10;

}
.container3 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    text-align: right;
    width: 99vw;
    height: 0vh;
    padding: 10;

}

.container1 {
    display: flex;
    flex-direction: column;
  height: 100px;
  justify-content: center;
  align-items: center;
  text-align: center;

}

.container5 {
    display: flex;
    flex-direction: column;
  height: 50vh;
  justify-content: center;
  align-items: center;
}
.container6 {
  display: flex;
  flex-direction: column;

justify-content: center;
align-items: center;
}


.container6 {
    display: flex;
    gap: 10px; /* Optional space between columns */
  }
  .column {
    flex: 1; /* Each column takes up equal space */
  }