body{
    background-color: #0074d9;
}
.login{
    display: grid;
    grid-template-columns: repeat(3,33%);
}
.image{
    display: flex;
flex-direction: column;
align-items: center;
margin-top: 30%;
}
.image img{
    height: 250px;
    width: 250px;
    border-radius: 30%;
}
.image_word{

}
.image_word h2{
    color: white;
    font-family: 'Courier New', Courier, monospace;
}
.login_login{
    background-color: white;
    height: 520px;
    width: 100%;
    border-radius: 4%;
    margin-top: 20px;
}
.form_{
margin-top: 30px;
}
.form_ img{
    height: 80px;
    width: 80px;
    border-radius: 50%;
}
.login_login_head{
    display: flex;
    justify-content: space-evenly ;

}
.login_login_head h2{
    margin-top: 30px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
input{
    width: 80%;
    height: 35px;
    border-radius: 5px ;
    margin-bottom: 10px;
    border: 0.5px solid silver;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
input:focus{
    width: 80%;
    height: 35px;
    border-radius: 5px ;
    margin-bottom: 10px;
    outline:3px solid #027de9;
        transition-duration: 0.1s;
 transition-timing-function:ease-out ;

}
input[type=submit]{
    width: 150px;
    height: 40px;
    border: 0;
    border-radius: 5px ;
    color: white;
   background-color: #0071d4;
   font-size: larger;
    display: block;
    margin-bottom: 15px;
}
input[type=submit]:hover{
   background-color: #004886;
    cursor: pointer;

}
.login_login_input{
    margin-right: 35px;
    margin-top: 25px;
}
.HR_login{ 
 width: 70%;
 opacity: 0.5;   
}
.fien{
    margin-right: 35px;
}
.login_login  a{
    text-decoration: none;
    color: #027de9;
}
.login_login  a:hover{
    text-decoration: underline;

}