/* Modern browsers */
::selection {
  background-color: #ffb7b7; /* Changes the highlight background */
  color: #000000;            /* Changes the text color */
}

/* Older Firefox compatibility */
::-moz-selection {
  background-color: #ffb7b7;
  color: #000000;
}

html {
  overscroll-behavior: none;
}

body {
  margin: 0;
  line-height: 1.5;
  background-color: #dadada;
  overflow-x: hidden;
  max-width: 100%;
}

h1 {
  font-size: 1em;
}

p {
  font-size: .8em;
  margin-left:12%;
  margin-right:30%;
}

/* 1. Base style for all links */
a {
    color: #bb3735;          /* Changes link color */
    text-decoration: none;   /* Removes the default underline */
    font-weight: bold;
}

/* 2. Unvisited link */
a:link {
    color: #bb3735;
}

/* 3. Visited link (already clicked) */
a:visited {
    color: #bb3735;
}

/* 4. Hover state (mouse pointer over link) */
a:hover {
    color: #FF00FF;
    text-decoration: underline; /* Adds underline on hover */
    text-decoration-style: dotted;
}

/* 5. Active state (the moment the link is clicked) */
a:active {
    color: #red;
}

.discorde {
  background-image: url("../img/fondweb2.png"), url("../img/craft2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  display: flex;
  flex-direction: column;
  min-height: 100vh; 
}

.texte {
  padding-top: 50px;
  font-family: "Special Elite", system-ui;
  font-weight: 400;
  font-style: normal;
  color: #333333;
}

.special-elite-regular {
  font-family: "Special Elite", system-ui;
  font-weight: 400;
  font-style: normal;
}

@media only screen and (max-width: 900px) {
  /* For mobile phones: */
  p {
    margin-right: 12%;
  }
}

.text-anchor {
  position: relative;
}

.text-image {
  position: absolute;
  bottom: -140px;
  left: 0%;
  height: 200px;
  margin-bottom: 4px;
}