body{
   
    background-size:30%;
	background-position: center 70%;
	background-attachment:fixed;
    padding-left: 5%;
    padding-right: 5%;
	font: 50px;
    line-height: 25px;
    font: bold;
}
.bod h1{
    font: 30px;
    font-family: cursive;
    color: white; 
}
.bod p{
    font-family: serif;
    color: aqua; 
	font:bold;
    letter-spacing: normal;
    
}
.bb{
width:330px;
height:230px;
background-color:rgba(0,0,0,0.5);
float:left;

margin-top:120px;
margin-left:455px;
padding-top:5px;
padding-left:5px;
border-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
color:white;
font-weight:bolder;
box-shadow:inset -4px -4px rgba(0,30,0,0.5);
font-size:18px;

}
.bb input[type="text"]{
width:260px;
height:35px;
border:0;
border-radius:5px;
padding-left:2px;
}

.bb input[type="password"]{
width:260px;
height:35px;
border:0;
border-radius:5px;
padding-left:5px;
}

.bb input[type="submit"]{
width:100px;
height:35px;
border:0;
border-radius:5px;
background-color:skyblue;
font-weight:bolder;
}
.navbar {
    overflow: hidden;
    background-color: transparnt; 
    
}
.ima{
    background-size:cover;
    align-content: left;
}
/* Style the navigation bar links */
.navbar a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
}

/* Right-aligned link */
.navbar a.right {
    float: right;
}

/* Change color on hover */
.navbar a:hover {
    color: darkblue;
    text-shadow:  1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
    
}
.style1 {
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #0099FF;
}
.style2 {
	color: #0099FF;
	font-size: 18px;
}
.style3{
background-color:#cccccc;
    }
.footer {
    background-color: transparnt;
    color: white;
    height: 80px;
    
}
.login{
     background: url('302.jpg') repeat;
    background-size:cover;
	background-position: center center;
	background-attachment:fixed;
}
.log{
    border: 2px;
    align-content: center;
    color: white;
    }
.login{
  
}

.log h1{
    text-align: center;    
}

.log #for{
    color: darkblue;
}
.log #for:hover{
    color: red;
}

.contact-title {
    color: white;
}
.con{

}
.heading{
    color: darkslategrey;
    
}
.response{

	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
}
.response input{
	vertical-align: middle;
	padding: 10px;

}