@import url('https://fonts.googleapis.com/css2?family=Alegreya&family=Crimson+Text&family=Sorts+Mill+Goudy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fleur+De+Leah&family=Great+Vibes&family=Grey+Qo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda&family=DM+Serif+Display&family=Old+Standard+TT&family=Playfair+Display&family=Suranna&family=Vidaloka&display=swap');

html {
    background: url(t1.gif); 
    font-family: serif;
    font-size: 15px; 
    line-height: 20px; 
    letter-spacing: 1px; 
    color: rgb(126 119 119); 
}

header {
	margin: 20px auto; 
	padding: 20px;
	width: 700px; 
	height: 120px;
}

#sisalto {
    background-color: rgb(255 255 255 / 0.9); 
    width: 1000px; 
    margin: auto; 
}

.sivupalkki {
    width: 220px; 
    background-color: #eee; 
    box-shadow: 0px 0px 5px rgb(201 171 171 / 56%) inset; 
    vertical-align: top; 
    text-align: center; 
    padding: 50px 5px; 
}

.sivupalkki img {
    width: 200px; 
    margin: 10px; 
    border: 1px solid #fff; 
    box-shadow: 0px 0px 5px rgb(177 150 150 / 74%); 
}

p {
	margin: 20px 70px 20px 70px; 
	text-align: justify; 
	font-style: italic; 
}

a {
	text-decoration: none;
	color: rgb(177 150 150 / 74%); 
}

a:hover {
	font-weight: bold;
}

em {
	font-family: sans-serif; 
	font-style: normal; 
	font-size: 11px; 
	color: rgb(201 171 171 / 56%); 
	letter-spacing: 1px; 
}

h1 {
	font-family: "Fleur De Leah", serif;
	font-weight: normal; 
	font-size: 80px; 
	text-align: center; 
	color: rgb(92 83 83 / 79%);
	letter-spacing: normal;
	text-shadow: 0px 0px 5px rgb(155 121 121); 
}

h1 span {
	color: rgb(205 117 117); 
}

h2 {
	font-family: "Old Standard TT", serif;
	text-transform: uppercase; 
	font-size: 30px;
	text-align: center; 
	text-shadow: 0px 0px 3px rgb(155 121 121); 
	font-weight: normal; 
	border-bottom: 2px solid rgb(235 223 223 / 76%); 
	width: 50%;
    margin: 50px auto; 
    padding-bottom: 10px;
}

h2 span {
	margin: 10px; 
	font-weight: normal;
	color: rgb(205 117 117);
}

h3 {
	font-weight: normal; 
	background-color: rgb(229 227 227 / 50%); 
	width: 600px;
	margin: 50px auto 20px auto;
	padding: 5px 20px;
}

footer {
	clear: both; 
}

.taulukko1 {
	border-collapse: collapse; 
}

.taulukko {
    width: 100%; 
}

.tiedot {
	text-align: center; 
	font-size: 18px;
	font-weight: bold;
	color: rgb(118 107 107 / 79%); 
	letter-spacing: 1px;
	padding: 20px 20px 50px 20px; 
	font-family: serif; 
	font-style: italic; 
	background-color: rgb(241 235 235 / 56%);
    border: solid #fff; 
    border-width: 0px 0px 1px 0px;
    box-shadow: 0px 0px 3px rgb(201 171 171 / 56%); 
}

.tiedot h2 {
	font-size: 25px; 
	margin: 20px 20px 40px 20px;
	width: auto; 
	border: none; 
	font-style: normal;
}

.piilodiv {
    display:none;
}

.buttonit {
	text-align: center; 
	color: rgb(92 83 83);
	margin: 30px;
	font-family: "Old Standard TT", serif; 
	text-transform: uppercase;
	color: 
}

.trigger {
	font-family: "Old Standard TT", serif;
	text-transform: uppercase; 
	font-size: 20px;
    color: rgb(126 119 119); 
	text-align: center; 
	text-shadow: 0px 0px 3px rgb(155 121 121); 
	font-weight: normal; 
	border-bottom: 2px solid rgb(235 223 223 / 76%); 
	width: 50%;
    margin: 50px 20px; 
    padding-bottom: 10px;
}

.trigger:hover {
	font-weight: bold;
    cursor:pointer;
}

.meriitti {
	background-color: rgb(255 255 255 / 0.5); 
    width: 200px; 
    margin: 10px; 
    border: 1px solid #fff; 
	padding: 10px 0px;
}

.meriitti a {
	font-family: "Old Standard TT", serif; 
	text-shadow: 0px 0px 3px rgb(201 171 171 / 56%);
	letter-spacing: 1px;
}

.suku {
	margin: auto; 
	background-color: rgb(241 235 235 / 56%);
    border: solid #fff; 
    border-width: 1px 0px;
    box-shadow: 0px 0px 3px rgb(201 171 171 / 56%); 
    border-collapse: collapse;
}

.suku td {
	padding: 10px;
	font-style: italic; 
	font-family: serif;
	width: 33%;
}

.td1 {
	text-align: center;
}

.i {
	background-color: rgb(229 227 227 / 50%);
}

.varsat {
	margin: 30px auto;
	width: 90%; 
	border-collapse: collapse;
	font-family: sans-serif; 
	font-size: 11px;
	color: rgb(133 133 133 / 79%);
}

.varsat a {
	font-family: serif; 
	font-style: italic;
	font-size: 15px; 
}

.varsat td {
	padding: 10px;
}

.varsat td:first-child {
	padding-left: 30px;
}

.varsat tr:nth-child(odd) {
	background-color: rgb(241 235 235 / 56%);
}

#kilpailut {
	font-family: sans-serif; 
	font-size: 12px;
}

.sijoitukset {
	margin: auto; 
	width: 100%;
	border-collapse: collapse;
}

.sijoitukset th {
	font-family: serif; 
	font-size: 15px;
	font-style: italic;
	letter-spacing: 1.5px;
	padding: 15px;
}

.sijoitukset td {
	text-align: center;
	column-count: 3;
	padding: 20px 10px;
	background-color: rgb(241 235 235 / 56%);
    border: solid #fff; 
    border-width: 1px 0px 1px 0px;
    box-shadow: 0px 0px 3px rgb(201 171 171 / 56%); 
}

.muutkisat {
	width: 90%; 
	margin: 40px auto;
	border-collapse: collapse;
	border-radius: 10px;
}

.muutkisat th {
	font-family: serif; 
	font-size: 15px;
	font-style: italic;
	letter-spacing: 1.5px;
	padding: 10px;
	background-color: rgb(235 223 223 / 76%);
}

.muutkisat td {
	padding: 5px;
}

.muutkisat tr:nth-child(odd) {
	background-color: rgb(241 235 235 / 56%);
}