h1 {
  
    border-bottom:2px solid green;
    font-weight: normal;
    padding:8px 0;
    text-align: center;
}

input{
    font-size:16px;
}

#container0{
    width:350px;
    padding:10px 10px;
    line-height: 2;
    margin: 10px  auto;
   text-align: left;
   
   
}

#container1{
    width:350px;
    padding:10px 10px;
    line-height: 2;

    
    margin: 10px  auto;
    border:2px solid black;
    text-align: left;
   
   
}

#container2{
    width:350px;
    line-height: 2;
    padding:4px 10px;

    
    margin: 40px auto;
    border:2px solid black;
    text-align: left;
   
   
}

button {
    all:unset;
    width:100%;
    background:black;
    border-radius: 8px;
    margin: 10px auto 2px;;
    color:white;
    text-align: center;
    padding:2px 0;
    margin-top:16px;
    cursor: pointer;
    box-shadow:0 4px darkgray;
}

button:hover{
    opacity: 0.8;;
}

button:active{
    box-shadow:0 1px #7a0000;
    transform:translateY(3px);
}

#result {
    width:430px;
    margin:20px auto;
    padding:10px 15px  5px;
    background:lightgray;
   

}