html,body{
    width:100%;
    height:100%;
    background-color: #6de7be;
    overflow: hidden;
}
.box{
    width:300px;
    height:240px;
    margin-top: calc( 50vh - 120px );
    margin-left: calc( 50vw - 150px );
}
.box p{
    width:100%;
    margin: 0 0 16px 0;
    font-size: 24px;
    text-align: center;
    color:#fff;
    font-weight: 900;
}
.box input{
    width:calc( 100% - 16px );
    height:24px;
    padding: 8px;
    margin-top: 16px;
    outline: none;
    text-align: center;
    border: 0;
    border-radius: 8px;
}
.box button{
    width:100%;
    height:40px;
    background-color: bisque;
    margin-top: 24px;
    border: 0;
    border-radius: 8px;
}
.box button:hover{
    background-color: #ffebd4;
}
.box button:active{
    background-color: #ffddb6;
}