html {
  margin: 0px;
  scroll-behavior: smooth;
}

body {
  color: white;
  margin: 0px;
  font-family: "Cossette Texte", sans-serif;
  font-size: 10pt;
  font-weight: normal;
}

a {
  text-decoration: none;
}

p {
  font-size: 2.5em;
  margin-bottom: 1em;
}

h1 {
    font-size: 6em;
    margin: auto;
}

h2 {
  margin-top: 0px;
  font-size: 2.5em;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
}

.underline {
  text-decoration: underline;
}

h3 {
  font-size: 2.5em;
  font-weight: bold;
  margin-bottom: 0px;
  text-decoration: underline;
}

#part1 {
  width: 100%;
  height: 1800px;
  background-color: royalblue;
  padding: 0px;
}

#player {
  margin: auto;
  width: 300px;
  padding-top: 300px;
}

#part1 p {
  color: red;
  text-align: center;
}

#part2 {
  width: 100%;
  background-color: yellow;
  color: royalblue;
  padding: 0px;
  margin: 0px;
}



#part3 {
  width: 100%;
  background-color: royalblue;
  color: yellow;
  padding: 0px;
}

#start {
  width: 210px;
  margin: auto;
  padding-top: 40vw;
  animation: fadeInAnimation ease 6s;
          animation-iteration-count: 1;
          animation-fill-mode: forwards;
      }
      @keyframes fadeInAnimation {
          0% {
              opacity: 0;
          }

          100% {
              opacity: 1;
          }
}

#circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 10px solid red;
  position: absolute;
  top: 1100px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.content {
  margin-left: 10vw;
  margin-right: 10vw;
  padding-top: 10vw;
}

.content img {
  width: 100%;
  height: auto;
}






#map {
  width: 500px;
  margin: auto;
  padding-top: 5em;

  animation: fadeInAnimation ease 12s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
}

#map img {
  width: 100%;
}


/* @media only screen and (min-width: 1000px) {
  body {
    width: 50vw;
    margin: auto;
    color: red;
  }
}
*/