@font-face {
  font-family: OpenDyslexic;
  src: url(../font/open_dyslexic/OpenDyslexic-Regular.otf);
}

:root {
  --ecriture: black;
  --background: white;
  --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


test {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-family: Arial, Helvetica, sans-serif;
  font-family: 'Courier New', Courier, monospace;
}

html {
  background: var(--background);
  color: var(--ecriture);
  font-size: 1.5rem;
  font-family: var(--police);
}

body {
  width: 100%;
}

#content {
  display: flex;
  text-align: center;
  width: 100%;
  justify-content: center;
}


nav {
  width: 99%;
  position: sticky;
  top: 0px;
  background-image: linear-gradient(to right, #008dff, #009bfe, #00a7f8, #00b2f0, #00bbe7);
  border-radius: 20px;
}

#menu {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  /* background-color: rgba(255, 255, 255, 0.4); */
}

.menuItem {
  font-size: 1rem;
  font-weight: 700;
  height: 40px;
  transition: all, 0.5s;
  font-family: var(--police);
}

.menuItem2 {
  font-size: 1rem;
  font-weight: 700;
  height: 40px;
  font-family: var(--police);
}

.menuItem:hover {
  background-color: #0000ff23;
}

article {
  text-align: justify;
}

a {
  width: 100% !important;
  height: 100% !important;
}

a:link {
  color: black;
  text-decoration: none;
}

a:visited {
  color: black;
  text-decoration: none;
}


#dyslexique {
  background-color: #5c5cfd;
  padding-bottom: 0px;
  border-radius: 20px;
  width: 120px;
  height: 60px;
  transition: all, 0.5s;
  font-size: .7rem;
}



/* slider */

.slider {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 300px;
  font-weight: 500;
}

.minuteur {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 300px;
  font-weight: 500;

}