@font-face {
  font-family: 'PermanentMarker';
  font-style: normal;
  font-weight: normal;
  src: local('PermanentMarker'), local('PermanentMarker'), url('PermanentMarker.ttf') format('truetype');
}

/*@font-face {
  font-family: 'Pompiere';
  font-style: normal;
  font-weight: normal;
  src: local('Pompiere'), local('Pompiere'), url('Pompiere.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: normal;
  src: url('notosans.eot');
  src: local('Noto Sans'), local('NotoSans'), url('notosans.ttf') format('truetype');
}*/

HTML { width: 100%; height: auto; }
BODY { font-family: 'PermanentMarker'; padding: 0px; margin: 0px; width: 100%; height: auto; background-color: #000; color: #878; }
/*BODY { font-family: 'Noto Sans'; padding: 0px; margin: 0px; width: 100%; height: auto; background-color: #000; color: #878; }*/
BUTTON { border: solid 2px #000; }

.kehys {  text-align: center; border: 0px; margin: 42px; }

.sivu { width: 400px; margin-right: auto; margin-left: auto; margin-top: 50px; padding: 0px; border-collapse: collapse; text-align: center; }

.otsikko { font-size: 15pt; letter-spacing: 0.5em; }

A:link, A:visited { color: #ddd; text-decoration: none; }
A:hover { color: #fff; text-decoration: none; }

A.kuvalinkki:link { font-size: 12pt; color: #ccc; }
A.kuvalinkki:visited { font-size: 12pt; color: #aaa; }
A.kuvalinkki:hover { color: #fff; text-decoration: none; }