@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3853948, 2020-01-07T11:41:05-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: BRHendrix-Regular by Brink
 * URL: https://www.myfonts.com/fonts/brink/br-hendrix/regular/
 *
 * Webfont: BRHendrix-RegularItalic by Brink
 * URL: https://www.myfonts.com/fonts/brink/br-hendrix/regular-italic/
 *
 * Webfont: BRHendrix-Medium by Brink
 * URL: https://www.myfonts.com/fonts/brink/br-hendrix/medium/
 *
 * Webfont: BRHendrix-SemiBold by Brink
 * URL: https://www.myfonts.com/fonts/brink/br-hendrix/semi-bold/
 *
 * Webfont: BRHendrix-Bold by Brink
 * URL: https://www.myfonts.com/fonts/brink/br-hendrix/bold/
 *
 * Webfont: BRHendrix-Black by Brink
 * URL: https://www.myfonts.com/fonts/brink/br-hendrix/black/
 *
 *
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright © 2019 by Christoph York. All rights reserved. Modification of this file requires prior written permission from Brink Type.
 *
 * © 2020 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3ace7c");
@font-face {
  font-family: "Hendrix";
  font-weight: 400;
  font-style: normal;
  src: url("../css/hendrix/brink_-_br_hendrix_regular-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_regular-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_regular-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "Hendrix";
  font-weight: 400;
  font-style: italic;
  src: url("../css/hendrix/brink_-_br_hendrix_regular_italic-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_regular_italic-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_regular_italic-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "Hendrix";
  font-weight: 500;
  font-style: normal;
  src: url("../css/hendrix/brink_-_br_hendrix_medium-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_medium-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_medium-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "Hendrix";
  font-weight: 600;
  font-style: normal;
  src: url("../css/hendrix/brink_-_br_hendrix_semibold-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_semibold-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_semibold-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "Hendrix";
  font-weight: 700;
  font-style: normal;
  src: url("../css/hendrix/brink_-_br_hendrix_bold-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_bold-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_bold-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "Hendrix";
  font-weight: 800;
  font-style: normal;
  src: url("../css/hendrix/brink_-_br_hendrix_black-webfont.woff2") format("woff2"), url("../css/hendrix/brink_-_br_hendrix_black-webfont.woff") format("woff"), url("../css/hendrix/brink_-_br_hendrix_black-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "Fathom Icons";
  font-weight: 400;
  font-style: normal;
  src: url("../css/icons/F2024.woff2") format("woff2"), url("../css/icons/F2024.woff") format("woff"), url("../css/icons/F2024.ttf") format("truetype");
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

body {
  scrollbar-width: 10px;
}
body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-track {
  background: #10121c;
}
body::-webkit-scrollbar-thumb {
  width: 10px;
  background: #464a57;
}

body, html {
  font-size: 0;
  font-family: "Hendrix", "Helvetica Neue", Arial, sans-serif;
  -moz-font-feature-settings: "ss03" on, "ss01" off, "ss02" off;
  -ms-font-feature-settings: "ss03" on, "ss01" off, "ss02" off;
  -webkit-font-feature-settings: "ss03" on, "ss01" off, "ss02" off;
  font-feature-settings: "ss03" on, "ss01" off, "ss02" off;
  font-weight: 400;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}
body ::-moz-selection, html ::-moz-selection {
  background-color: #eaecf5;
}
body ::selection, html ::selection {
  background-color: #eaecf5;
}
body.dark, html.dark {
  background: #000008;
}
body.dark ::-moz-selection, html.dark ::-moz-selection {
  background-color: #aab4c5;
}
body.dark ::selection, html.dark ::selection {
  background-color: #aab4c5;
}

.icon {
  font-family: "Fathom Icons";
  text-transform: none;
  font-weight: normal;
}

p {
  margin: unset;
  padding: unset;
}

#sentinel-list--wrapper {
  font-size: 16px;
  line-height: 20px;
  padding-top: 60px;
  display: flex;
  flex-wrap: wrap;
  width: 1230px;
  margin: 0 auto;
}
#sentinel-list--wrapper a {
  color: #3B7BDA;
}
#sentinel-list--wrapper a:hover {
  color: #a3ccaf;
}
#sentinel-list--wrapper p {
  margin-bottom: 20px;
}
#sentinel-list--wrapper .f-img {
  margin-bottom: 30px;
}
#sentinel-list--wrapper .f-img--caption {
  color: #aab4c5;
}

.sentinel-list--year-header {
  width: 100%;
  padding: 0 10px;
  color: #939393;
}

.sentinel-list--project {
  width: 390px;
  margin: 0 10px 40px 10px;
}

.sentinel-list--project--name {
  font-size: 18px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 6px 0;
}

.sentinel-list--project--image {
  width: 390px;
  height: 260px;
  background: #eee;
}
.sentinel-list--project--image img {
  width: 100%;
}

.sentinel-list--project--desc {
  font-size: 15px;
  line-height: 18px;
  margin: 10px 0 15px 0;
  color: #474747;
}

.sentinel-list--project--link {
  margin-bottom: 3px;
}

.sentinel-list--project--links--wrapper {
  position: relative;
  padding-left: 100px;
  margin-top: 10px;
}
.sentinel-list--project--links--wrapper:before {
  color: #ACAAAA;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 0;
}

.sentinel-list--project--links--wrapper--demo:before {
  content: "Demo";
}

.sentinel-list--project--links--wrapper--video:before {
  content: "Video";
}

.sentinel-list--project--links--wrapper--pdf:before {
  content: "PDF";
}

.sentinel-list--project--links--wrapper--screenshot:before {
  content: "Screenshot";
}

.sentinel-list--project--links--wrapper--page:before {
  content: "Project Page";
}

.sentinel-list--project--links--wrapper--site:before {
  content: "Site";
}

@media (max-width: 1229px) {
  #sentinel-list--wrapper {
    width: 820px;
  }
}
@media (max-width: 819px) {
  #sentinel-list--wrapper {
    width: 332px;
    justify-content: space-evenly;
  }
  .sentinel-list--project {
    width: 312px;
  }
  .sentinel-list--project--image {
    width: 312px;
    height: 208px;
  }
}

/*# sourceMappingURL=sentinel-list.css.map */