body{
background-color:#080412;
display:flex;
justify-content: center;
align-items: center;
font-family: 'Cairo', sans-serif;

}



.containner{
background: rgba(255, 255, 255, 0.9);
color: white;
width:370px ;
padding: 20px;
border-radius: 20px;



}
.containner h1{
    color: #4a1e8c;
margin-left: 120px;
margin-top: -10px;
}


.containner .title{
    justify-items: center;
   color: black;
}

.containner .title h1{
    color: 4a1e8c;
            font-size: 28px;
            margin: 30px;
            margin-left: 40px;
}

.title span{
    color: black;

}

.input_box{
padding: 10px;
text-align: right;
font-weight: bold;
color: black;
}


.input_box label {
            display: block;
            margin-bottom: 8px;
            color: #4a1e8c;
            font-weight: bold;
            font-size: 18px;
        }

.input_box input{
height: 50px;
width: 350px;
font-style: italic;
text-align: right;
font-family: 'Cairo', sans-serif;
font-weight: bold;
font-size: medium;
border: 1px solid rgb(167, 167, 167);
border-radius: 10px;
}


.containner button{
border: none;
 background: linear-gradient(to right, #7d3cff, #4a1e8c);
height: 50px;
width: 300px;
margin-left: 40px;
font-weight: bold;
font-size: medium;
font-family: 'Cairo', sans-serif;
margin-top: 10px;
border-radius: 20px;
color: white;
}

.containner button:hover{
   transform: translateY(-3px);
 box-shadow: 0 7px 20px rgba(125, 60, 255, 0.5);
}

.containner p{
    margin-left: 190px;
   
}
.containner a{
    text-decoration: none;
    color: #4a1e8c;
    font-weight: bold;
    font-family: 'Cairo', sans-serif;
}
.text{
    justify-items: center;
    font-family: 'Cairo', sans-serif;
}

.text h3{
color: black;
}