@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


html {
    display: block;
    border: 0;
    width: 100%;
    padding: 0;
    direction: rtl;
    font-family: Arial;
    text-align: center;
    color: white;
    font-family: "Open Sans", sans-serif;
    background-color:lightgray;
}
.mainPage {
    width: 100%;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    background-color: #00064d;
}
.info img {
    height: 13px;
    margin-left:10px;
}
.info{
    margin-right:40px;
    text-align:right;
    font-size:18px;
    border-spacing:30PX;
    line-height:1.5;
}

.moreInfo {
    font-size:200%;
}

a, a:hover, a:focus {
    text-decoration: none;
    color: orangered;
}

.moreInfo img{
    width:200px;
}

.titleDiv {
    width: 100%;
}
.titleDiv img{
    width:100%;
}

.deal {
    text-align: center;
    padding: 10px;
    margin: 20px;
    background-color: antiquewhite;
    border-radius: 5px;
    color: #00064d;
    font-weight:bold;
}

.deal title1{
    font-size:110%;
    color:black;
}

.tb1 {
    width: 170px;
    padding: 5px 0 5px 0;
    font-size: 20px;
    text-align: center;
}

input::placeholder {
    text-align: center;
}


.tb2 {
    max-width:95%;
    width: 340px;
    margin-top: 5px;
    padding: 5px;
    font-size: 20px;
    text-align :center;
}


input[type=submit] {
    width: 100px;
    background-color: #4CAF50;
    color: white;
    padding: 11px;
    border: none;
    cursor: pointer;
}

.btm{
    color:black;
    font-size:11px;
}