.rounded-circle{
  margin-left: 15px;
}

.navbar-brand{
  font-family: "Playwrite DE Grund";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.nav-link{
  font-family: "Playwrite DE Grund";
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.mainHeader{
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: "Playwrite DE Grund";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.aboutTheBoys{
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: "Playwrite DE Grund";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.card-title{
  font-family: "Playwrite DE Grund";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.card-text{
  font-family: "Playwrite DE Grund";
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.card-footer{
  font-family: "Playwrite DE Grund";
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  background-color: lightblue;
}

.clickMeDiv{
  background-color: lightblue;
  padding-top: 30px;
  padding-bottom: 30px;
}

.clickMe{
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: "Playwrite DE Grund";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.btn{
  font-family: "Playwrite DE Grund";
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}



.modal-title{
  color: rgb(189, 2, 2);
  font-family: "Playwrite DE Grund";
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.gallery{
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: "Playwrite DE Grund";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.carouselslide{
  width: 400px;
}

.blueBottom{
  margin-top: 60px;
  margin-bottom: 60px;
}