@font-face {
  font-family: Leipis;
  src: url(fontit/Inter-VariableFont_opsz,wght.ttf);
}
@font-face {
  font-family: Header-fontit;
  src: url(fontit/Lexend-VariableFont_wght.ttf);
}
@font-face {
  font-family: Leipis;
  src: url();
}
body {
  font-family: Leipis, serif;
  background-image:url(connorbackground.png);
  background-size: 80px
  background-color: #040541;
}

.kaikki {
  background-color: #fff;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.header {
  font-family: Header-fontit, sans-serif;
  background-color: rgb(170, 217, 255);
  background-image:url(connorplush.jpg);
  padding: 30px;
  font-size: 80px;
  color: #fff;
  text-shadow: 0px 0px 10px #000;
}

.header, .nav, .footer {
  text-align: center;
}

.nav {
  background-color: rgb(104, 125, 240);
  padding: 10px;
}

/* navigointilinkit */

.nav a {
  margin: 10px;
  color: #e7f8ff;
  text-decoration: none;
}

/* Muut linkit */

a {}

.main {
  padding: 30px;
  min-height: 500px;}

.footer {
  background-color: #000000;
  color: #ccc;
  padding: 30px;
}

.tumma {
  background-color: #28244b;
  padding: 20px;
  text-align: center;
}

h2 {
  margin-top: 50px;
}

h2 {
  margin-top: 50px;
}

.levee {
 width: 100%;
 height: auto;
}
img {
  max-width: 100%;
}
table{
  background-color: #fff;
  border-collapse:collapse;   /* raot pois solujen välistä */
}
td, th {
  border: 1px solid #d4e0ff;
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 4px;
  padding-left: 6px;

  /* sama kyhyemmin: */
  padding: 4px 6px 4px 6px

  /* sama vielä lyhyemmin: */
  padding:0% 4px 6px;
}
th {
  text-align: left;
  background-color: #000;
  color: #fff;
}