.container {
    max-width: 800px;  
    margin: 0 auto;     
    padding: 2rem;
    min-height: 100vh;
   
}
.box1{
    font-family:Arial, Helvetica, sans-serif;
    border-radius: 25px;
    min-width: 25vw;
    min-height: 50vh;
    /* background-color: #ffffff; */
    position: absolute; 
    left: 20%; top: 25%;
    display: grid;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 3em;
    text-shadow: 4px 4px 4px #000000;
    box-shadow: 0 4px 8px 0 #00000033, 0 6px 20px 0 #00000030;
}
input{
    font-size: 0.5em;
     box-shadow: 0 4px 8px 0 #00000033, 0 6px 20px 0 #00000030;
}

.box2{
    font-family:Arial, Helvetica, sans-serif;
    border-radius: 25px;
    min-width: 25vw;
    min-height: 50vh;
    position: absolute; 
    right: 20%; top: 25%;
    display: grid;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    text-shadow: 4px 4px 4px #000000;
    box-shadow: 0 4px 8px 0 #00000033, 0 6px 20px 0 #00000030;

}
.centerbox{
     font-family:Arial, Helvetica, sans-serif;
    border-radius: 25px;
    min-width: 25vw;
    min-height: 50vh;
    position: absolute; 
    right: 39%; top: 25%;
    display: grid;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    text-shadow: 4px 4px 4px #000000;
    box-shadow: 0 4px 8px 0 #00000033, 0 6px 20px 0 #00000030;
}
.spacing{
    margin: 2px;
     display: grid;
     justify-content: center;
    align-items: center;
}
.overflow{
     word-break: break-word;
}