@font-face{
    font-family: custom;
    src: url('/fonts/fontFamily.ttf');
}
*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: custom;
}

html,body{
    height: 100%;
    width: 100%;
   
}
.bg-layer{
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.bg-layer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('/images1/bg.png');
    background-size: cover;
    background-repeat: repeat-x;
    animation: slide 40000s linear infinite;
    filter: brightness(0.5 ); 
    z-index: -1; 
}

.form-container{

    border-radius: 10px !important;
}


@keyframes slide {
    0%{
        background-position: 0%;
    }
    100%{
        background-position: 90000%;
    }
}

.iconval{
    margin: auto 0;
}

.form-container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 400px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    background: #ffffff40;
   
    border-radius: 0;
  
    border-radius: 10px;
    padding: 20px;

}



input[type="email"]{
    padding: 11px 10px;
    background-color: #fff;
    padding-left: 40px; 
}
input[type="password"]{
    padding: 11px 10px;
    background-color: #fff;
    padding-left: 40px; 
}
input[type="submit"]{
    border-radius: 0;
}
input[type="email"]::placeholder{
    padding-left: 25px;
}
input[type="password"]::placeholder{
    padding-left: 25px;
}
.input-fields i{
    position: absolute;
    left: 15%;
    top: 35%;
}


.forget-link a{
    color: floralwhite;
    font-weight: 700 +100;
  
}
.forget-link a:hover{
    color: #dadada;
    text-decoration: none;
}

.title{
    color: #dadada;
   text-shadow : 1px 1px 1px white;
}

.context-container .main-logo{
    font-size: 42px;
    border-radius: 50%;
    color: #dadada;
   
}
.logo-container:hover .main-logo{
    color: #ffee10;
    transform: scale(1.1);
    text-shadow: 0 0 5px #ffee10;
    backdrop-filter: 0 0 15px #ffee10;
}

.form-container {
    border-radius: 0;
}

.text-container{
    position: absolute;
    bottom: 0;
}
.button-container button{
    border-radius: 0;
}


.text-container p{
    color: #dadada;
 
    pointer-events: none;
  
    font-size: 15px;
}