/* 
	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;
}
h2, .applogo .title, nav li {
  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;
}

/* Normalize */
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);
  display: flex;
  justify-content: center;
  align-items: center;
}
body, body *, body *::before, body *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

li {
  list-style: none;
}

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

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

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

/* Texts */
/* Content */
main {
  text-align: center;
  width: 100vw;
  max-width: 520px;
  padding: 0 24px;
  margin-top: -48px;
}
main h2 {
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  color: rgb(137.82, 137.82, 137.82);
  background-color: transparent;
}

/* Elements */
.applogo {
  position: relative;
  display: inline-block;
}
.applogo > span {
  transition: 0.25s ease-in-out;
  white-space: nowrap;
  display: inline-block;
}
.applogo .icon {
  margin-left: -6vw;
  width: 12vw;
  left: 50%;
  position: absolute;
}
.applogo .title {
  font-size: 10vw;
  line-height: 20vw;
  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);
  line-height: 1.5;
  margin-top: -8px;
}
@media (min-width: 520px) {
  .applogo .icon {
    margin-left: -30px;
    width: 60px;
  }
  .applogo .title {
    font-size: 4.2rem;
    line-height: 9.4rem;
  }
  .applogo + p {
    font-size: 1.6rem;
  }
}

nav {
  margin: 18px 0;
}
nav ul {
  display: flex;
  justify-content: center;
}
nav li {
  font-size: 1.8rem;
  line-height: 1.75;
  margin: 6px 12px;
}
nav li a {
  color: rgb(10, 107, 119);
  background-color: transparent;
  transition: 0.25s ease-in-out;
  padding: 4px 12px 3px;
  display: inline-block;
}
nav li a:hover {
  color: rgb(0, 0, 0);
}

#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=index.css.map */