cours-MDS/b2-cwd/integration/evaluation/travaux-rendus/Jessy_Leblond/style-main.css

* {
  font-family: sans-serif;
}

nav {
  font-family: sans-serif;
  color: black;
  font-weight: bold;
  text-align: center;
}

#menuburger {
  max-width: 10%;
  position: center;
}

.boutons {
  display: none;
}

#switch:checked ~ .boutons {
  display: block;
}

.frequence1 {
  display: none;
}

.frequence2 {
  display: none;
}

#sport:checked ~ .frequence1 {
  display: block;
}

#culture:checked ~ .frequence2 {
  display: block;
}

a {
  text-decoration: none;
}

#formulairecontact {
  display: flex;
  flex-direction: column;
  background-color: #fcfafc;
  color: #330033;
  border-radius: 6px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  max-width: 70%;
}

#formswitch:checked ~ #formulairecontact {
  display: none;
}

#mainpagetext {
  text-align: center;
  margin-top: 50px;
  color: #330033;
}

h1 {
  font-size: x-large;
}

h4 {
  background-color: #663366;
  color: #fcfafc;
}

label {
  background-color: white;
}

span {
  color: #660066;
}

span:hover {
  color: #eeaaee;
  text-decoration: underline;
}

.icon-cross {
  padding-left: 100px;
}

#basdepage {
  display: flex;
  justify-content: center;
  text-align: center;
  background-color: #660066;
  color: white;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 100%;
  left: 50%;
  min-width: 100%;
}

@media (min-width: 480px) {
  #main-menu {
    margin: -6px;
  }

  #main-menu .boutons {
    display: inline-block;
    width: 25%;
    margin: 0;
    padding: 3px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 12px;
    text-align: center;
  }

  #main-menu #menuburger, #main-menu .menu-label {
    display: none;
  }
}

/*# sourceMappingURL=style-main.css.map */