p {
    
    font-family: Arial, sans-serif;
    font-size: 15px;
    
}

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;

}

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