@import url("https://fonts.googleapis.com/css?family=Anton");

@import url("https://fonts.googleapis.com/css?family=Kavivanar");

@import url("https://fonts.googleapis.com/css?family=Oswald");

@import url("https://fonts.googleapis.com/css?family=Raleway");

:root {
  --theme: rgb(248, 159, 42);
}

body {
  font-family: 'Oswald', sans-serif;
  background-image: url('../img/backgroundsatis.jpg');
  background-attachment: fixed;
  background-position-x: center;
  background-size: auto 100vh;
  background-repeat: no-repeat;

  @media (max-width: 700px) {
    background-image: url(../img2/backgroundNCIfact.jpg);

  }
}


header h1 {
  text-shadow: rgb(248, 159, 42) 5px 5px 3px;
}


header a.discover button {
  border: solid 4px rgb(248, 159, 42);
  color: rgb(248, 159, 42);

    &:hover {
      background-color: rgb(248, 159, 42);
      
      & span {
        background-image: url(../img/backgroundsatis.jpg);
      }
  }
}

hr {
  background-color: rgb(248, 159, 42);
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  & .accueilButton button {
    border: solid 2px rgb(248, 159, 42);
    color: rgb(248, 159, 42);
  
      &:hover {
        background-color: rgb(248, 159, 42);
        color: #fff;
        
      }
  }
  
}

main section {
  display: flex;
  align-items: center;
  flex-direction: column;
}


footer {
  display: flex;
  justify-content: center;
  
  flex-direction: column;
  align-items: center;

  
    
}