body{
	background: #fdfdff;
	font-family: arial;
}

.card {
	background: white;
	width:400px;
	margin: 80px auto auto auto;
	border: none;
	border-radius: 45px;
	box-shadow:  8px 15px 15px #C0C0C0;
	padding: 50px 5px 50px 5px;
}

@media only screen and (max-width: 1024px) {
  .card {
	background: white;
	width:700px;
	margin-top: 300px;
	border: none;
	border-radius: 45px;
	box-shadow:  8px 15px 20px #C0C0C0;
	padding: 60px 0px 60px 0px;
	}
	.copyRight {
	  /*display: none;*/
	  bottom: 0;
	  width: 100%;
	  text-align: center;
	 }
}

@media only screen and (max-width: 768px) {
  .card {
	background: white;
	width:600px;
	margin-top: 200px;
	border: none;
	border-radius: 45px;
	box-shadow:  8px 15px 15px #C0C0C0;
	padding: 60px 0px 60px 0px;
	}
	.copyRight {
	  /*display: none;*/
	  bottom: 0;
	  width: 100%;
	  text-align: center;
	 }
}

@media only screen and (max-width: 411px) {
  .card {
	background: white;
	width:400px;
	margin-top: 40px;
	border: none;
	border-radius: 45px;
	box-shadow:  8px 15px 15px #C0C0C0;
	padding: 60px 0px 60px 0px;
	}
	.copyRight {
	  /*display: none;*/
	  bottom: 0;
	  width: 100%;
	  text-align: center;
	 }
}

.card-content {
	text-align: center;
	padding: 10px 0 10px 0;
}

.card h1 {
	margin-top: 30px;
	font-size: 26px;
}

.card .ip2 {
    border-radius: 25px;
    border: 1px solid #757575;
    padding: 20px; 
    width: 300px;
    height: 10px;  
	box-shadow:  5px 6px 14px #C0C0C0;  
}

.ip2:focus {
	outline: none;
	box-shadow:  8px 8px 20px #C0C0C0;
}

.inputSection {
	margin-bottom: 20px;
}

.inputSection2 {
	margin-bottom: 10px;
	font-size: 14px;
}

#loginContent {
	font-size: 11px;
	text-decoration: none;
}

#loginButton {
    width: 200px;
    /*margin-top: 20px;*/
    padding: 15px;
    border-radius: 25px;
    background: #1976D2;
    /*border-color: #1976D2;*/
    border: none;
    color: white;
    letter-spacing: 1px;
    font-weight: bold;
	box-shadow: 5px 4px 15px black;
}
	
#loginButton:hover, #resetButton:hover {
	box-shadow: 6px 8px 20px black;
    cursor: pointer;

}

#loginButton:focus {
	outline: none;
}

#resetButton {
	width: 300px;
	border: none;
    /*margin-top: 20px;*/
    padding: 15px;
    border-radius: 25px;
    background: #1976D2;
    border-color: #1976D2;
    color: white;
    letter-spacing: 1px;
    font-weight: bold;
	box-shadow: 5px 4px 15px black;
}

.copyRight {
  position:fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
 }