body{
    background-color: rgb(0, 90, 143);
    color: white;
}
.h-c-mimic{
    text-align: center;
    display: flex;
    background-color: rgba(2, 77, 107, 0.479);
    width: 340px;
    font-size: 22px;
    align-items: center;
    flex-direction: column;
    margin: auto;
    padding: 50px 0px 50px 0px;
    margin-top: 170px;
}
.f-v-line{
    position: relative;
    top: -1px;
    height: 2px;
    width: 0px;
    background-color:  rgb(0, 174, 255);
    transition: 1s;
}
.login{
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 260px;
}
.cv-f-form{
    width: 100%;
}
.cv-f-form  .f-i-d{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.cv-f-form  .f-sm{
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    align-items:center; 
}
.cv-f-form .f-i-d input{
    text-align: center;
    width: 230px;
    box-sizing: border-box;
    height: 40px;
    padding: 0 5px;
    border: none;
    border-bottom: 1px rgba(214, 214, 214, 0.548) solid;
    font-size: 18px;
    outline: none;
    transition: 0.3s;
    /*background-color: rgb(250, 249, 248);*/
    background-color: rgba(241, 241, 241, 0);
    color: white;
    
}

.cv-f-form .f-i-d input::placeholder{
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-style: italic;
}
.cv-f-form .f-i-d input:focus + .f-v-line{
    width: 230px;
}
.cv-f-form .f-i-d input:focus{
    color: rgb(255, 255, 255);
}

::-webkit-input-placeholder {
    text-align: center;
 }
 
 :-moz-placeholder { /* Firefox 18- */
    text-align: center;  
 }
 
 ::-moz-placeholder {  /* Firefox 19+ */
    text-align: center;  
 }
 
 :-ms-input-placeholder {  
    text-align: center; 
 }
.cv-f-trimite{
    width: 100px;
    background-color: rgba(255, 255, 255, 0.287);
    border: 1px solid rgba(255, 255, 255, 0.37);
    margin-top: 30px;
    line-height: 36px;
    color: white;
}
.cv-f-trimite:hover{
    cursor: pointer;
    background-color: rgb(13, 186, 255);
}