body {
  background: #1B1C1D; }

hr {
  border-color: #FFF; }

* {
  font-family: 'Montserrat', serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', serif;
  color: #FFF; }

p, span, a:not(.press-card), li {
  color: #FFF; }
  .content p, .content span, .content a:not(.press-card), .content li {
    opacity: 0.8; }

a:hover {
  color: #8C8C8C;
  text-decoration: unset; }

.btn-black-outline {
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 78px;
  font-family: 'Roboto', serif;
  font-size: 18px;
  line-height: 21px;
  margin: 10px;
  text-align: center;
  color: #FFFFFF !important;
  transition: all ease 500ms; }
  .btn-black-outline:hover {
    transform: translateY(-3px); }

.btn-black-outline.right-arrow {
  text-align: left;
  padding-left: 20px; }

.right-arrow::after {
  font-family: 'Font Awesome 5 Free', serif;
  content: '\f054';
  font-weight: 900;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  padding-left: 10px; }

.default-section .section-content {
  margin: 0 2em; }

.top-section-padding {
  padding-top: 50px; }

.large-section h2 {
  text-align: center;
  font-size: 48px;
  line-height: 56px; }

.even-card-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  padding: 0 !important; }

.top-padded {
  margin-top: 50px; }

.info-card, .download-card-container .download-card .download-resource {
  position: relative;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 25px;
  width: 400px;
  max-width: 100%;
  transition: all ease 500ms; }
  .info-card:hover, .download-card-container .download-card .download-resource:hover {
    transform: translateY(-3px); }
  .info-card .btn-container, .download-card-container .download-card .download-resource .btn-container {
    height: 37px; }
    .info-card .btn-container .btn-black-outline, .download-card-container .download-card .download-resource .btn-container .btn-black-outline {
      position: absolute;
      margin: 0;
      bottom: 20px; }

.first-container {
  padding-top: 140px; }

.press-card-container {
  max-width: 950px;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 1350px) {
    .press-card-container {
      max-width: 625px; } }
  @media (max-width: 775px) {
    .press-card-container {
      justify-content: space-around; } }

.press-card {
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 25px;
  width: 300px;
  max-width: 100%;
  transition: all ease 500ms; }
  .press-card:hover {
    transform: translateY(-3px); }
  .press-card .press-logo {
    display: inline-block;
    width: 75px;
    height: 75px;
    float: right; }
  .press-card .press-card-text {
    display: inline-block;
    margin: 10px 0; }
    .press-card .press-card-text .press-name {
      font-size: 24px;
      line-height: 28px;
      display: block; }
    .press-card .press-card-text .press-date {
      display: inline-block;
      font-family: 'Roboto', serif;
      font-size: 18px;
      line-height: 22px;
      color: #DCDCDC; }

.stats-card {
  max-width: 800px;
  width: 100%;
  height: 100px;
  margin: 75px auto 0 auto;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
  align-content: space-between; }
  .stats-card .stats-section {
    display: inline-block;
    width: 33%; }
    .stats-card .stats-section:not(:first-of-type)::before {
      height: 98px;
      width: 0;
      border: 1px solid #FFFFFF;
      display: block;
      content: '';
      position: absolute; }
    .stats-card .stats-section .stats-data {
      font-family: 'Roboto', serif;
      font-size: 48px;
      line-height: 70px;
      text-align: center;
      display: block;
      width: 100%; }
    .stats-card .stats-section .stats-name {
      display: block;
      font-size: 18px;
      line-height: 35px;
      text-align: center;
      margin-top: -12px; }

.resource-card {
  width: 300px;
  margin: 12px 12px; }
  .resource-card .resource-preview {
    width: 125px;
    height: 125px;
    display: block;
    margin: 0 auto; }
  .resource-card .resource-name {
    text-align: center;
    margin: 15px 0 10px; }
  .resource-card .btn-container {
    height: 37px; }
    .resource-card .btn-container .btn-black-outline {
      position: absolute;
      margin: 0;
      bottom: 20px; }
      .resource-card .btn-container .btn-black-outline:nth-child(2) {
        right: 20px; }
  .resource-card .resource-info-container .resource-info-button {
    position: absolute;
    color: #FFF;
    top: 20px;
    right: 20px;
    cursor: pointer; }

.resource-card-container {
  max-width: 972px;
  width: 100%;
  margin: 0 auto;
  justify-content: flex-start; }
  @media (max-width: 1440px) {
    .resource-card-container {
      max-width: 648px; } }
  @media (max-width: 1000px) {
    .resource-card-container {
      justify-content: space-around; } }

.project-card-container {
  display: flex;
  flex-direction: column; }
  .project-card-container .project-card {
    margin: 25px auto;
    display: inline-block;
    width: 700px; }
    .project-card-container .project-card:first-of-type {
      margin-top: 50px; }
    .project-card-container .project-card:last-of-type {
      margin-bottom: 50px; }
    .project-card-container .project-card .project-card-link {
      display: block; }
      .project-card-container .project-card .project-card-link .left-section {
        position: relative;
        display: inline-block;
        width: 200px; }
        .project-card-container .project-card .project-card-link .left-section .project-card-title {
          margin-bottom: 0;
          display: inline-block; }
        .project-card-container .project-card .project-card-link .left-section .project-card-langs {
          display: table-cell;
          font-size: 18px;
          line-height: 22px;
          margin-bottom: 5px;
          color: #DCDCDC; }
        .project-card-container .project-card .project-card-link .left-section .project-card-data {
          display: inline-block;
          font-size: 18px;
          line-height: 22px; }
          .project-card-container .project-card .project-card-link .left-section .project-card-data, .project-card-container .project-card .project-card-link .left-section .project-card-data i {
            color: #DCDCDC; }
          .project-card-container .project-card .project-card-link .left-section .project-card-data i:not(:last-of-type) {
            margin: 0 10px; }
          .project-card-container .project-card .project-card-link .left-section .project-card-data i:last-of-type {
            margin: 0 0 0 10px; }
      .project-card-container .project-card .project-card-link .project-card-desc {
        display: block;
        float: right;
        margin-bottom: 0;
        width: 400px; }
      @media (max-width: 991.98px) {
        .project-card-container .project-card .project-card-link .project-card-desc {
          margin-top: 15px;
          display: block;
          width: 100%; } }

.download-card-container {
  display: flex;
  flex-direction: column; }
  .download-card-container .download-card {
    margin: 25px auto;
    display: inline-block;
    width: 900px; }
    .download-card-container .download-card:first-of-type {
      margin-top: 50px; }
    .download-card-container .download-card:last-of-type {
      margin-bottom: 50px; }
    .download-card-container .download-card .download-card-link {
      display: inline-block; }
      .download-card-container .download-card .download-card-link .left-section {
        position: relative;
        display: inline-block;
        width: 150px; }
        .download-card-container .download-card .download-card-link .left-section .download-card-version {
          margin-bottom: 5px;
          display: inline-block; }
        .download-card-container .download-card .download-card-link .left-section .download-card-duration, .download-card-container .download-card .download-card-link .left-section .download-card-commits, .download-card-container .download-card .download-card-link .left-section .download-card-changes {
          display: block;
          font-size: 18px;
          line-height: 25px;
          margin-bottom: 3px; }
          .download-card-container .download-card .download-card-link .left-section .download-card-duration, .download-card-container .download-card .download-card-link .left-section .download-card-duration i, .download-card-container .download-card .download-card-link .left-section .download-card-commits, .download-card-container .download-card .download-card-link .left-section .download-card-commits i, .download-card-container .download-card .download-card-link .left-section .download-card-changes, .download-card-container .download-card .download-card-link .left-section .download-card-changes i {
            color: #DCDCDC; }
          .download-card-container .download-card .download-card-link .left-section .download-card-duration i, .download-card-container .download-card .download-card-link .left-section .download-card-commits i, .download-card-container .download-card .download-card-link .left-section .download-card-changes i {
            margin-left: 5px; }
          .download-card-container .download-card .download-card-link .left-section .download-card-duration .adds, .download-card-container .download-card .download-card-link .left-section .download-card-commits .adds, .download-card-container .download-card .download-card-link .left-section .download-card-changes .adds {
            color: #0F0 !important; }
          .download-card-container .download-card .download-card-link .left-section .download-card-duration .subs, .download-card-container .download-card .download-card-link .left-section .download-card-commits .subs, .download-card-container .download-card .download-card-link .left-section .download-card-changes .subs {
            color: #F00 !important;
            margin-left: 10px; }
      .download-card-container .download-card .download-card-link .right-section {
        display: block;
        float: right;
        margin-bottom: 0;
        width: 700px; }
        .download-card-container .download-card .download-card-link .right-section .download-card-title {
          width: 100%;
          height: 100%;
          margin-bottom: 10px; }
        .download-card-container .download-card .download-card-link .right-section .download-card-desc {
          width: 100%;
          height: 100%; }
      @media (max-width: 991.98px) {
        .download-card-container .download-card .download-card-link .right-section {
          margin-top: 15px;
          display: block;
          width: 100%; } }
    .download-card-container .download-card .download-resource {
      width: unset;
      height: 80px;
      margin: 10px 0 0 25px;
      display: inline-block; }
      .download-card-container .download-card .download-resource:nth-child(2) {
        margin-left: 150px; }
      .download-card-container .download-card .download-resource .download-resource-icon {
        display: inline-block;
        float: left;
        font-size: 36px;
        line-height: 41px;
        color: #FFF; }
      .download-card-container .download-card .download-resource .download-resource-data {
        float: left;
        display: block;
        margin-left: 20px; }
        .download-card-container .download-card .download-resource .download-resource-data .download-resource-title {
          font-family: 'Roboto', serif;
          display: block;
          font-size: 1.5rem;
          font-weight: 500;
          line-height: 1.2;
          margin-top: 0; }
        .download-card-container .download-card .download-resource .download-resource-data .download-resource-info {
          display: block;
          font-size: 14px;
          line-height: 17px;
          color: #CDCDCD; }

.navbar {
  height: 95px;
  font-family: 'Montserrat', serif;
  color: #FFF; }
  .navbar .navbar-toggler {
    color: #FFF;
    border-color: rgba(255, 255, 255, 0.1); }
  .navbar .navbar-brand {
    margin: 10px;
    padding: 0; }
    .navbar .navbar-brand img {
      width: 75px;
      height: 75px; }
  .navbar .container {
    max-width: unset;
    padding: 0; }
    .navbar .container .navbar-nav {
      padding-right: 95px; }

.navbar-light .navbar-nav .nav-link {
  color: #FFF;
  font-size: 24px; }
  .navbar-light .navbar-nav .nav-link:hover {
    color: #cccccc; }

.content {
  min-height: calc(100vh - 200px); }

.footer {
  margin-top: 25px;
  background: #28292A;
  width: 100%;
  text-align: center;
  height: 200px; }
  .footer .footer-contents {
    width: 100%;
    display: inline-flex;
    padding: 15px;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-basis: 100%;
    max-width: 1200px; }
    .footer .footer-contents .left-column {
      width: 30%;
      display: flex; }
      .footer .footer-contents .left-column .footer-logo {
        width: 75px;
        height: 75px;
        margin-right: 15px; }
      .footer .footer-contents .left-column .footer-text {
        display: flex;
        flex-direction: column;
        text-align: left; }
        .footer .footer-contents .left-column .footer-text .big-name {
          font-family: 'Roboto', serif;
          font-size: 36px;
          line-height: 42px;
          white-space: nowrap; }
        .footer .footer-contents .left-column .footer-text .copyright {
          font-size: 18px;
          line-height: 32px; }
        .footer .footer-contents .left-column .footer-text .social-links {
          padding: 0; }
          .footer .footer-contents .left-column .footer-text .social-links li {
            display: inline;
            margin: 0 10px; }
            .footer .footer-contents .left-column .footer-text .social-links li a {
              font-family: 'Font Awesome 5 Brands', serif;
              font-size: 24px;
              line-height: 28px; }
    .footer .footer-contents .link-group {
      display: flex;
      align-items: start;
      flex-direction: column;
      margin: 0 20px;
      white-space: nowrap; }
      .footer .footer-contents .link-group .link-header {
        font-weight: bold;
        font-size: 20px;
        line-height: 28px; }

@media (max-width: 1201px) {
  .footer {
    width: 100%;
    height: 424px; }
    .footer .footer-contents {
      width: 100%;
      flex-basis: 100%;
      max-width: 100%; }
      .footer .footer-contents .link-group {
        margin: 0;
        width: 50%;
        flex-basis: 50%;
        max-width: 50%; }
        .footer .footer-contents .link-group:last-of-type {
          margin: 15px 0; }
      .footer .footer-contents .left-column {
        width: 100%;
        padding-bottom: 20px; }
      .footer .footer-contents .left-column, .footer .footer-contents .links {
        margin: 0 auto; }

  .content {
    min-height: calc(100vh - 424px); } }
.main-center {
  min-height: 100vh; }
  .main-center .logo {
    height: auto;
    margin-top: 25vh !important; }
  .main-center .main-header {
    font-family: 'Roboto', serif;
    font-size: 72px;
    color: #FFF; }
  .main-center .button-container {
    display: flex;
    margin: 45px 10px 10px 10px; }
    .main-center .button-container .btn {
      width: 400px; }
    @media (max-width: 575.98px) {
      .main-center .button-container {
        flex-direction: column; }
        .main-center .button-container .btn {
          width: calc(100vw - 60px); } }
    @media (min-width: 576px) {
      .main-center .button-container .btn {
        width: 300px; } }
    @media (min-width: 768px) {
      .main-center .button-container .btn {
        width: 200px; } }
    @media (min-width: 992px) {
      .main-center .button-container .btn {
        width: 200px; } }

.video-container {
  margin: 25px 0;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }

.demo-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.history-card-container {
  margin: 0 auto 100px;
  width: 100%;
  max-width: 800px; }
  .history-card-container .history-card-wrapper:first-of-type {
    margin-top: 50px; }
  .history-card-container .history-card-wrapper:not(:last-of-type)::after {
    height: 75px;
    width: 0;
    border: 2px solid #FFFFFF;
    display: block;
    content: '';
    margin: 0 auto; }
  .history-card-container .history-card-wrapper .history-card {
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 20px; }
    .history-card-container .history-card-wrapper .history-card .history-title {
      font-family: 'Roboto', serif;
      font-size: 24px;
      line-height: 28px; }
    .history-card-container .history-card-wrapper .history-card .history-date {
      display: block;
      font-size: 18px;
      line-height: 22px;
      margin: 7px 0 10px 0;
      color: #DCDCDC; }

/*# sourceMappingURL=styles.css.map */
