.secondary-color {
  background-color: darksalmon;
}

.circle-text {
  margin: 1%;
  text-align: left;
}

#logo-container img {
  width: 60px;
}

.stat {
  margin: auto;
}

@font-face {
  font-family: titre;
  src: url(../fonts/CYBERTOOTH.ttf);
}

@font-face {
  font-family: texte;
  src: url(../fonts/txt.ttf);
}

#cv {
  max-width: 100%;
}

.lightgrey {
  background-color: #d3d3d34f;
}

@media (max-width: 700px) {
  .card.horizontal {
    display: inherit;
  }

  .card.horizontal .card-image {
    max-width: 100%;
  }
}

.fade-enter {
  opacity: 0;
}

.fade-enter-active {
  transition: opacity 0.2s ease;
}

.fade-leave {
}

.fade-leave-active {
  transition: opacity 0.2s ease;
  opacity: 0;
}

.router-link-exact-active {
  background-color: rgba(0, 0, 0, 0.1);
}

.card.horizontal .card-image img {
  margin: auto;
  min-width: 180px;
}


.row ul li::before {
  content: '\2771 ';
}

.hide-on-med-and-down .dropdown-content li > a, .dropdown-content li > span {
  color: whitesmoke;
}

.hide-on-med-and-down .dropdown-content li:hover, .dropdown-content li.active {
  background-color: rgba(0, 0, 0, 0.1);
}

html {
  background-color: rgba(0, 0, 0, 0.01);
}

#app div:nth-child(1) {
  margin-bottom: 0;
}

select {
  display: inherit;
}

.hide-on-med-and-down select, .hide-on-med-and-down option {
  background-color: #333333;
  border: none;
  color: whitesmoke;
}

.hide-on-med-and-down select:focus, .hide-on-med-and-down option:focus {
  border: none;
  outline: none;
}
