@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

*{
   font-family: 'Poppins', sans-serif;
   margin:0; padding:0;
   box-sizing: border-box;
   outline: none; border:none;
   text-decoration: none;
}
body{
   align-items: center;
   /*background-color: rgb(24, 26, 27);*/
   background-color : #ffffff;
   color : #000000;
 }
a{
  color: blue;
}
label{
  color: blue;
}
 .container{
   min-height: 100vh;
   background-color: #eee;
   background-image: url("../login/backgroud.jpg");
   align-items: center;
   justify-content: center;
   text-align: center;
   padding-bottom: 80px;
   color :rgb(255, 255, 255);
}

.container .content{
   width: 700px;
}

.container .content h3{
   text-transform: uppercase;
   font-size: 5vw;
}

.container .content p{
   font-size: 20px;
   padding:10px 0;
}

.container .content p span{
   color:crimson;
}

.container .content .logout{
   display: inline-block;
   padding:10px 35px;
   font-size: 20px;
   margin-top: 10px;
   background-color: #000;
   color:#fff;
}

.container .content .logout:hover{
   background-color: crimson;
}
.form-container{
   min-height: 100vh;
   background-color: #eee;

   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding-bottom: 80px;
   background-image: url("../login/backgroud.jpg");
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;

}

.form-container form{
   width: 500px;
   border:2px solid #000;
   background-color: rgb(24, 26, 27);
   border-color: rgb(140, 130, 115);
   padding:20px;
   text-align: center;
}

.form-container form .title{
   font-size: 25px;
   color:rgb(255, 255, 255);
   margin-bottom: 10px;
}


.form-container form .box{
   width: 100%;
   padding:12px 14px;
   font-size: 20px;
   text-transform: none;
   border:2px solid #000;
   border-color: rgb(140, 130, 115);
   background-color: #181a1b;
   color:rgb(255, 255, 255);
   margin:10px 0;
}

.form-container form .form-btn{
   display: block;
   width: 100%;
   font-size: 20px;
   padding:10px;
   background-color: #000;
   color:#fff;
   cursor: pointer;
   margin:10px 0;
}

.form-container form p{
   font-size: 20px;
   margin-top: 20px;
}

.form-container form p a{
    color:#160060;
}

.form-container form .error-msg{
   display: block;
   width: 100%;
   padding:10px 0;
   margin:10px 0;
   background-color: red;
   font-size: 20px;
   color:#fff;
}
.form-container form .sucess-msg{
  display: block;
  width: 100%;
  padding:10px 0;
  margin:10px 0;
  background-color: green;
  font-size: 20px;
  color:#fff;
}
::selection{
   background:blue;
   color: #fff;
 }
 .tabcontent input{
   display: none;
 }