@font-face {
  font-family: Leipis;
  src: url(Lora-VariableFont_wght.ttf);
}


h1 {
  color: #5EBF6C;
  font-size: 50px;
  text-align: center;
}

h2, h3 {
  color: #5EBF6C;
  font-family: Lora-VariableFont_wght;
}

h2 {
  font-size: 45;
  text-align: center;

}

h3 {
  font-size: 30
}

p {
  color: #DADEE2;
}

li {
  color: #DADEE2;
  font-family: ;
}

body {
  font-family: Leipis, sans-serif;
  background-color: #17191A;
  background-image: ur(tausta.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  margin: 0;
}

.kehys {
  max-width: 600px;
  background-color: #2C2C2E;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
}

img {
  position: center center;
  max-width: 90%;
  height: auto;
  border: px solid #000;
}



a:link {
  text-decoration: underline;
  color: #17B545;
}
a:visited {
  color: #17B545
}
a:hover {
  text-decoration: none;
  color: white;
}
a:active {
  background-color: black;
}