@font-face {
  font-family: "UltraSoundDesign";
  src: url("../../assets/fonts/UltraSoundDesign-DemiBold.woff2") format("woff2"),
       url("../../assets/fonts/UltraSoundDesign-DemiBold.woff") format("woff");
}

@font-face {
  font-family: "UltraSoundDesign";
  src: url("../../assets/fonts/UltraSoundDesign-Regular.woff2") format("woff2"),
       url("../../assets/fonts/UltraSoundDesign-DemiBold.woff") format("woff");
}

body {
  font-family: "UltraSoundDesign";
}

.nav {
  display: inline;
  align-self:center;
  justify-self: flex-end;
}

.nav a {
  color: black;
  font-family: "UltraSoundDesign";
}
.titre {
  display:block;
}

.menu {
  display:grid;
  grid-template-columns: 1fr 2fr 1fr;
  margin-bottom:2rem;
}

.introduction {
  flex-basis: 100%;
}
.myimg {
  width:150px;
  height:150px;
  object-fit:cover;
  border-radius:50%;
}

p.aboutParagraph {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: 50px;
  margin-left: 50px;
}
.marginTop {
  margin-top:2em;
}

.card-grid {
  display:flex;
  flex-wrap:wrap;
  padding: 0 8em;
}

.card-grid .card-custom {
  flex-basis: 25%;
  padding:5px;
}

.card-custom a img {
  width:100%;
  height: auto;
}

@media (max-width:768px) {
  .card-grid .card-custom {
    flex-basis: 50%;
    padding:5px;
  }
  .card-grid {
    padding: 0 1em;
  }

}

.card-custom a img:hover {
  opacity:0.8;
/*  box-shadow: 2px 2px 20px 2px rgba(0,0,0,0.5);
  border-radius: 50%;
  transition: border-radius 0.2s ease-in-out; */
}