header {
	text-align: center;
	background-color: #1C0AC7;
}

body {
	margin: 0;
	padding: 0;
	background-color: #979595;
	padding-bottom: 5%;
}

p {
	text-align: left;
	padding: 0 20%;
}

h2 {
	text-align: center;
}

.bazzite_ukaasi {
	border: 10px solid cyan;
	margin: 0 20% 5% 20% ;
}

.bazzite_blog {
	display: flex;
	flex-direction: column;
}

.bazzite_blog p {
	font-family: "Liberation Sans";
	font-size: 1.2rem;	
}

.bazzite_blog h2 {
	font-family: "Liberation Serif";
	text-shadow: 2px 2px gray;
	font-size: 2rem;
	width: fit-content;
	padding: 12px;
	margin: 0 auto;
}

.bazzite_blog > *:nth-child(2n) {
	margin-bottom: 3%;
}

.bazzite_blog :last-child {
	text-align: center;
}

.bazzite_ukaasi h2 {
	color: red;
}

.varoitus {
	margin-left: auto;
	margin-right: auto;
	border: 20px solid orange;
	max-width: fit-content;
	background-color: #6E6E6E;
	box-shadow: 0 0 20px;
	margin-top: 2%;
}

.varoitus h2 {
	text-align: center;
	animation: flash 0.25s linear infinite;
	color: green;
	font-size: 3rem;
}

.varoitus p {
	text-align: center;
	color: #C20000;
	font-size: 1.3rem;
}

.kesken {
	display: block;
	margin: auto;
	width: 15em;
	height: 15em;
}

.kuva {
	display: block;
	margin-top: 3vw;
	width: 500px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
}

.liekki-gif {
	background-image: url("gif/liekki.gif");
	background-size: contain;
	color: red;
}

.alustus {
	text-align: center;
}

.kilju_ohje_otsikko {
	font-size: 1.25rem;
}

.kilju_ohje {
	list-style-position: inside;	
	text-align: center;
}

.kilju_alustus {
	text-align: center;
	color: blue;
	text-shadow: 2px 2px black;
	font-size: 3rem;
}

.kruunu_img {
	width: 5rem;
	height: auto;
}

.kilju_flex {
	display: flex;
	justify-content: center;
	font-size: 1.25rem;
	gap: 10vw;
	color: red;
	border-top: solid 10px gray;
	border-bottom: solid 10px gray;
}

.kilju_flex li {
	list-style: circle;
	color: brown;
}

h1.sivun_nimi {
	margin: 0;
	font-size: 5vw;
	font-family: "Times New Roman", "serif";
	animation: flash 0.5s linear infinite;
	color: yellow;
	text-shadow: 4px 4px black;
}

.main_menu {
	display: flex;
	list-style: none;
	justify-content: center;
	margin-top: 1vw;
}

.main_menu li {
	margin: 0 0.5em;
}

.main_menu li a {
	display: block;
	padding: 1vw;
	font-size: 1.5em;
	font-family: sans-serif;
	color: #C20000;
	text-decoration: none;

	border: solid black;
	box-shadow: 5px 5px black;
	background-color: #817E7E;
}

.main_menu li a:hover {
	background-color: #6A6868;
}
.main_menu li a:active {
	background-color: #525151;
	transform: translateX(5px) translateY(5px);
	box-shadow: 0 0;
}

@keyframes flash {
	50% {
		color: red;
	}
	100% {
		color: yellow;
	}
}