@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Freeman&display=swap');
body
{
  
   font-size:1em;
   background-color: rgba(0,0,0,0.1);
   margin-top:6%;
   padding:2%;
   background-image: url("../images/7.jpg");
   background-size: 100% 100%;
   /*background-image: linear-gradient(45deg, #f5f5f5 25%, #ffffff 25%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 75%, #ffffff 75%, #ffffff 100%);*/
  /*background-size: 5.66px 5.66px;*/
}

.project-details
{
  text-align: center;
  background-color: rgba(255,255,255,1.0);
}

.LoginDiv
{
  /*background-image: url("../images/bg.jpg");*/
  background-color: #fff;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 20px;
  border:0px solid #ccc;
  border-radius:20px;

}

.site-title
{
   
   letter-spacing: 2px;
  font-size:20px;
  height: 50px;
  width:100%;
  padding:12px 10px 10px 10px;
 
  
  color:#000;
}

.page-title
{
  font-size: 14px;
  font-weight: bold;
  color: blue;
}
.signup-btn
{
  border-radius:20px;
  background-color: #FF9700;
  font-weight: bold;
}
.form-control
{
	font-size: 13px;
  border-radius: 3px;
}


.card-title
{
  font-size: 15px;
  font-weight: 500;
}

.fa
{
  font-size: 18px;
  font-weight: 500;
}

.modal-header
{
/*  background-image: url('../images/bg.jpg'); background-size: 100% 100%;*/
  color: #fff;
  padding-top:5px;
  background-color: #059341;
}

.LoginControl
{
  border:0px;
  border-radius: 0px;
  border-bottom: 1px solid #000;
  margin:0px;
  height: 40px;
}

@media only screen and (max-width: 760px) {
body
{
  padding-top:0vh;
  background-size: 100%;
}
    

}