@font-face {
  font-family: "Whitney Light";
  src: url("fonts/whitneylight.otf") format("opentype");
}
@font-face {
  font-family: "Whitney Semibold";
  src: url("fonts/whitneysemibold.otf") format("opentype");
}
body {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  font-family: "Whitney Light";
  margin: 0vw;
  padding:5vw;
}

h1, h2 {
  font-family: "Whitney Semibold";
  text-align: center;
  font-size:2vw;
}

.journal {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.jour, .deficheck {
  padding: 10px;
  border-radius: 20px;
  text-decoration: none;
  color: black;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 2px;
  width: 50%;
  margin-bottom: 10px;
  background-color: #769FD1;
}

.jour:hover {
  background-color: #6f94c2;
}

.jour p, .deficheck p, .deficheck h3 {
  font-size: 2vw;
}

.jour h3, .jour h2, .deficheck h2 {
  font-size: 3vw;
}

.jour .main, .deficheck .preuve{
  width: 100%;
  grid-column-start: 2;
  border-radius: 20px;
}



form {
  margin-top: 1vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

form label {
  font-size: 4vw;
  margin-right: 1vw;
}

form input[type=text], form input[type=number] {
  outline: none;
  height: 4vw;
  width: 50vw;
  border: none;
  background-color: white;
  border-bottom: #6f94c2 solid 2px;
  font-size: 4vw;
}

form input[type=number]{
    width: 10vw;
}

#nom{
    width: 30vw;
}

form input[type=submit] {
  width: auto;
  font-size: 3vw;
  padding: 2vw;
  border-radius: 2vw;
  background-color: #6f94c2;
  margin-top: 1vw;
  border: none;
}

form input[type=submit]:hover {
  background-color: #a3c9f8;
  cursor: pointer;

}

.tabledefis {
  margin-top: 2vw;
  font-size: 3vw;
  margin-bottom:3vw;
  margin-left: 1vw;
  margin-right: 1vw;
  
  
}

tbody{
    border-radius: 0 2vw 0 0;
    box-shadow: 1vw 1vw 0.5vw #4a6b9450;
}

#nomtableau{
    border-radius:2vw 0 0 0;
    width: 80px;
}

.sourire{
    width:3vw;
    height:3vw;
}

#validationtableau{
    border-radius:0 2vw 0 0;
}

td{
    font-size:2vw;
}

.tabledefis td {
  padding: 1vw 2vw 1vw 2vw ;
}

.defis{
  background-color: #a3c9f8;
}

.defis:hover {
  background-color: #769FD1;
}


.tabledefis tr th{
  background-color: #769FD1;
  padding: 1vw;
}

.valide{
    background-color:#a4ff8e;
}

.nonvalide{
    background-color:#ff7c7c;
}

.prometsrien{
    background-color:#ffe15b;
}


.jour_page h1{
    font-size:7vw;
}

.jour_page p{
    font-size:5vw;
}



@media (max-width: 1000px) {
    body{
        padding:0;
    }
  .jour {
    width: 95%;
  }
  .jour p {
    font-size: 4vw;
  }
  .jour h3, .jour h2 {
    font-size: 5vw;
  }
  form label {
    font-size: 6vw;
    margin-right: 10px;
  }
  form input[type=text] {
    outline: none;
    height: 6vw;
    font-size: 6vw;
  }
  form input[type=submit] {
    width: auto;
    background-color: #6f94c2;
    margin-top: 10px;
  }
}/*# sourceMappingURL=style.css.map */