.header{
font-family: 'Inter' sans-serif;
font-style: normal;
background-color:rgb(255,255,255);
color:rgb(10, 50, 59);
font-weight: 400;
font-size: 36px;
cursor:pointer;
border:none;
letter-spacing: 2px;
}

.header:hover{
color:rgba(18, 138, 109, 0.4);
}

.dropdown{
position:relative;
display: inline-block;
z-index:300;
}

.dropdown-content {
display: none;
position: absolute;
background: rgba(255, 255, 255, 0.75);
min-width: 240px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
z-index: 400;
font-family: 'Inter', sans-serif;
color:rgb(10, 50, 59);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 35px;
transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
transform: translate(-35%);
}

.dropdown-content a {
color:rgb(10, 50, 59);
padding: 6px 10px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {
color:rgb(255, 255, 255);
background:rgb(10, 50, 59);
}

.dropdown:hover .dropdown-content {
display: block;
}

.msf{
margin-top:60px;
margin-bottom:10px;
display: flex;
justify-content: center;
}

.contact-button,
.cv-button,
.boeken-button{
margin-left:44px;
}

.werk-button,
.boeken-button,
.cv-button,
.contact-button{
background-color:rgb(255,255,255);
font-family: 'Inter' sans-serif;
color:rgb(10, 50, 59);
font-style: normal;
font-weight: 300;
font-size: 24px;
letter-spacing: 2px;
cursor:pointer;
border:none;
margin-bottom:40px;
}

a.werk-button,
a.boeken-button,
a.cv-button,
a.contact-button{
text-decoration: none;
color: inherit;
}

.werk-button,
.boeken-button,
.cv-button,
.contact-button{
display: inline-block;
padding-bottom: 0.95rem; 
position: relative;
}

.werk-button::before,
.boeken-button::before,
.cv-button::before,
.contact-button::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1.7px;
  background-color: rgba(18, 138, 109, 0.4);
  transition: width 0.25s ease-out;
}

.werk-button:hover::before,
.boeken-button:hover::before,
.cv-button:hover::before,
.contact-button:hover::before{
  width: 100%;
}

.boeken-button:hover,
.cv-button:hover,
.contact-button:hover,
.werk-button:hover{
color:rgba(18, 138, 109, 0.4);
text-decoration: none;
  text-decoration-line: none;
  text-decoration-style: solid;
  text-decoration-color: currentcolor;
  text-decoration-thickness: auto;
}

.instagram-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
margin-top:95px;
margin-left:818px;
 }

.instagram-button:hover{
background-color:rgb(18, 138, 109);
opacity: 0.40;
}

.linkedin-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
margin-left:27px;
margin-right:27px;
margin-top:95px;
 }

.linkedin-button:hover{
background-color:rgb(18, 138, 109);
opacity: 0.40;
}

.vimeo-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
margin-top:95px;
 }

.vimeo-button:hover{
background-color:rgb(18, 138, 109);
opacity: 0.40;
}

.copyright{
background-color:rgb(255, 255, 255);
font-family: 'Inter', sans-serif;
color:rgb(10, 50, 59);
font-style: normal;
font-weight: 400;
font-size: 14px;
margin-top:95px;
}


@media (hover: hover) {
  a:hover {

.header:hover
color:rgba(18, 138, 109, 0.4);

.boeken-button:hover
color:rgba(18, 138, 109, 0.4);
text-decoration: none;
text-decoration-line: none;
text-decoration-style: solid;
text-decoration-color: currentcolor;
text-decoration-thickness: auto;

.cv-button:hover
color:rgba(18, 138, 109, 0.4);
text-decoration: none;
text-decoration-line: none;
text-decoration-style: solid;
text-decoration-color: currentcolor;
text-decoration-thickness: auto;

.contact-button:hover
color:rgba(18, 138, 109, 0.4);
text-decoration: none;
text-decoration-line: none;
text-decoration-style: solid;
text-decoration-color: currentcolor;
text-decoration-thickness: auto;
  
.linkedin-button:hover
background-color:rgba(18, 138, 109,0.40);

.vimeo-button:hover
background-color:rgba(18, 138, 109,0.40);

.instagram-button:hover
background-color:rgba(18, 138, 109,0.40);
  }
}