.titel {
  color: #cacaca;
}

.tussentitel {
  color: #f0f0f0;
}

.navContainer {
  color: aqua;
  height: 5rem;
  display: inline-block;
  text-align: right;
}

#zijbar{
    position: absolute;
    top: 1.5rem;
    right: 1rem;
}

header{
position:fixed;
inset:0 0 auto;
height:5rem;
z-index:40;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 1rem;
background:#000
}

.img-thumbnail{
    opacity: 30%;
}

.landingspage{
  position: relative;
  top: 5rem;
  left: 0rem;
  right: 0rem;
  height: 100vh;
  background-image: url('../img/pluh.jpg');
  background-size: cover;
  background-position: center;
}
.landingspage .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.4;
}

.textOverlay{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#Over{
  background-color: #000000;
}


.text{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.text h5{
  color: #fff;
  font-size: 4rem;
  font-weight: lighter;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  margin:0;
  
}

.text h6{
  color: #fff;
  font-size: 1.2rem;
  font-weight: lighter;
  margin:0;
  text-transform: uppercase;
  font-style: italic;
  text-align: right;
  margin-top: -0.5rem; 
  margin-right: -2rem;
}

#Foto_zelf{
    width: 65%;
    height: 70%;
    margin-top: 10rem;
    display:inline-block;
}

.about_text{
    margin-top: 15rem;
    font-size: 2rem;
    color: #f0f0f0;
    
}


#gedreven {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #fff;
}

#gedreven:hover {
    transition: 0.5s;
    opacity: 0.5;
}

#muziek{
  color: #939393;
  text-decoration:none;
}

#python,#fl{width:30%}

html{
    scroll-behavior: smooth;
}

.html_img{
  text-align: center;
}

.card-header{
  text-align: center;
  color: #fff !important;
}

.spinner_1{
  text-align: center;
  
}

.Projecten_card{
display: inline-block !important;
max-width: 300px;
}

.modal_list{
  list-style-type:square;
}

.card_modal{
  display: inline-block !important;
}

.img_modal{
 height: 300px;
}

.carousel_img1{
  margin-left: 10%;
  width: 1000px;
  height:500px;
  opacity: 0.7;
}

.carousel_img2{
  margin-left: 25%;
  width: 600px;
  height:500px;
  opacity: 0.7;
}

.carousel_img3{
  margin-left: 30%;
  width: 500px;
  height:500px;
  opacity: 0.6;
}

footer{
  background-color: rgb(0, 0, 0);
  padding-bottom: 50px;
}

#Contact{
  font-size: xx-large;
}

#Contact2{
  font-size: large;
}

.caption_tekst{
  color:rgb(0, 0, 0) !important;
  font-size:large !important;
}

.detail_faq{
  background-color: #00000055;
  color: #fff;
}

.summary_faq{
  background-color: #0000005f;
  color: #fff;

}

body {
  -ms-grid-layer: 4;

}

.tussentitel:hover {
  transform: rotate(0.1deg);
  opacity:0.89;
  transition: 0.2s;
}


#Foto_zelf:hover {
  transform: rotate(360deg);
  scale: 0;
  opacity: 0;
  transition: 30s;
}

.Projecten_card{
  border: 0px !important;
}

.card-title{
  color:#fff;
}

.card-skills{
  border: 0px !important;
}

.btn-primary{
  border-color: #ffffff6f !important;
}

.taalcontainer{
  background: #000;
  width: 50%;
}

.taal, .basket_tekst{
  color: #fff !important;
}

#Contact,#Contact2{
font-family:"Times New Roman",Times,serif;
text-align:center;
color:#fff
}

body,.card-skills,.Projecten_card,.html_img,.card-header{
background:#000!important
}