.img1:hover {
    transform:rotate(45deg);

}
 .img2:hover {
                     transform: scale(1.2);
                  }
  .img2, .img1 , .round-button, .round-button2 { box-shadow: 10px 10px 10px  rgba(0,0,0, 0.8);
                    transition-property: transform;
                    transition-duration: 1.5s;
                    margin-right: 10px;
          
      }

body{
    margin-left: 50px;
    background: linear-gradient(-45deg, rgba(28,28,28,1) 0%, rgba(33,33,33,0.94) 12%, rgba(38,38,38,0.9) 20%, rgba(28,28,28,0.84) 33%, rgba(15,15,15,0.78) 45%, rgba(0,0,0,0.75) 51%, rgba(8,8,8,0.7) 60%, rgba(15,15,15,0.65) 70%, rgba(10,10,10,0.57) 86%, rgba(8,8,8,0.5) 100%);
    background-attachment: fixed;
}

  .knopje{
    margin-top: 10px;
    margin-left: 27px;
          }
  .knopje:hover
                {
                   cursor:grab;
                }

 .round-button {
                            background-color: #3f413f; /* Kleur van de knop */
                            color: rgb(145, 142, 142); /* Tekstkleur */
                            padding: 15px 20px; /* Binnenruimte van de knop */
                            border: none; /* Geen rand */
                            border-radius: 100%; /* Maakt de knop rond */
                            cursor: pointer; /* Verandert de muisaanwijzer naar een handje */
                            font-size: 16px; /* Tekengrootte */
                            transition: background-color 1.5s ease;
                }

    .round-button2 {
                    background-color: #3f413f; /* Kleur van de knop */
                    color: rgb(145, 142, 142); /* Tekstkleur */
                    padding: 15px 20px; /* Binnenruimte van de knop */
                    border: none; /* Geen rand */
                    border-radius: 0%; /* Maakt de knop rond */
                    cursor: pointer; /* Verandert de muisaanwijzer naar een handje */
                    font-size: 16px; /* Tekengrootte */
                    transition: background-color 1.5s ease-out;
        } 
    
                
 .round-button:hover, .round-button2:hover {
                            background-color: #090a0900; /* Verandert de kleur bij hover */
                            
                        }
 .blok {
           display: grid;
           grid-template-columns: 1fr  1fr 6fr;
           justify-items: left;
       }

       .knopje3{
        margin-top: 10px;
        margin-left: 0px;
              }