body{
	height:100vh;
	width:100vw;
	padding:0;
	margin:0;
	
	display: grid;
	place-items: center;
	
	background-color: #8569c7;
	background-image: linear-gradient(to bottom, #b080f7, #9363da, #7647bd, #592ba0, #3c0c85);
	background-size: color;
}

h1 {
	margin:auto;
	text-align: center;
}

a{
	color: white;
	text-decoration: none;
}

form [type=text]{
	border: 0;
	padding:10px;
	margin: 10px;
	border:0;
 	box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
	padding:10px;
  	border-radius:10px;
}

.pass{
border: 0;
	padding:10px;
	margin: 10px;
	border:0;
 	box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
	padding:10px;
  	border-radius:10px;
}

html {
    scroll-behavior: smooth;
  }

main {

	margin: 0;
	padding: 0;
	text-align: center;
	/*margin-top: 30vh;*/
	align-items: center;
	vertical-align: center;
	
	color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
}