@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');



body {

max-width: 800px;
    max-width: 800px;
    margin: auto;
	  font-family: "Nunito", sans-serif;

}

.esimerkki {

background-color: rgb(70, 64, 56);
color: rgb(255, 255, 255);
padding: 8px;


}

h1 {
	text-align: center;
	color: #000000;
    text-align: center;


}


.keskitys {
	text-align: center;
}


.oikealla {
	text-align: right;
}

.leveys-300 {
	width: 300px;
}

.leveys-30em {
	width: 30em;
}

.leveys-50pros {
	width: 50%;
}


.sisempi {
	color: #000;
	background-color: #dfdedd;
}



.oikeeala {
	right: 0;
	bottom: 0;
	position: absolute;
	
}

.vasenala {
	position: absolute;
	left: 0;
	bottom: 0;
}

.oikeeyla {
	position: absolute;
	right: 0;
	top: 0;
}

.lopussa {
	position: relative;
	height: 10em;
	margin-bottom: 1em;
}