:root {
    --c1: black;
    --c2: white;
    --c3: #f3cA52;
    --c4: #529df3;
    --f: "Rajdhani";
  }

.bgc1 {
  background-color: var(--c1);
}

.container-header .bgc1{
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}

nav a {
  color:var(--c2);
}

nav a:hover, a.active {
  color:var(--c3)
}

.navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

main a {
  color: var(--c4);
  padding:0.2em;
}

main a:hover {
  text-decoration: none;
  color: var(--c4);
}

h1, h2, h3, h4, h4, h5 {
  text-transform: uppercase;
}

em {
  font-weight: bold;
  font-style: normal;
}
.col, .border1 {
  border: 1px solid black;
  border-radius:3px;
  padding:1em;
  margin:1em;
}

.card {
  border-color:transparent;
}

.border2 {
  border:1px solid black;
}

.card.border2:hover {
  box-shadow: 2px 2px 3px darkgrey;
}

.c3b {
  border-color:1px solid var(--c4);
  color:var(--c4);
}

.c1b {
  background-color: var(--c1);
}

.c2c {
  color:var(--c2);
}
.mt-4 {
  margin-top:4rem !important;
}
.btn-c1 {
  background-color: black;
  color:white;
  border:1px solid transparent;
}
.btn-c1:hover {
  color:black;
  background-color:white;
  border:1px solid black;
}

.atelier01 {
  background-image:url("res/img/banner-atelier-pixel-quest.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.atelier02 {
  background-image:url("res/img/banner-atelier-photo.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.atelier03 {
  background-image:url("res/img/banner-atelier-couture.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.header {
  height:200px;
}

.atc1 {
  background-color:#f4fa7a;
}
.atc2 {
  background-color:#c8ea7e;
}
.atc3 {
  background-color:#aee17d;
}
.atc4 {
  background-color:#9ddc75;
}
.atc5 {
  background-color:#89d66d;
}
.atc6 {
  background-color:#80cc81;
}
.atc7 {
  background-color:#75bd9f;
}
.atc8 {
  background-color: #71c1b4;
}

li {
  margin-left:1em;
}