body {
     display: flex;
     flex-direction: column;
 }

 .main {
     background: linear-gradient(to top, rgba(0, 0, 0, 0.5)50%, rgba(0, 0, 0, 0.5)50%), url(../Beelden/background.jpg);
     background-position: center;
     background-size: cover;
     height: 100vh;
     justify-content: center;
     align-items: center;
     display: flex;
 }

 .navbar {
     width: 1200%;
     height: 75px;
     margin: auto;
    justify-content: center;
 }


 img {
     padding-left: 10px;
     float: left;
     width: 20%;

 }

 .menu {
     width: 400px;
     float: left;
     height: 70px;
 }

 ul {
     float: left;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 ul li {
     list-style: none;
     margin-left: 42px;
     margin-top: 5px;
     font-size: 3rem;
 }


 ul li a {
     text-decoration: none;
     color: rgb(254, 254, 254);
     font-family: 'Times New Roman', Times, serif;
     font-weight: bold;
     transition: 0.4s ease-in-out;
 }

 ul li a:hover {
     color:#05F51D;
 }

 article > h2 {
     color: rgb(15, 54, 31);
     font-family: 'Times New Roman', Times, serif;
     font-size: calc(1, 6em + 0, 4vw);
 }




 footer {
     color: rgb(220, 174, 174);
    margin-top: 40px;
    padding: 6px;
    text-align: center;
    background-color: rgb(41, 119, 72);
    font-size: 1.5rem;
 }
 main { 
    display: flex;
    margin: none;
    justify-content: space-between;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    
   }

   main > article {
    text-align: left
   }
   article {
    width: 48%;
    border-width: 8rem;
   }