@font-face {
  font-family: "Grotesk";
  src: url("fonts/grotesk/Grotesk-02Mince.woff2") format("woff2");
  font-display: swap;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  overflow: hidden auto;
}
body {
  font-family: Grotesk;
  color: #4a23be;
  margin: 0;
  background-color: #fff9c3;
  text-rendering: optimizeLegibility;
}
main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  padding: 4rem;
  border: #fe0000 dashed 8px;
  /*border-radius: 70px;*/
}
header, section {
  width: 100%;
}
header {
  margin-bottom: 2rem;
}
h1 .titre {
  font-size: 37.5px;
  text-decoration: underline #48e696;
}
h1 .alpha {
  color: #fe0000;
  font-size: 22px;
  font-weight: normal;
  margin-left: 20px;
}
.partie {
  margin-bottom: 3rem;
}
.titres {
  display: flex;
  flex-wrap: wrap;
}
.fleche {
  width: 70px;
  margin-right: 25px;
}

.partie-titre {
  transform: translateY(18px);
  font-size: 25px;
}
.contenu {
  padding-top: 32px;
  padding-left: 95px;
  max-width: 1000px;
}
.texte {
  font-size: 17px;
}
.logo {
  width: 400px;
  max-width: 100%;
  transform: translate(-7px, 10px);
}
.partie-titre, .partie-4 a {
  max-width: calc(100% - 95px);
}

/* PARTIE 1 */
.chasse {
  float: right;
  width: 200px;
}
.ascii {
  font-family: monospace;
  white-space: pre;
}
/*.ascii span {
  position: relative;
  display: inherit;
  font-family: monospace;
  white-space: nowrap;
}
.ascii span:nth-child(18) {
  left: 15px;
}
.ascii span:nth-child(17) {
  left: 30px;
}
.ascii span:nth-child(16), .ascii span:nth-child(15), .ascii span:nth-child(14), .ascii span:nth-child(13), .ascii span:nth-child(12) {
  left: 60px;
}
.ascii span:nth-child(11) {
  left: 75px;
}
.ascii span:nth-child(10) {
  left: 90px;
}
.ascii span:nth-child(9), .ascii span:nth-child(8), .ascii span:nth-child(7), .ascii span:nth-child(6), .ascii span:nth-child(5), .ascii span:nth-child(4), .ascii span:nth-child(3), .ascii span:nth-child(2), .ascii span:nth-child(1) {
  left: 105px;
}*/


/* FORMULAIRE */
.sib-form {
  padding-left: 95px;
}
#sib-container {
  padding: 0;
  background: none;
}
.sib-form-block {
  padding: 0;
}
#sib-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #4a23be;
}
.sib-form, .entry__choice {
  font-family: Grotesk;
}
.petit-input {
  width: 45%;
}
.grand-input {
  width: 100%;
}
.sib-form .entry__field {
  background: none;
  border: none;
  border-bottom: solid 1px;
}
.sib-form .input:last-child, .sib-form .input__affix:last-child {
  padding: 0;
}
.sib-form-block__button {
  min-height: unset;
  padding: 0 5px;
  background: none;
  border: solid 1px;
  border-radius: 20px;
}



@media screen and (max-width: 640px) {
  main {
    padding: 4rem 1rem;
  }
  .fleche {
    width: 50px;
  }
  .partie-titre {
    transform: translateY(8px);
    max-width: calc(100% - 75px);;
  }
  .contenu, .sib-form {
    padding-left: 1rem;
  }
  .petit-input {
    width: 100%;
  }
}