.white_content {
  display: none;
  position: fixed; /* Stay in place */

  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  padding: 16px;
  border: 16px solid orange;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}  
    
/* Lijstjes */
    ul {
        margin-left: 20px;
        margin-bottom: 15px;
    }

    li {
        margin-bottom: 10px;
        padding-left: 8px;
    }

    /* Accenten */
    .highlight {
        color: #e67e22;
        font-weight: bold;
    }

    /* Responsive */
    @media (max-width: 600px) {
        .mycontainer {
            padding: 15px 20px;
        }

        h1 {
            font-size: 1.6em;
        }

        p, li {
            font-size: 1em;
        }
    }

.titel {
    margin: 10px;
  color:#ffcd00;
  font-size: 5vw;
  letter-spacing:-1px;
  font-family: "Luckiest Guy";
  text-shadow:  
    1px 1px 0px #161919,
    2px 2px 0px #161919,
    3px 3px 0px #161919,
    4px 4px 0px #161919,
    5px 5px 0px #161919,
    6px 6px 0px #161919,
    7px 7px 0px #161919,
    8px 8px 0px #161919,
    9px 9px 0px #161919;
}