body {
  
  margin: 0;

  

  
   
}






.visitekaartje {
   
  
 background-color: #d9d9d9;
    display: flex;
  width: 650px;
  border: 4px  #000000 solid;
  border-radius: 3px;
  box-shadow: inset 1px 1px 2px rgba(0,1,1,2.2);
  height: 1000px;
  margin :auto;
   justify-content: center;
  justify-items: center;
}        

/* de margin auto zorgt dat het visitekaartje in het midden komt te staan
     justify-content en justify-items zorgt dat de items in het midden komen te staan */






.svenvandijktitel {
  display: block;
  margin: 0 auto;
  max-width: 500px;
  position: relative;
  animation: mymove 2s;
  animation-fill-mode: forwards;
  
}


  
#div1 {animation-timing-function: linear;}

@keyframes mymove {
  from {left: -600px;}
  to {left: 0px;}
}

/* laat de bewegingen zien van de animatie (van hier tot hier) */


.jaaroud {
  display: block;
  margin: 0 auto;

  max-width: 500px;
  margin-top: -70px;
}

.pasfoto {
  display: block;
  margin: 0 auto;
  max-width: 300px;
  margin-top: -70px;
  border-radius: 15px;
}

.overgang{background-image: url("../assets/Overgang.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
height: 340px;}


  .overmijtitel {

  display: block;
  padding-top: 120px;
  margin: 0 auto;
  text-align: center;
  background-color: #97D8C4;
  height: 100px;
  font-size: 30px;
  font-family: Arial, Helvetica, sans-serif;
  color: white;
}
p{font-family: Arial, Helvetica, sans-serif;
color: white;
font-size: 20px;
max-width: 300px;
margin: 0 auto;}

.tweedelig {
  display: flex;
  background-color: #97D8C4;
  margin-top: -27px;

}

.links,.rechts {
  width: 50%;
  text-align: center;
  padding-bottom: 60px;
}