*:hover
{
	
}

html
{
	width: 100vw;
	height: 100vh;
}

body
{
	width: 100vw;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
    grid-template-rows: 60px 1fr 60px;
    grid-template-areas: 'header' 'main' 'footer';
	margin: unset;
}

main
{
    grid-area: main;
}

p 
{
    margin: 5px 0 5px 0;
}

input[type="text"], input[type="password"]
{
	height: 20px;
    border: unset;
	font-family:inherit;
}

input[type="date"]
{
	height: 20px;
    border: unset;
    padding: 1px 0 1px 3px;
	font-family:inherit;
}

button
{
	height: 30px;
	cursor: pointer;
	border: unset;
	transition: all 0.5s;
	padding:5px;
}

select
{
	border: unset;
	padding: 1px 0;
}

/* select, */
/* textarea, */
/* input.text, */
/* input[type="text"], */
/* input[type="password"], */
/* input[type="button"], */
/* input[type="submit"], */
/* input[type="date"], */
/* .input-checkbox  */
/* { */
	/* -webkit-appearance: none; */
	/* border-radius: 0; */
/* } */