/*
##################################
set style CSS
################################## */

/*
##################################
-> Menu
  -> Kleur
  -> Font

-> Pagina
-> Kleur
-> Body, Font, h1, h., p
################################## */

/*
##################################
set style CSS
##################################
kleur koptekst         color:rgb(241,150,50);
kleur tekst            color:rgb(?);
lettertype:            font-family: verdana;
                            var lettertype_websave = ["Arial", "Helvetica", "Times New Roman", "Times", "Courier New", "Courier", "Verdana", "Georgia", "Palatino", "Garamond", "Bookman", "Comic Sans MS", "Trebuchet MS", "Arial Black", "Impact"];
achtergrond ?:         background-color: rgb(213,255,254); */







/*
##################################
-> Menu -> Kleur
################################## */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;

  /* background color */
  top: 0;
  left: 0;
  background-color: rgb(241,150,50);

  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}



/*
##################################
-> Pagina -> Body
################################## */

body {
  font-family: verdana, sans-serif;
    /* kleur achtergrond */
  background-color: rgb(213,255,254);
}

h1 {
  color:rgb(241,150,50);
  font-family: verdana, sans-serif;
  font-size: 30px;
  margin-left: auto;
}

p {
  color: rgb(241,150,50);
  font-family: verdana, sans-serif;
  font-size: 12px;
}