@charset "utf-8";
* {
    margin:0;
    padding:0;
    box-sizing:border-box;
    }
/*--------------------------------------------------*/
/*----------------mobile----------------------------*/
/*--------------------------------------------------*/
@media screen and (max-width:600px){
	body {
	font-family:testschrift;
	padding:20px;
	background:linear-gradient(to right,rgba(145,145,145,1) 25%, rgba(199,199,250,.5) 35%, rgba(168,168,168,1) 47%, rgba(168,168,168,1) 55%, rgba(168,250,168,.3) 64%, rgba(194,255,255,.5) 74%, rgba(168,168,168,1) 83%, rgba(194,194,194,1) 94%, rgba(150,150,150,1) 100%);
	color:#575757;
	}
	div#zeit {
	margin:auto;
	max-width:600px;
	min-height:150px;
	text-align:center;
	background:#DDD8D8;
	border-radius:20px;
	box-shadow:0 0 40px #B6E6E7;
	padding:20px;
	}
	/*h2 {
	padding:20px;
	font-family:fredericka-the-great, sans-serif;
	font-size:40px;
	font-weight:300;
	color:black;
	letter-spacing:4px;
	text-shadow:0 5px 10px;
	text-align:center;
	}*/	
h6,h4 {
	font-family:monsieur-la-doulaise, cursive,fredericka-the-great, sans-serif;
	font-size:40px;
	font-weight:300;
	color:black;
	letter-spacing:2px;
	text-shadow:0 5px 10px;
	}
	div#log {
	margin:auto;
	max-width:250px;
	min-height:250px;
	background:#DDD8D8;
	border-radius:20px;
	box-shadow:0 0 40px black;
	padding: 40px 20px;}
input{
	padding:5px;
	max-width:200px;
	margin-bottom:20px;
	
	}
p.but{
    margin:auto;
	}
}






/*-------------------------------------------------------------------------------------------*/
/*------------desktop------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
@media screen and (min-width:601px){	
body {
	font-family:testschrift;
	padding:30px;
	background:linear-gradient(to right,rgba(145,145,145,1) 25%, rgba(199,199,250,.5) 35%, rgba(168,168,168,1) 47%, rgba(168,168,168,1) 55%, rgba(168,250,168,.3) 64%, rgba(194,255,255,.5) 74%, rgba(168,168,168,1) 83%, rgba(194,194,194,1) 94%, rgba(150,150,150,1) 100%);
	color:#575757;
	}
div#zeit {
	margin:auto;
	max-width:900px;
	min-height:150px;
	text-align:center;
	background:#DDD8D8;
	border-radius:20px;
	box-shadow:0 0 40px #B6E6E7;
	padding:40px;
	}
h2 {
	padding:20px;
	font-family:fredericka-the-great, sans-serif;
	font-size:40px;
	font-weight:400;
	color:black;
	letter-spacing:4px;
	text-shadow:0 5px 10px;
	text-align:center;}	
h6,h4 {
	font-family:monsieur-la-doulaise, cursive,fredericka-the-great, sans-serif;
	font-size:40px;
	font-weight:600;
	color:black;
	letter-spacing:2px;
	text-shadow:0 5px 10px;}
div#log {
	margin:auto;
	max-width:200px;
	min-height:200px;
	background:#DDD8D8;
	border-radius:20px;
	box-shadow:0 0 40px black;
	padding: 40px 20px;}
input{
	padding:5px;
}
p.but{
    margin-left: auto;
    margin-right: auto;
}
}