body {
	font-family: arial; /* määritetään fontti */
	background-color: #042e44;  /* tausta väri */
	color: ivory;  /* fontin väri */
	text-align: center; /* sisällön keskitys vaakatasossa */
	background-image: url('kuvat/kuva.jpg');
	background-size: cover; /* Resize the background image to cover the entire container */
	background-repeat: repeat-y;
	/*	gulf tumma sininen #1f3075 | gulf oranssi #ec5e04 | gulf vaaleansininen #c9dfec  */
}

p {
	margin-top: 50px;
	margin-bottom: 50px;
}

div.info {
	position: fixed;
	width: 100%;
	bottom: 10px;
} 

.y {
  width: 34%;
  float: left;
}

.p {
  width: 33%;
  float: left;
}

.m {
  width: 33%;
  float: left;
}

input[type=submit] { /* painikkeen muokkaus */
	height: 30px; /* korkeus */
	margin-top: 10px; /* ylä reunaan 10px väliä */
	font-size: 14; /* fontin koko */
	border-radius: 16px; /* kulmien pyöristys */
	border: solid ivory 4px; /* kehykset */
	background-color: #042e44; /* tausta väri */
	color: ivory; /* fontin väri */
}

input[type=text] {
	height: 20px; /* korkeus */
	font-size: 14; /* fontin koko */
	border-radius: 16px; /* kulmien pyöristys */
	text-align: center; /* sisällön keskitys vaakatasossa */
	background-color: #D1E8E2; /* tausta väri */
}

input[type=number] { /* muokkaa numeroiden syöttö kenttiä */
	height: 20px; /* korkeus */
	font-size: 14; /* fontin koko */
	border-radius: 16px; /* kulmien pyöristys */
	text-align: center; /* sisällön keskitys vaakatasossa */
	background-color: #D1E8E2; /* tausta väri */
}

textarea {
	font-size: 14; /* fontin koko */
	border-radius: 8px; /* kulmien pyöristys */
	background-color: #D1E8E2; /* tausta väri */
}

a:link, a:visited {
	color: ivory; /* fontin väri */
}

img { 
    border-radius: 90px; /* pyöristetään kulmia */
  }