@font-face {
  font-family: "HarmoniaSansProCyr-Regular";
  src: url("../../../global/fonts/Harmonia/HarmoniaSansProCyr-Regular.otf"); }

@font-face {
  font-family: "HarmoniaSansProCyr-Bold";
  src: url("../../../global/fonts/Harmonia/HarmoniaSansProCyr-Bold.otf"); }

@font-face {
  font-family: "HarmoniaSansProCyr-SemiBd";
  src: url("../../../global/fonts/Harmonia/HarmoniaSansProCyr-SemiBd.otf"); }

@font-face {
  font-family: "HarmoniaSansProCyr-Light";
  src: url("../../../global/fonts/Harmonia/HarmoniaSansProCyr-Light.otf"); }

@font-face {
  font-family: "djb_get_digital";
  src: url("../../../global/fonts/djb_get_digital/djb_get_digital.ttf"); }

body {
  height: 100vh;
  width: 100vw;
  margin: 0;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  body:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none; }
  body #contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    z-index: 99;
    color: white;
    background-color: rgba(0, 100, 159, 0.9);
    padding: 5vh 9vw;
    width: calc(55vw - (5vw * 2));
    height: calc(45vw - (9vw * 2)); }
    body #contain .welcome {
      height: 35%; }
      body #contain .welcome > * {
        margin: 0 auto; }
      body #contain .welcome h1 {
        font-size: 3.2vw;
        font-family: "HarmoniaSansProCyr-Bold"; }
      body #contain .welcome p {
        font-size: 1.5vw;
        font-family: "HarmoniaSansProCyr-SemiBd"; }
    body #contain .contributor {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
      height: 65%; }
      body #contain .contributor .separation {
        border-top: 3px solid white;
        width: 50%; }
      body #contain .contributor .logo {
        width: auto; }
        body #contain .contributor .logo.logo-shawinigan {
          height: 150px; }
        body #contain .contributor .logo.logo-rtcs {
          height: 75px; }
    body #contain .link {
      position: absolute;
      bottom: 12px;
      right: -31px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-family: "HarmoniaSansProCyr-Bold";
      cursor: pointer;
      text-decoration: none;
      color: white; }
      body #contain .link span {
        font-size: 1.4vw;
        margin-right: 25px; }
      body #contain .link .cercle-white {
        width: 62px;
        height: 62px;
        border-radius: 50%;
        background-color: white;
        -webkit-box-shadow: 0px 0px 15px;
        box-shadow: 0px 0px 15px;
        color: black; }
        body #contain .link .cercle-white svg {
          height: 76%;
          width: 76%;
          margin: 12%;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  body .picture.credit {
    color: white;
    bottom: 15px;
    left: 15px;
    position: absolute;
    font-size: 0.6vw;
    font-family: "HarmoniaSansProCyr-Light"; }