

@font-face {
    font-family: 'SerifRegular';
    src: url('JosefinSlab-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'SansLight';
    src: url('OpenSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: white;
    font-size: 1em;
	font-family: "SansLight", "Segoe UI", CenturyGothic, "Avant Garde", Avantgarde, "AppleGothic", sans-serif;
	letter-spacing: 1px;
    margin: 0;
    padding: 0;
    height:100%;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
	font-weight: bolder;
}

a:active {
    text-decoration: underline;
}

.logo {
    font-family: SerifRegular;
	font-size: 2.75em;
	position: relative;
    display: inline-block;
    bottom: 0px;
}

.container {
    position: absolute;
    top: 50%;
    left: 50%;
	margin-right: -50%;
    transform: translateX(-50%) translateY(-50%);
}


.container2 {
    position: relative;
    top: 50%;
    left: 50%;
	margin-right: -50%;
    transform: translateX(-50%) translateY(-50%);
}

.vasen {
	width: 424px;
	height: 636px;
	float: left;
}

.oikea {
	width: 412px;
	height: 624px;
	background-color: #F0F0F0;
	margin: 6px;
	text-align: center;
	float: right;
}

.ruutu  {
	width: 200px;
	height: 200px;
	text-align: center;
	background-color: #F0F0F0;
	margin: 6px;
	overflow: hidden;
	float: left;
}

	
.serif {
	font-family: 'SerifRegular', Courier, serif;
}
