
body{
	background-image: url(http://jodochus.net/roihaja/k/taustakuva.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	font-family:georgia;
	margin:auto;
	font-size:12pt;
	color:#fff8ef;
	text-align: justify;
	letter-spacing:0.5pt;
	}
#lel{
	background: #fcd47a; 
	margin:40px auto;
	text-align: justify;
	width:1100px;
	padding: 30px 30px 30px 30px;
	position: relative;
	box-shadow: 0 0 30px #141414;

}
.row {
	display: flex;
	position: relative;
	width: 100%;
	margin: auto;

}

.otsikko2{
	font-family: 'Bangers', serif;
	font-size:27pt;
	color:#1b2126;
text-align:center;
	letter-spacing:3pt;
	line-height:23px;

}
.otsikko3{
	font-family: 'Changa', serif;
	font-size:19pt;
	color:#1b2126;
	padding:30px 50px 0px 50px;
	letter-spacing:0.5pt;
	line-height:23px;
	text-shadow: 0 0 10px #333333;

}
.ala{
	font-family: 'Rajdhani', serif;
	font-size:10pt;
	color:#333333;
	font-weight:500;
	text-align:center;
	text-shadow: 1px #000000;
	letter-spacing:0.5pt;

}
.txt{
	font-family: 'Rajdhani', serif;
	font-size:14pt;
	color:#1b2126;
	padding:0px 50px 0px 50px;
	letter-spacing:0.5pt;
	line-height:23px;
}
.txt2{
	font-family: 'Rajdhani', serif;
	font-size:15pt;
	color:#1b2126;
	font-style:italic;
	text-align:center;
	letter-spacing:0.5pt;
	line-height:23px;
}
.img {
	box-shadow: 0px 2px 20px #1b2126;
	margin: 20px 30px; 
	height: 250px;
	opacity:0.8;
}
.imgres {
  width: 100%;
  height: auto;
	box-shadow: 0px 2px 20px #1b2126;
border:5px solid #ffb30b;

}


.otsikko{
	font-family: 'Bangers', serif;
	font-size: 66pt;
	color: #ffb30b;

  	background: -webkit-linear-gradient(#ffb12c, #fca206, #da5003);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	filter: drop-shadow(3px 3px #190300);
	line-height: 23px;
	letter-spacing: 4px;
	text-align: center;
	cursor: default;
	padding:70px 20px 20px 20px;

}

A:link{color:#af6a02;text-decoration:none;cursor:hand;font-weight:bold;}
A:visited{color:#af6a02;text-decoration:none;cursor:hand;font-weight:bold;}
A:active{color:#d4b825;text-decoration:none;cursor:hand;font-weight:bold;}
A:hover{color:#d4b825;text-decoration:none;cursor:hand;font-weight:bold;transition: all .3s linear;
}
/* arabic */
@font-face {
  font-family: 'Changa';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/changa/v10/2-c79JNi2YuVOUcOarRPgnNGooxCZ62xcjLj9ytf.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin-ext */
@font-face {
  font-family: 'Changa';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/changa/v10/2-c79JNi2YuVOUcOarRPgnNGooxCZ62xcjnj9ytf.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Changa';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/changa/v10/2-c79JNi2YuVOUcOarRPgnNGooxCZ62xcjfj9w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v10/LDI2apCSOBg7S-QT7pasEfOqeef2kg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v10/LDI2apCSOBg7S-QT7pasEfOleef2kg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v10/LDI2apCSOBg7S-QT7pasEfOreec.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Bangers';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bangers/v13/FeVQS0BTqb0h60ACH5FQ2Ixi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bangers';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bangers/v13/FeVQS0BTqb0h60ACH5BQ2Ixi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bangers';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bangers/v13/FeVQS0BTqb0h60ACH55Q2A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
