@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

.css>body
{ background-color: azure;}
p{
        color:rgb(10, 9, 9);}
.andere-kleur-paragraaf
{ color: blue;
font-size: 60px;
text-align: center;} 
.anderlettertype
{font-style: italic;}
.highlight{color: fuchsia;} 
.andere-kleur-achtergrond{background-color: aqua;}
.lol{
        background-color: hwb(46 4% 2%);
}
.button-extra {
        background-color: #aa046a; /* Green */
        border: none;
        color: white;
        padding: 24px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        transition-duration: 0.4s;
        cursor: pointer;
      }
      .button2 {
        background-color: white; 
        color: black; 
        border: 2px solid #008CBA;
        border-radius: 20px;
      }
      
      .button2:hover {
        background-color: #008CBA;
        color: white;
      }
      
      .button3 {
        background-color: white; 
        color: black; 
        border: 2px solid #f44336;
        border-radius: 20px;
      }
      
      .button3:hover {
        background-color: #f44336;
        color: white;
      }