/*  <!-- 0ed22a -->
    <!-- 1ae237 -->
    <!-- 33f04e -->
    <!-- 5cff72 --> */

body {
    background-color: #03045e;
}

.main1 {
    margin: auto;
    margin-top: 100px;
    width: 300px;
    height: 500px;
    background-color: black;
    border-radius: 26px;
    overflow: hidden;
}

.first {
    width: 100%;
    height: 30%;
    background-color: #48cae4;
}

.seconed {
    width: 100%;
    height: 70%;
    background-color: #ade8f4 !important;
}

button {
    padding: 0;
    width: 100%;
    height: 70px;
    background-color: #ade8f4;
    color: #03045e;
    border-color: #caf0f8;
    font-size: 25px !important;
    font-family: sans-serif !important;
}

.bt1 {
    padding: 0 !important;
}

.ro1 {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.lbl{
    color: #03045e;
    height: 100%;
    width: 100%;
    text-align: right;
    padding-right: 15px;
    padding-top: 30%;
    font-size: 35px !important;
    font-family: sans-serif !important;
}

.diff1{
 color: #0077b6;
}

.diff2{
 color: #3c6e71;


}