body{
    /*font-family: Arial, Helvetica, sans-serif;*/
    /* font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif; */
     font-family: 'Quicksand', sans-serif;
        /* Old browsers */
        background: rgb(255, 123, 0);
        /* Chrome 10-25, Safari 5.1-6 */
        background: -webkit-linear-gradient(-45deg,rgb(255, 123, 0), rgb(200, 8, 8));
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        background: linear-gradient(-45deg, rgb(255, 123, 0), rgb(200, 8, 8));
        margin: 0;
        padding: 0;
        text-align: center;
        /* background-image:url(./resources/IMG_1418.JPG); */
}
h1{
    color:whitesmoke;
    font-size: 40px;
}
input[type='checkbox'] {
    -webkit-appearance:none;
    width:500px;
    height:500px;
    background:rgb(255, 0, 0);
    border-radius:5px;
    border:2px solid #555;
}
input[type='checkbox']:checked {
    background: rgb(0, 255, 0);
}
.schilderijlijst{
    color:rgb(70, 70, 173);
    border: 10px inset #684300 ;
    padding:0px;
}
.schilderijbordje{
    color:rgb(70, 70, 173);
    border: 1px dashed #2a44c5 ;
    padding:0;
    border-radius: 10px;
}
.Painting{
    text-align: center;
}
a, a:visited {
    color: #1f2544;
    text-decoration: none;
}
a:hover{
    /* color:#2a44c5; */
    color:rgb(118, 51, 173);
}
nav{
    background-color:rgb(255, 217, 0);
    background:-webkit-linear-gradient( rgb(255, 217, 0), rgb(224, 142, 9));
    background:linear-gradient( rgb(255, 217, 0), rgb(224, 142, 9));
    font-size: 50px;
    padding:50px;
    word-spacing: 50px;
}


/* jkafkladsjlf;adjfl;kadj */

  /* The slider itself */
  .slider {
    margin: 0px;
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 30%; /* Full-width */
    height: 25px; /* Specified height */
    background: #dfc800; /* Grey background #da2b2b*/
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;    
  }
  
  /* Mouse-over effects */
  .slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
  }
  
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 30px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: rgb(0, 0, 0); 
    cursor: pointer; /* Cursor on hover */
  }
  .sliderr::-webkit-slider-thumb{background: #ff0000;}
  .sliderg::-webkit-slider-thumb{background: #09ff00;}
  .sliderb::-webkit-slider-thumb{background: #0026ff;}
  
  .slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
  }
  p{
    margin: 0px;
  }