*{

margin:0;

}

body{
 background-image: url('images/1.jpg');
 


}

.container{
background: orangered;
padding: 30px;
text-align:center;
box-shadow:1px 5px 10px black;
display: flex;
justify-content: space-between;
}

ul li {

display:inline;
padding-left:70px;
cursor:pointer ;

}

.container ul li:hover{
color:aliceblue;
height:1px;
transition:0.5s;
padding-right:5px;

}
.index_forms
{
    text-align:center;
    font-size:20px;
color:white;
background-color: rgba(0, 0, 0, 0.5);
width:450px;
height:250px;
border-radius:20px;
padding:20px;
transform: translate(350px,50px);


}


input{
width:300px;
padding:10px;
border-radius:10px;
border:none;
color:black;
background-color:rgba(0,0,0.0.5);

}

button{
width:200px;
padding:8px;
background-color:rgb(25, 148, 185);
border:none;


}

 .logins a{
text-decoration: none;
    color:rgb(57, 247, 247);
}

button a{
color:black;

text-decoration:none;

}

.pop-up{

    transition:1s;
}