@font-face {
  font-family: "Ekstra";
  font-style: normal;
  font-weight: 400;
  src: local("Ekstra-Regular"), local("Ekstra-Regular"), url(Ekstra-Regular.woff) format("woff");
}
:root {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html,
body {
  width: 100%;
  min-height: 100vh;
  background-color: rgb(68, 65, 64);
  color: rgb(247, 235, 232);
}

h1 {
  font-family: Ekstra;
  margin-bottom: 6px;
  font-size: 1.333rem;
}

h2 {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 0.666rem;
}

a {
  text-decoration: none;
  color: rgb(247, 235, 232);
}

nav {
  position: fixed;
  right: 0;
  padding: 0.333em;
  font-size: 0.666em;
  background-color: rgba(247, 235, 232, 0.42);
  border-radius: 0 0 0 4px;
}
nav ul {
  padding-top: 0.333em;
  padding-right: 0.666em;
}
nav li {
  min-height: auto;
  min-width: auto;
}
nav li a {
  text-decoration: underline;
  color: rgb(30, 30, 36);
}

body.musica {
  background-color: rgb(30, 30, 36);
}
body.musica nav li a {
  color: rgb(247, 235, 232);
}

.this-guy {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: rgba(36, 36, 36, 0.666);
  padding: 0.666rem;
  border-radius: 6px 0 0 0;
  text-align: right;
}

.musique {
  padding: 0.666em;
}
.musique h2 {
  line-height: 1.666;
  margin-bottom: 3.33em;
  max-width: calc(100% - 12.4vw);
  color: #E94F37;
}
.musique h2 svg {
  margin-left: 0.1666em;
  max-height: 12px;
  min-width: 15px;
  vertical-align: -2px;
}
.musique h2 svg path {
  fill: rgb(247, 235, 232);
}
.musique a {
  color: #FFF;
  text-decoration: underline;
}
.musique a:visited {
  color: rgba(210, 185, 255, 0.8509803922);
}
.musique .mix {
  margin-bottom: 0.333em;
  font-family: Ekstra;
}

ul,
li {
  list-style: none;
}

li {
  min-height: 250px;
  min-width: 250px;
  background-size: cover;
  background-repeat: no-repeat;
}

img {
  max-width: 100%;
  display: block;
  height: auto;
  border: solid 1px rgb(30, 30, 36);
}

.pix-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-rows: 250px;
  grid-auto-flow: dense;
  align-items: stretch;
  justify-items: center;
  margin: 0;
  padding: 0;
}

.wide {
  grid-column: span 1;
}

.tall {
  grid-row: span 2;
}

@media (max-width: 666px) {
  .pix-grid {
    display: block;
  }
}/*# sourceMappingURL=g-styles.css.map */