*{
    margin:0;
    padding:0;
    font-family:sans-serif;
    box-sizing: border-box;
}
body{
    background: #002339;
    color:#fff;
    
}
.box{
    margin:12% auto;
    width:90%;
    max-width:700px;
}
.box h1{
    font-size:45px;
    font-weight:500;
}
.box h1 span{
    color:#019f55;
    border-bottom: 4px solid #019f55;
    padding-bottom: 7px;
}
.box button{
    border:0;
    outline:0;
    background:#019f55;
    color:#fff;
    font-size:22px;
    font-weight:300;
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding:16px 26px;
    border-radius:5px;
    cursor:pointer;
    margin-top:40px;    
}
.display{
    width: 100%;
    margin-top:50px;
    margin-bottom:30px;
    background:#fff;
    color:#333;
    display: flex;
    justify-content: space-between;
    padding: 26px 20px ;
    border-radius: 5px;
    align-items: center;
}
.display img{
    width:30px;
    cursor: pointer;
}
.display input{
    border:0;
    outline:0;
    font-size:24px;
    min-width: 250px;
}
.box button img{
    width:28px;
    margin-right:10px;
}
@media(max-width:430px){
    .box h1 span{
        font-size: 0.5em;
    }
}