body {
      font-family: sans-serif;
      margin: 2em;
      line-height: 1.6;
      background-image: url('https://via.placeholder.com/200'); /* Voit vaihtaa kuvan URL:n */
      background-repeat: no-repeat;
      background-position: right top;
      background-attachment: fixed;
    }

    h1, h2 {
      color: darkblue;
    }

    code {
      background: #f0f0f0;
      padding: 2px 4px;
    }

    table, th, td {
      border: 1px solid #ccc;
      border-collapse: collapse;
      padding: 8px;
    }

    th {
      background: #eee;
    }

  .font1 {
    font-family: Arial, sans-serif;
    font-size: 18px;
    background-color: lightblue;
    color: darkblue;
    padding: 10px;
    text-align: left;
  }
  
  .font2 {
    font-family: 'Courier New', Courier, monospace;
    font-size: 22px;
    background-color: #E8E466;
    color: darkgreen;
    padding: 15px;
    text-align: center;
  }
  
  .plus {
    width: 90%;
    margin: 20px auto;
    border: 2px solid black;
    padding: 10px;
  }
  
  .left {
    float: left;
    width: 45%;
    margin-right: 5%;
    background-color: #f0f0f0;
    padding: 10px;
  }
  
  .right {
    float: left;
    width: 45%;
    background-color: #8D66E8;
    padding: 10px;
  }
  
 
  
h4 {
  color: red;
}
h4.no-style {
  all: unset; /* Poistaa lähes kaikki CSS-tyylit */
  display: block; /* Palauttaa elementin normaalin käyttäytymisen */
}