Selektor {
    Attribut: Wert;
    Attribut2: Wert2;  
}



html {
background: white;
}

body {
    background: white;
    width: 700px;
    max-width: 90%;
    
    margin: 0 auto;
   
    
}


main {
	min-height: 30em;
	padding: 3em;
	background-image: repeating-radial-gradient( circle at 0 0, #fff, #ddd 50px);
}

input[type="file"] {
	display: block;
	margin: 2em;
	padding: 2em;
	border: 1px dotted;
}



h1 {
    font-size: 70pt;
    color: goldenrod;
    font-family: Segoe UI, sans-serif;
    background: white;
    
    text-align: center;
    
}

h2 {
    
    color: gray;
    
    font-size: 20pt;
    font-family: Segoe UI, sans-serif;
    background: white;
    
    text-align: center;
    
}


h3 {
    
    color: gray;
    
    font-size: 40pt;
    font-family: Segoe UI, sans-serif;
    background: white;
    
    text-align: center;
    
}


h4 {
    
    font-size: 10pt;
    font-family: Segoe UI, sans-serif;
    background: white;
    
    text-align: center;
    
}


h5 {
    
    color: gray;
    
    font-size: 30pt;
    font-family: Segoe UI, sans-serif;
    background: white;
    
    text-align: center;
    
}


p {
    
    color: grey;

    box-sizing: border-box ;
    
    font-family: Segoe UI, sans-serif;
    font-size: 12pt;
    
    
    text-align: center;

    height: auto ;
    width: 200px;
    margin: 10px;
    padding: 10px;
    
    float: left;
    
    background: white;
    
    border: solid 1px grey;
    border-radius: 5px;
    
}