body{
    background-image: url("../Images/bg17.jpg");
    background-size: cover;
}

.content{
    background-color: rgba(0, 0, 0, 0.3);   
}

p{
    font-size: 20px;   
}

p2{
    font-weight: bold;
}

h4{
    text-decoration: underline;
    cursor: pointer;
    margin-left: 20px;   
}

h1{
    text-align: center;
    margin-top: 200px;
    color: rgb(194, 32, 32);
}

.verify{
    text-align: center;   
}

.number-input-container {
    display: flex;
    margin-left: 790px;
    justify-content: flex-start;  
}
  
.number-input {
    width: 40px; 
    height: 35px;
    padding: 5px;
    text-align: center;
    margin-right: 10px;
    border: 3px solid black; 
}

.button{
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

input[type="submit"]{
    cursor: pointer;
    font-family: verdana;
    text-align: center;
    background-color: rgb(55, 107, 158);
    border-bottom: 1px solid #9b9999 ;
    border-right:  1px solid #9b9999;
    border-top:  1px solid #9b9999 ;
    border-left:  1px solid #9b9999;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 25px;
    width: 100px;
    transition: 0.3s ease;
}

input[type="submit"]:hover{
    transform: scale(1.1);
}