@charset "utf-8";

@font-face {
	font-family: fontti;
	src: url(Roboto-VariableFont_wdth\,wght.ttf);
	font-weight: normal;
}

@font-face {
	font-family: otsikko;
	src: url(Roboto-VariableFont_wdth\,wght.ttf);
	font-weight: bold;
}

body {
	font-family: fontti,sans-serif;
	background-color: #ffbaba;
	/* [disabled]padding-left: 7%; */
	/* [disabled]padding-right: 7%; */
}
header {
	background-color: #ffe4e4;
	height: 363px;
	background-image: url(pilvet.jpg);
}
.container {
	max-width: 910px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ff9a9a;
	/* [disabled]padding-left: 7%; */
	/* [disabled]padding-right: 7%; */
}
main {
	padding-left: 7%;
	padding-right: 7%;
	padding-top: 24px;
}

footer {
	margin-top: 48px;
	/* [disabled]text-align: center; */
	padding: 21px 7% 20px;
	/* [disabled]border-top: 25px solid #D5D5D5; */
}

.oikealla{
	float: right;
	margin-left: 40px;
	margin-bottom: 40px;
	}