@font-face {
    font-family: Roboto;
    src: url(Roboto_Mono/RobotoMono-VariableFont_wght.ttf);
  }
  
  h1 {
    color: rgb(0, 0, 0);
    font-size: 50px;
  }
 
  body {
    padding: 40px;
    font-family: Roboto, sans-serif;
    background-color: #FFD1DF;
    background-attachment: fixed;
    background-size:cover;
    background-position: center center;
  }
  
  img {
    max-width: 100%;
    height: auto;
    border: 2px solid #000000;
  }
  
  .erilainen {
    border: none;
  }
  
  .erityinen {
    color: pink;
  }
  
  .kehys {
    max-width: 800px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
  }
  
  a:link {
    text-decoration: underline;
    color: #000000;
  }
  
  a:visited {
    color: #50b073;
  }
  
  a:hover {
    text-decoration: none;

  }
  
  a:active {
    background-color: rgb(255, 196, 68);
  }

  .sisalto {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
  }