/* 
	Author :: Elodie BAYET
*/
/*
    Global Placeholders
*/
/* typography */
@import url("https://fonts.googleapis.com/css?family=Roboto:300i,400&subset=latin-ext");
/*
    Global Variables
*/
/* Main Colors */
/* Custom Greys */
/* Dynamic Colors */
@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  src: url("../../assets/fonts/the-anton-project-authors.eot"); /* Old browsers */
  src: local("Anton Regular"), local("Anton-Regular"), url("../../assets/fonts/the-anton-project-authors.woff2") format("woff2"), url("../../assets/fonts/the-anton-project-authors.woff") format("woff"), url("../../assets/fonts/the-anton-project-authors.ttf") format("truetype"), url("../../assets/fonts/the-anton-project-authors.svg#Anton") format("svg"); /* Legacy iOS */
  font-display: fallback;
}
h1, h2, .langmenu li, .applogo .title {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}

.applogo + p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

/* For hover effect (used in theme) */
a, a:link, a:visited, button, .navigation li {
  transition: 0.25s ease-in-out;
}

/* Kit Author */
#author {
  text-align: center;
}
#author p {
  font-size: 1.2rem;
  line-height: 2;
}
#author p * {
  display: inline-block;
  vertical-align: bottom;
}
#author p img {
  width: 18px;
  display: inline-block;
  margin-left: 3px;
  margin-top: -7px;
}

@keyframes FlashOn {
  0% {
    border: 2px solid rgb(178, 11, 43);
  }
  50% {
    border: 2px solid rgb(187.73, 187.73, 187.73);
  }
  100% {
    border: 2px solid rgb(178, 11, 43);
  }
}
html {
  font-family: Verdana, sans-serif;
  font-size: 0.625em;
}

body {
  min-height: 100vh;
  color: rgb(38, 38, 38);
  background-color: rgb(242, 239, 239);
}
body, body *, body *::before, body *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body > * {
  max-width: 960px;
  margin: 0 auto;
}
body > header {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 348px;
  padding: 24px;
}
body .block {
  text-align: center;
  width: 100vw;
  max-width: 580px;
}

/* Normalize */
li {
  list-style: none;
}

a, a:link, a:visited, a:hover, a:focus, a:active {
  text-decoration: none;
}

img, button, a img, a:link img, a:visited img, a:hover img, a:focus img, a:active img {
  border: 0 none;
}

button, img, a, a:link, a:visited, a:hover, a:focus, a:active,
a img, a:link img, a:visited img, a:hover img, a:focus img, a:active img {
  outline: 0;
}

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

/* Fonts */
/* Content */
html[lang=fr] *[lang=en],
html[lang=en] *[lang=fr] {
  display: none;
}

.applogo {
  position: relative;
  display: inline-block;
}
.applogo > span {
  transition: 0.25s ease-in-out;
  white-space: nowrap;
  display: inline-block;
}
.applogo .icon {
  margin-left: -8vw;
  width: 16vw;
  left: 50%;
  position: absolute;
}
.applogo .title {
  font-size: 10vw;
  line-height: 26vw;
  color: rgb(212.685, 212.685, 212.685);
}
.applogo:hover .icon {
  opacity: 0.1;
}
.applogo:hover .title {
  color: rgb(10, 107, 119);
}
.applogo + p {
  font-size: 3.4vw;
  letter-spacing: 0.1rem;
  color: rgb(62.955, 62.955, 62.955);
  padding: 0 0 18px 0;
  margin-top: -2vw;
}
@media (min-width: 470px) {
  .applogo .icon {
    margin-left: -36px;
    width: 72px;
  }
  .applogo .title {
    font-size: 5.2rem;
    line-height: 11.4rem;
  }
  .applogo + p {
    font-size: 1.8rem;
    margin-top: 0;
  }
}

.langmenu ul {
  display: flex;
  justify-content: center;
}
.langmenu li {
  margin: 12px;
}
.langmenu li a {
  font-size: 1.8rem;
  color: rgb(0, 0, 0);
  background-color: rgb(187.73, 187.73, 187.73);
  transition: 0.25s ease-in-out;
  padding: 4px 12px 3px;
  display: inline-block;
}
.langmenu li a:hover, .langmenu li a.selected {
  color: rgb(255, 255, 255);
  background-color: rgb(178, 11, 43);
}

main {
  text-align: center;
  padding: 0 24px;
}
main header {
  margin-bottom: 24px;
}
main h1 {
  font-size: 2.8rem;
  line-height: 1.5;
  color: rgb(178, 11, 43);
  background-color: rgb(255, 255, 255);
  padding: 12px;
  animation: FlashOn 1.5s ease-in-out infinite;
}
main h2 {
  font-size: 2.1rem;
  color: rgb(87.91, 87.91, 87.91);
  margin-bottom: 18px;
}
main p {
  font-size: 1.4rem;
  line-height: 1.75;
}

footer {
  padding: 24px;
}

#author p {
  color: rgb(112.865, 112.865, 112.865);
}
#author span {
  color: rgb(0, 0, 0);
}
#author a {
  color: rgb(10, 107, 119);
}
#author a:hover, #author a:focus {
  color: rgb(10, 91.1151376147, 101.15);
}/*# sourceMappingURL=unavailable.css.map */