body{
    all: unset;
    background-color: #2D2C2C;
    color: #51A5FF;
}

*{
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    font-style: normal;
}

.nl{
    display: block;
}

.en{
    display: none;
}

.active{
    display: block;
}

.notActive{
    display: none;
}

.header{
    margin-top: 1%;
}

#ProjectOverview{
    cursor: pointer;
}

.hName{
    color: inherit;
    text-decoration: none;
}

a{
    text-decoration: none;
    cursor: pointer;
}

.dropDown{
    position:relative;
    display: inline-block;
}

.dropbtn{
    background-color: #2D2C2C;
    color: #51A5FF;
    border: 2px solid #51A5FF;
    border-radius: 5px;
    min-width: 130px;
    cursor: pointer;
}

.body{
    border: 2px solid #51A5FF;
    border-radius: 5px;
}

.imgBorder{
    border-radius: 10px;
    margin-top: 3%;
}

.pItem{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    padding-top: 2%;
    padding-bottom: 2%;
}
.pItem > img{
    width: 70%;
    height: 70%;
}

.pItemInd{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 3%;
    padding-right: 3%;
}
.pItemInd > img{
    width: 40%;
    height: 40%;
}

@media screen and (max-width: 1200px) {
  .pItem {
    width: 100%;
  }
  .pItem>p{
    max-height: 25%;
  }
  .pItem>img{
    height: auto;
  }
  .pItemInd{
    display: flex;
    flex-direction: column;
  }
  .imgBorder{
    width: 80% !important;
    height: auto;
    margin-top: 3%;
  }
  .phone{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .cPhone{
    order: 2;
  }
}