body{
background-color:  #fff
font-family:Robot,'Segoe UI',Thahoma, sans-serif;
color: #444;
 width: 100%;
 margin-left: 0px;
  background-color: #265D9D;
}
nav{
 
    height: 80px;
    width: 100%;
    background-color: #fff;
    border-color:#1975A3;
    box-shadow:5px 5px 6px rgb(50 50 50/55%); 
    display:inline-block;
    top: 0;
}
.imglogo{
  height: 80px; 
  width: 40%;

}
.socialMediaLinks{
margin-top: 30px;
float: right;

}
.socialMediaLinks a i{
    font-size: 26px;
    margin: 0 10px 0 0;
    color: #1975A3;
    position: relative;
    text-decoration: none;
}


 .welcome-desc{font-weight:lighter;
 	font-size:60px;
 	color:white;
	text-shadow: 0px 0px 5px #333;
 	}
.desc{
     font-weight:lighter;
 	font-size:20px;
 	color:white;
	text-shadow: 0px 0px 5px #333;
	letter-spacing: 1px;	
}
/* Basics */
 


#container {
  
    width: 30%;
    height: 350px;
    margin-top: 4%;
        background-color:#42c5f5;
    border :1px solid #555;
    border-radius: 25px;
     font-weight: bold;
    letter-spacing: 1px;
    opacity: 0.8;
    color: white;
    box-shadow: 0px 0px 12px  #444;
}
 
 .column{

	display: flex;
	align-items: baseline;
	justify-content:space-around;
	margin-top: 1.5em;
	padding :0 auto;
}

.col1{
	width: 40%;
	
}
.col2{
	width: 40%;
}

.input{
  color: #333;
  display: inline-block;
   font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 32px;
    margin-top: 20px;
   position: relative;
   width:100%;
   left: 10%;
   height: 40px;
 }
 
 a {
    font-size: 11px;
    color: #aaa;
    float: right;
    margin-top: -13px;
    margin-right: 20px;
}
 

 i{
 	left:0px;
 	color: #333;
 	font-size: 16px;
 	top:2px; 
 	background-color: white;
 }
p a:hover {
    color: #555;
}
 input:hover,button:hover{
 	box-shadow: 3px 3px 5px #555;
 }
input {
height: 35px;
 width: 80%;
 box-sizing: border-box;
 border: none;
 outline: none;
font-size: 14px;
border-radius: 4px solid white;

}
.logbtn{
	height: 40px;
	width: 40%;
	background-color:#1e2229;
	color: white;
	 font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 20px;
   margin-left:25%;
}

.logform{
	margin-top: 60px;

}
 
@media (max-width: 600px){

.logo{
	width: 100%;
	margin: 0;
	padding: 0;
}


 .column{
	flex-direction: column;
	
	justify-content:space-between;
	margin-top: 1.5em;
	padding :0 auto;
	width: 100%;
	
}


.col1{
margin :20px auto;
width: 90%;
}

.col2{
margin :20px auto;
width: 9%;
}
#container{
	width: 90%;

	margin-top: 20px auto;
}
}
.contro{
    position: relative;
    width: 80%;
    height: 400px;
    background: #f6f7f9;
    border :4px solid #444;
    border-radius: 25px;
     font-weight: bold;
    letter-spacing: 1px;
    box-shadow: 0px 0px 12px  #444;
    margin: 6% auto;

    }
    .date_i{
        width: 40%;
        margin-left: 20px;
    }
    .cbtn{
        width :20%;
        height: 40px;
        color: white;
        background-color:#1e2229; ;

    }
.form_con{
margin-left: 25%;    }
.content{
    margin-top: 20%;
}
.__fb-light-mode {
	#eaf7ff
    --fds-black: #000000;
    --fds-black-alpha-05: rgba(0, 0, 0, 0.05);
    --fds-black-alpha-10: rgba(0, 0, 0, 0.1);
    --fds-black-alpha-15: rgba(0, 0, 0, 0.15);
    --fds-black-alpha-20: rgba(0, 0, 0, 0.2);
    --fds-black-alpha-30: rgba(0, 0, 0, 0.3);
    --fds-black-alpha-40: rgba(0, 0, 0, 0.4);
    --fds-black-alpha-50: rgba(0, 0, 0, 0.5);
    --fds-black-alpha-60: rgba(0, 0, 0, 0.6);
    --fds-black-alpha-80: rgba(0, 0, 0, 0.8);
    --fds-blue-05: #ECF3FF;
    --fds-blue-30: #AAC9FF;
    --fds-blue-40: #77A7FF;
    --fds-blue-60: #1877F2;
    --fds-blue-70: #2851A3;
    --fds-blue-80: #1D3C78;
    --fds-button-text: #444950;
    --fds-comment-background: #F2F3F5;
    --fds-dark-mode-gray-35: #CCCCCC;
    --fds-dark-mode-gray-50: #828282;
    --fds-dark-mode-gray-70: #4A4A4A;
    --fds-dark-mode-gray-80: #373737;
    --fds-dark-mode-gray-90: #282828;
    --fds-dark-mode-gray-100: #1C1C1C;
    --fds-gray-00: #F5F6F7;
    --fds-gray-05: #F2F3F5;
    --fds-gray-10: #EBEDF0;
    --fds-gray-20: #DADDE1;
    --fds-gray-25: #CCD0D5;
    --fds-gray-30: #BEC3C9;
    --fds-gray-45: #8D949E;
    --fds-gray-70: #606770;
    --fds-gray-80: #444950;
    --fds-gray-90: #303338;
    --fds-gray-100: #1C1E21;
    --fds-green-55: #00A400;
    --fds-highlight: #3578E5;
    --fds-highlight-cell-background: #ECF3FF;
    --fds-primary-icon: #1C1E21;
    --fds-primary-text: #1C1E21;
    --fds-red-55: #FA383E;
    --fds-soft: cubic-bezier(.08,.52,.52,1);
    --fds-spectrum-aluminum-tint-70: #E4F0F6;
    --fds-spectrum-blue-gray-tint-70: #CFD1D5;
    --fds-spectrum-cherry: #F35369;
    --fds-spectrum-cherry-tint-70: #FBCCD2;
    --fds-spectrum-grape-tint-70: #DDD5F0;
    --fds-spectrum-grape-tint-90: #F4F1FA;
    --fds-spectrum-lemon-dark-1: #F5C33B;
    --fds-spectrum-lemon-tint-70: #FEF2D1;