/* ==========================================================================
   Pages : erreurs 404 / 500 / 503 (pages autonomes, sans le layout du site)
   ========================================================================== */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  overflow:hidden;
  background-color: #f4f6ff;
}

.container{
  width:100vw;
  height:100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Poppins", sans-serif;
  position: relative;
  /* left:6vmin; */
  text-align: center;
}

.cog-wheel1, .cog-wheel2{
  transform:scale(0.7);
}

.cog1, .cog2{
  width:40vmin;
  height:40vmin;
  border-radius:50%;
  /* border:6vmin solid #f3c623; */
  border:6vmin solid #E63013;
  position: relative;
}


.cog2{
  border:6vmin solid #1d785d;
}

.top, .down, .left, .right, .left-top, .left-down, .right-top, .right-down{
  width:10vmin;
  height:10vmin;
  /* background-color: #f3c623; */
  background-color: #E63013;
  position: absolute;
}

.cog2 .top,.cog2  .down,.cog2  .left,.cog2  .right,.cog2  .left-top,.cog2  .left-down,.cog2  .right-top,.cog2  .right-down{
  background-color: #1d785d;
}

.top{
  top:-14vmin;
  left:9vmin;
}

.down{
  bottom:-14vmin;
  left:9vmin;
}

.left{
  left:-14vmin;
  top:9vmin;
}

.right{
  right:-14vmin;
  top:9vmin;
}

.left-top{
  transform:rotateZ(-45deg);
  left:-8vmin;
  top:-8vmin;
}

.left-down{
  transform:rotateZ(45deg);
  left:-8vmin;
  top:25vmin;
}

.right-top{
  transform:rotateZ(45deg);
  right:-8vmin;
  top:-8vmin;
}

.right-down{
  transform:rotateZ(-45deg);
  right:-8vmin;
  top:25vmin;
}

.cog2{
  position: relative;
  left:-10.2vmin;
  bottom:10vmin;
}

h1{
  color:#142833;
}

.first-four{
  position: relative;
  left:1vmin;
  /* left:6vmin; */
  font-size:40vmin;
}

.second-four{
  position: relative;
  right:2vmin;
  /* right:18vmin; */
  z-index: -1;
  font-size:40vmin;
}

.wrong-para{
  font-family: "Poppins", sans-serif;
  position: absolute;
  bottom:15vmin;
  padding:3vmin 3vmin 3vmin 3vmin;
  font-size: max(1rem, 3vmin);
  font-weight:600;
  color:#092532;
}
.link{
    font-size: max(0.875rem, 2.5vmin);
    font-family: "Poppins", sans-serif;
    position: absolute;
    bottom:10vmin;
    padding: 1.5vmin 3vmin;
    font-weight:600;
    color:#092532;
    background-color: #CC9D6C;
    color: white;
    text-decoration: none;
}