html, body {
 margin: 0;
 padding: 0;
 }

body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  background: linear-gradient(45deg, #63CDE7, #91E3F0, #C2F4FA);
  text-align : center;
}
.wrapper{
  margin: 0 auto;
  width: 1180px;
  background: #ededed;
  box-shadow: 10px 10px 5px lightblue;
  padding-bottom: 10px;
  padding-top: 10px;
}
h1	{
  font-size: 6em;
  margin-bottom: 10px;
  font-family: Snell Roundhand, cursive;
}
 .submit {
    background-color: #63cde7;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
	width: 100px;
    margin-bottom: 10px;
    margin-top: 10px;
 }
.submit:hover {
    background: #15e8cf;
}
    input[type="text"],
    input[type="password"]{
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: white;
 }
.logo{
  height: 380px;
  width: 400px;
}
@media screen and (max-width: 767px) {
  .wrapper {
    max-width: 95%;
    margin: 0 auto;
  }
  .logo{
	width: 90%;
  }
}