@font-face {
  font-family: ComicSans;
  src: url(fonts/comicsansms.ttf); }

@keyframes loadBottom {
  0% {
    transform: translateY(20px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

/* line 162, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.load-bottom {
  opacity: 0;
  animation: .7s ease .5s 1 loadBottom forwards; }

@keyframes loadFade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* line 178, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.load-fade {
  opacity: 0;
  animation: .5s ease .5s 1 loadFade forwards; }

@keyframes backgroundFade {
  0% {
    box-shadow: inset 0 0 0 1000px white; }
  100% {
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0); } }

/* line 195, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.background-fade {
  box-shadow: inset 0 0 0 1000px white;
  animation: 1.5s ease 1s 1 backgroundFade forwards; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* line 211, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.fade-out {
  animation: .3s ease 0s 1 fadeOut forwards; }

/* line 216, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.delay-1 {
  animation-delay: .75s; }

/* line 220, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.delay-2 {
  animation-delay: 1s; }

/* line 224, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.delay-3 {
  animation-delay: 1.25s; }

/* line 228, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.delay-4 {
  animation-delay: 1.5s; }

/* line 232, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.delay-5 {
  animation-delay: 1.75s; }

/* line 239, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.inlinelink {
  color: #252525;
  text-decoration: none;
  transition: .4s all ease;
  position: relative; }

/* line 246, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.inlinelink:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  transition: width 0s ease, background .5s ease; }

/* line 257, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.inlinelink:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background: #252525;
  transition: width .5s ease; }

/* line 269, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.inlinelink:hover:before {
  width: 100%;
  background: #252525;
  transition: width .5s ease; }

/* line 275, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.inlinelink:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease; }

/* line 281, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.inlinelink-thick {
  color: #252525;
  text-decoration: none;
  transition: .4s all ease;
  position: relative; }

/* line 288, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.inlinelink-thick:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  transition: width 0s ease, background .5s ease; }

/* line 299, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.inlinelink-thick:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #252525;
  transition: width .5s ease; }

/* line 311, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.inlinelink-thick:hover:before {
  width: 100%;
  background: #252525;
  transition: width .5s ease; }

/* line 317, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.inlinelink-thick:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease; }

/* line 326, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.padding-xs-mob {
  height: 16px; }

/* line 330, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.padding-s-mob {
  height: 28px; }

/* line 334, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.padding-m-mob {
  height: 48px; }

/* line 338, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.di-color {
  border-color: #006AC3 !important;
  background: #006AC3; }

/* line 343, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.vvd-color {
  border-color: #5ECCF1 !important;
  background: #5ECCF1; }

/* line 348, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.iar-color {
  border-color: #D9BE61 !important;
  background: #D9BE61; }

/* line 353, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.nf-color {
  border-color: #C88EE3 !important;
  background: #C88EE3; }

/* line 358, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.swf-color {
  border-color: #B21313 !important;
  background: #B21313; }

/* line 363, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.mds-color {
  border-color: #9747FF !important;
  background: #9747FF; }

/* line 368, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
button {
  border: none;
  background: none;
  padding: 0;
  margin: 0; }

/* line 375, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
.comic-sans {
  font-family: ComicSans !important; }

@media (min-width: 1200px) {
  /* line 392, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ::selection {
    background: #DDD;
    /* WebKit/Blink Browsers */ }
  /* line 397, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ::-moz-selection {
    background: #DDD;
    /* Gecko Browsers */ }
  /* line 402, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  html {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    cursor: url(images/cursors/cursor-main.cur), auto; }
  /* line 409, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  body {
    margin: 0;
    height: 100vh;
    background: #FFF;
    line-height: normal;
    font-family: "Inter";
    font-weight: 300;
    font-size: 1em;
    color: #777777;
    -webkit-font-smoothing: antialiased;
    cursor: url(images/cursors/cursor-main.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-main_2x.png) 2x, url(images/cursors/cursor-main_3x.png) 3x, url(images/cursors/cursor-main_4x.png) 4x), auto; }
  /* line 425, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #body-home {
    background-image: url(images/home-hero.webp);
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat; }
  /* line 432, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-di,
  #body-di {
    cursor: url(images/cursors/cursor-di.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-di_2x.png) 2x, url(images/cursors/cursor-di_3x.png) 3x, url(images/cursors/cursor-di_4x.png) 4x), auto; }
  /* line 440, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-vvd,
  #body-vvd {
    cursor: url(images/cursors/cursor-vvd.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-vvd_2x.png) 2x, url(images/cursors/cursor-vvd_3x.png) 3x, url(images/cursors/cursor-vvd_4x.png) 4x), auto; }
  /* line 448, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-iar,
  #body-iar {
    cursor: url(images/cursors/cursor-iar.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-iar_2x.png) 2x, url(images/cursors/cursor-iar_3x.png) 3x, url(images/cursors/cursor-iar_4x.png) 4x), auto; }
  /* line 456, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-nf,
  #body-nf {
    cursor: url(images/cursors/cursor-nf.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-nf_2x.png) 2x, url(images/cursors/cursor-nf_3x.png) 3x, url(images/cursors/cursor-nf_4x.png) 4x), auto; }
  /* line 464, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-swf,
  #body-swf {
    cursor: url(images/cursors/cursor-swf.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-swf_2x.png) 2x, url(images/cursors/cursor-swf_3x.png) 3x, url(images/cursors/cursor-swf_4x.png) 4x), auto; }
  /* line 472, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-mds,
  #body-mds {
    cursor: url(images/cursors/cursor-mds.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-mds_2x.png) 2x, url(images/cursors/cursor-mds_3x.png) 3x, url(images/cursors/cursor-mds_4x.png) 4x), auto; }
  /* line 480, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-art,
  #body-art {
    cursor: url(images/cursors/cursor-art.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-art_2x.png) 2x, url(images/cursors/cursor-art_3x.png) 3x, url(images/cursors/cursor-art_4x.png) 4x), auto; }
  /* line 489, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-threedee,
  #body-threedee {
    cursor: url(images/cursors/cursor-threedee.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-threedee_2x.png) 2x, url(images/cursors/cursor-threedee_3x.png) 3x, url(images/cursors/cursor-threedee_4x.png) 4x), auto; }
  /* line 497, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  img {
    max-height: 100%;
    max-width: 100%; }
  /* line 502, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .img-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  /* line 508, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  a {
    text-decoration: none !important;
    color: #252525 !important; }
  /* line 513, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  a:-webkit-any-link {
    color: #252525 !important; }
  /* line 519, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr100 {
    height: 2px;
    width: 100%;
    background-color: #C4C4C4;
    margin: 0 0 20px 0; }
  /* line 526, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr50 {
    height: 2px;
    width: 50%;
    background-color: #C4C4C4;
    margin: 32px 0 32px 25%; }
  /* line 533, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr20-left {
    height: 2px;
    width: 20%;
    background-color: #C4C4C4;
    margin: 32px 0 32px 0;
    position: relative;
    float: left; }
  /* line 542, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #title-hey {
    display: inline-block; }
  /* line 546, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hover-box {
    padding: 6px 10px;
    margin: 36px 8px;
    background: white;
    border-radius: 8px;
    position: fixed;
    top: 0;
    visibility: hidden;
    border: 1px solid #C1C1C1;
    max-width: 320px; }
  /* line 558, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #froggie {
    width: 24px;
    height: 24px;
    margin: 10px;
    padding: 6px; }
  /* line 567, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #FFF;
    z-index: 1111; }
  /* line 575, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .status {
    width: 32px;
    height: 32px;
    position: fixed;
    left: 50%;
    top: 50%;
    background-image: url(images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: -1.5vw 0 0 -1.5vw; }
  /* line 588, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #preloader-artwork {
    background-image: url(images/preloader-hand-drawn.gif); }
  /* line 594, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  nav {
    width: calc(100vw - 56px);
    padding: 28px;
    position: fixed;
    color: #252525;
    transition: .5s all ease;
    z-index: 4;
    font-size: 1rem;
    background-color: #FFFFFF; }
  /* line 605, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #homenav {
    background-color: transparent; }
  /* line 609, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .name {
    position: relative;
    float: left;
    margin: 0 28px 0 0;
    font-weight: 900;
    font-size: 1rem; }
  /* line 617, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ul {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    list-style-type: none; }
  /* line 625, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  li {
    margin: 0 0 0 8px;
    display: inline-block; }
  /* line 630, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .nav li {
    font-size: 1rem; }
  /* line 634, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #theburg {
    display: none; }
  /* line 638, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #opennav {
    display: none; }
  /* line 644, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h1 {
    font-weight: 900;
    font-size: 2.4rem;
    color: #252525;
    padding: 0;
    margin: 20px 0 12px 0; }
  /* line 650, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h2 {
    font-weight: 900;
    font-size: 1.8rem;
    color: #252525;
    padding: 0;
    margin: 16px 0 4px 0; }
  /* line 656, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h3 {
    font-weight: 900;
    font-size: 1.4rem;
    color: #444444;
    padding: 0;
    margin: 12px 0 8px 0; }
  /* line 662, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h4 {
    font-weight: 900;
    font-size: 1.2rem;
    color: #444444;
    padding: 0;
    margin: 12px 0 8px 0; }
  /* line 668, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pheader-full-center {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 20px 0 20px 0;
    margin: 0; }
  /* line 677, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pheader-full-left {
    float: left;
    position: relative;
    width: calc(100% - (140px * 2));
    text-align: left;
    padding: 20px 140px 20px 140px;
    margin: 0; }
  /* line 686, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pheader-half {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 20px 0 20px 0;
    margin: 0; }
  /* line 695, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .subheader {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 0 0 8px 0;
    margin: 0; }
  /* line 704, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  p {
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    padding: 0;
    margin: 0; }
  /* line 710, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .p-wide-center {
    float: left;
    position: relative;
    width: 100%;
    margin: 0; }
  /* line 717, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .p-full-center {
    float: left;
    position: relative;
    width: calc(100% - (140px * 2));
    padding: 0 140px 0 140px;
    margin: 0; }
  /* line 725, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .p-half {
    width: 100%;
    float: left; }
  /* line 730, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .data {
    font-size: 3.4rem;
    color: #006AC3;
    font-weight: 800;
    text-align: center; }
  /* line 738, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-xs {
    float: left;
    height: 20px;
    width: 100%; }
  /* line 744, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-s {
    float: left;
    height: 40px;
    width: 100%; }
  /* line 750, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-m {
    float: left;
    height: 60px;
    width: 100%; }
  /* line 758, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-wide {
    width: 100%;
    float: left; }
  /* line 763, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-full {
    float: left;
    position: relative;
    width: calc(100% - (140px * 2));
    padding: 0 140px 0 140px;
    margin: 0; }
  /* line 771, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-left {
    width: 50%;
    float: left;
    margin: 0 -48px 0 48px; }
  /* line 777, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-right {
    width: 50%;
    float: right; }
  /* line 782, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .vvd-image {
    height: 60px;
    padding-bottom: 12px; }
  /* line 787, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #lightbox {
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    background-color: RGB(255, 255, 255, 0.8);
    z-index: 100;
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    padding: 20px;
    display: none;
    opacity: 0;
    transition: .2s all ease; }
  /* line 804, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    width: 400px; }
  /* line 812, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nav-spacer {
    display: none; }
  /* line 816, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-container {
    float: left;
    width: 100%; }
  /* line 821, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-number {
    display: none; }
  /* line 825, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-title {
    float: left;
    width: 100%;
    transition: .5s all ease; }
  /* line 831, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-title:hover {
    margin-left: 40px; }
  /* line 835, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-sub {
    display: none; }
  /* line 839, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .display-desktop {
    display: block; }
  /* line 843, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-intro {
    padding-bottom: 32px; }
  /* line 847, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .home-rule {
    float: left;
    width: 16%;
    border: 0.5px #C4C4C4 solid;
    margin-top: 16px; }
  /* line 854, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-image {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 1s all ease;
    opacity: 0; }
  /* line 868, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #di-image {
    background-image: url(images/di-hero.webp); }
  /* line 872, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #vvd-image {
    background-image: url(images/vvd-hero.webp); }
  /* line 876, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #iar-image {
    background-image: url(images/iar-hero.webp); }
  /* line 880, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nf-image {
    background-image: url(images/nf-hero.webp); }
  /* line 884, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #swf-image {
    background-image: url(images/swf-hero.webp); }
  /* line 888, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #mds-image {
    background-image: url(images/mds-hero.webp); }
  /* line 892, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .footer {
    display: none; }
  /* line 898, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-hero {
    position: relative;
    margin: 0 auto;
    padding-top: 76px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 960px;
    height: 70vh;
    max-height: 470px; }
  /* line 911, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #di-hero {
    background-image: url(images/di-cs-hero.webp); }
  /* line 915, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #vvd-hero {
    background-image: url(images/vvd-cs-hero.webp); }
  /* line 919, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #iar-hero {
    background-image: url(images/iar-cs-hero.webp); }
  /* line 923, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nf-hero {
    background-image: url(images/nf-cs-hero.webp); }
  /* line 927, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #swf-hero {
    background-image: url(images/swf-cs-hero.webp); }
  /* line 931, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #mds-hero {
    background-image: url(images/mds-cs-hero.webp); }
  /* line 935, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-container {
    position: relative;
    margin: 0 auto;
    max-width: 960px;
    width: calc(100vw - 240px);
    overflow-x: hidden; }
  /* line 943, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .title-box {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px; }
  /* line 952, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-title {
    float: left; }
  /* line 956, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-date {
    float: right;
    margin: 12px 0; }
  /* line 961, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .section-heading {
    float: left;
    margin: 0 0 0 140px;
    font-style: italic; }
  /* line 967, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-rule {
    margin: 60px 0 60px 0;
    color: #C4C4C4;
    width: 100%;
    float: left;
    border: 0.5px #C4C4C4 solid; }
  /* line 975, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .color-rule {
    margin: 40px 0 40px 0;
    width: 160px;
    position: relative;
    float: left;
    border: 4px solid;
    left: calc(50% - 80px); }
  /* line 1001, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .highlight-card {
    float: left;
    width: calc(100% - (140px * 2));
    margin: 0 100px 0 100px;
    padding: 40px;
    border: 2px #F1F1F1 solid;
    border-radius: 20px;
    box-shadow: 0 4px 10px #CFCFCF; }
  /* line 1011, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point {
    float: left;
    width: calc(100% - (140px * 2) - 24px);
    padding: 12px;
    border-radius: 12px;
    border: none;
    margin: 0 140px;
    box-shadow: none;
    background-color: #FFEEE7; }
  /* line 1022, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point-icon {
    position: relative;
    float: left; }
  /* line 1027, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point-text {
    float: left;
    position: relative;
    width: calc(100% - 36px);
    margin: 0 0 0 12px; }
  /* line 1034, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-project {
    float: right;
    width: 300px; }
  /* line 1039, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-image {
    width: 100px;
    height: 100px;
    position: absolute;
    max-height: none; }
  /* line 1046, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-sublabel {
    text-align: right;
    margin: 28px 12px 0 0;
    width: 188px; }
  /* line 1052, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-label {
    text-align: right;
    width: 188px;
    margin-right: 12px; }
  /* line 1058, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-separator {
    margin-bottom: 20px;
    border: 0.5px #f1f1f1 solid; }
  /* line 1063, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-left {
    float: left;
    position: relative;
    width: 50%; }
  /* line 1069, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-full {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between; }
  /* line 1077, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-third {
    float: left;
    position: relative;
    width: 30%; }
  /* line 1083, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-two-third {
    float: left;
    position: relative;
    width: 60%; }
  /* line 1089, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-quarter {
    float: left;
    position: relative;
    width: 22%; }
  /* line 1095, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-seventh {
    float: left;
    position: relative;
    width: 11.7%; }
  /* line 1101, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-v-align {
    float: left;
    display: flex;
    align-items: center; }
  /* line 1107, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .wrap {
    flex-wrap: wrap;
    gap: 32px;
    justify-content: flex-start; }
  @keyframes scroll {
    0% {
      transform: translateX(0); }
    100% {
      transform: translateX(calc(-200px * 7)); } }
  /* line 1123, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .iar-slider {
    background: white;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%; }
    /* line 1130, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::before, .iar-slider::after {
      background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
      content: "";
      width: 200px;
      height: 100%;
      position: absolute;
      z-index: 2; }
    /* line 1140, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::after {
      right: 0;
      top: 0;
      transform: rotateZ(180deg); }
    /* line 1146, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::before {
      left: 0;
      top: 0; }
    /* line 1151, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider .iar-slide-inner {
      animation: scroll 40s linear infinite;
      display: flex;
      width: calc(200px * 14); }
    /* line 1157, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider .iar-screen {
      width: 200px; }
  /* line 1162, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .progress-container {
    position: fixed;
    margin-top: 75px;
    width: 100%;
    height: 6px;
    background: #FFF;
    z-index: 1; }
  /* The progress bar (scroll indicator) */
  /* line 1172, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .progress-bar {
    height: 6px;
    width: 0%; }
  /* line 1179, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .holded-role {
    width: 47%;
    margin: 0 3% 0 0;
    float: left; }
  /* line 1185, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .reviews {
    float: left;
    position: relative;
    width: 100%;
    height: 1000px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    grid-row-gap: 20px;
    column-gap: normal;
    justify-content: center;
    align-content: space-around;
    align-items: center; }
  /* line 1200, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .review-container {
    float: left;
    position: relative;
    width: 30%; }
  /* line 1208, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #sticky-wrapper {
    position: sticky;
    top: 0;
    z-index: 4;
    background-color: #FFF; }
  /* line 1215, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #stupid-swf-nav {
    position: relative;
    height: 19.5px; }
  /* line 1220, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #stupid-swf-bar {
    position: relative;
    margin: 0; }
  /* line 1226, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #swf-cs-container {
    width: 960px;
    overflow-x: visible; }
  /* line 1231, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-container {
    display: none; }
  /* line 1235, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .characters {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 20px;
    column-gap: 20px;
    justify-content: center;
    align-content: space-around;
    align-items: center; }
  /* line 1248, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .character-container {
    float: left;
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    overflow: hidden; }
  /* line 1257, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel {
    position: relative;
    margin: 0 auto;
    max-width: 960px;
    width: calc(100vw - 240px);
    overflow-x: hidden; }
  /* line 1265, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel-rail {
    width: 300%;
    position: relative;
    display: flex;
    transition: .5s all ease;
    right: 0; }
  /* line 1280, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel-button {
    position: absolute;
    border-radius: 100px;
    background-color: #AAA;
    padding: 8px;
    width: 40px;
    height: 40px; }
  /* line 1289, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cb-left {
    top: 50%;
    left: 6%;
    transform: translateX(-50%) translateY(-50%);
    display: none; }
  /* line 1296, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cb-right {
    top: 50%;
    right: 6%;
    transform: translateX(50%) translateY(-50%); }
  /* line 1302, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-button {
    position: absolute;
    width: 52px;
    height: 85px;
    margin-left: -241px;
    margin-top: 288px;
    transform: translateX(-50%) translateY(-50%);
    background-color: #FFF;
    opacity: 0;
    border-radius: 10000px;
    transition: .4s all ease; }
  /* line 1315, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-button:hover {
    transition: .4s all ease;
    background-color: #FFF;
    opacity: 0.6;
    box-shadow: 0px 0px 2px 2px #FFF; }
  /* line 1322, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #tv-overlay {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 10000px solid #000;
    transition: .3s all ease; }
  /* line 1335, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-broken {
    display: none;
    width: calc(100vw - 320px);
    padding: 0 1000px;
    max-width: 960px;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    vertical-align: middle;
    background-color: #FFF; }
  /* line 1350, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #broken-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  /* line 1357, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #broken-button {
    position: absolute;
    width: 52px;
    height: 85px;
    margin-left: -241px;
    margin-top: 288px;
    transform: translateX(-50%) translateY(-50%);
    background-color: #FFF;
    opacity: 0;
    border-radius: 10000px;
    transition: .4s all ease; }
  /* line 1372, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 200px;
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    border: 1px solid #C4C4C4;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #FAFAFA;
    box-shadow: 0 4px 10px #D4D4D4;
    display: flex;
    align-items: center; }
  /* line 1389, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password:focus-within {
    border-color: #666; }
  /* line 1393, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password-input {
    background-color: #FAFAFA;
    border: none;
    outline: none;
    flex-grow: 10; }
  /* line 1400, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password-input:focus {
    text-decoration: none;
    border: none; }
  /* line 1405, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .password-submit {
    background-color: #C4C4C4;
    transition: .4s all ease;
    border: none;
    margin: 0;
    padding: 0;
    height: 20px;
    border-radius: 10px;
    flex-shrink: 0; }
  /* line 1416, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password:valid button {
    background-color: #666; }
  /* line 1420, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .button {
    border: none;
    cursor: pointer; }
  /* line 1425, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #input-error {
    position: absolute;
    left: 50%;
    top: 62%;
    transform: translateX(-50%);
    width: 300px;
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    text-align: center;
    opacity: 0; }
  /* line 1436, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .overlay {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: #FFFFFF;
    z-index: 10;
    transition: .5s all ease;
    opacity: 0;
    visibility: hidden;
    top: 0; }
  /* line 1448, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .dismiss {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 20px; }
  /* line 1457, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-about {
    top: 50%;
    width: 500px; }
  /* line 1462, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #about-bg {
    background-image: url(images/about-image.webp);
    opacity: 1; }
  /* line 1467, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #icons {
    float: left;
    margin: 20px 0 0 0; }
  /* line 1472, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0; }
  /* line 1478, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon .icon-hover {
    opacity: 0;
    background-color: #FFFFFF;
    color: #444444;
    text-align: center;
    padding: 6px 8px;
    border-radius: 8px;
    box-shadow: 0px 2px 6px #DDD;
    width: 200px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    top: -6px;
    left: 105%;
    /* Use half of the width (120/2 = 60), to center the tooltip */
    transition: .2s all ease;
    font-weight: 700; }
  /* line 1497, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon:hover .icon-hover {
    opacity: 1; }
  /* line 1504, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #konamiframe {
    width: 275px;
    height: 175px;
    position: fixed;
    bottom: 0;
    right: -300px;
    z-index: 9999;
    transition: 1s all ease; }
  /* line 1514, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #hey {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translateX(-50%) translateY(-50%);
    width: 120px;
    display: none; }
  /* line 1523, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #koname {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 160px;
    height: 160px;
    z-index: 10000;
    background-image: url(images/mepic1nbg.png);
    background-size: contain;
    background-repeat: no-repeat; } }

@media (min-width: 901px) and (max-width: 1199px) {
  /* line 1549, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ::selection {
    background: #DDD;
    /* WebKit/Blink Browsers */ }
  /* line 1554, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ::-moz-selection {
    background: #DDD;
    /* Gecko Browsers */ }
  /* line 1559, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  html {
    padding: 0;
    margin: 0;
    overflow-x: hidden; }
  /* line 1565, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  body {
    margin: 0;
    height: 100vh;
    background: #FFF;
    line-height: normal;
    font-family: "Inter";
    font-weight: 300;
    font-size: 1em;
    color: #777777;
    -webkit-font-smoothing: antialiased;
    cursor: url(images/cursors/cursor-main.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-main_2x.png) 2x, url(images/cursors/cursor-main_3x.png) 3x, url(images/cursors/cursor-main_4x.png) 4x), auto; }
  /* line 1581, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #body-home {
    background-image: url(images/home-hero.webp);
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat; }
  /* line 1588, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-di,
  #body-di {
    cursor: url(images/cursors/cursor-di.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-di_2x.png) 2x, url(images/cursors/cursor-di_3x.png) 3x, url(images/cursors/cursor-di_4x.png) 4x), auto; }
  /* line 1596, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-vvd,
  #body-vvd {
    cursor: url(images/cursors/cursor-vvd.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-vvd_2x.png) 2x, url(images/cursors/cursor-vvd_3x.png) 3x, url(images/cursors/cursor-vvd_4x.png) 4x), auto; }
  /* line 1604, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-iar,
  #body-iar {
    cursor: url(images/cursors/cursor-iar.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-iar_2x.png) 2x, url(images/cursors/cursor-iar_3x.png) 3x, url(images/cursors/cursor-iar_4x.png) 4x), auto; }
  /* line 1612, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-nf,
  #body-nf {
    cursor: url(images/cursors/cursor-nf.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-nf_2x.png) 2x, url(images/cursors/cursor-nf_3x.png) 3x, url(images/cursors/cursor-nf_4x.png) 4x), auto; }
  /* line 1620, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-swf,
  #body-swf {
    cursor: url(images/cursors/cursor-swf.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-swf_2x.png) 2x, url(images/cursors/cursor-swf_3x.png) 3x, url(images/cursors/cursor-swf_4x.png) 4x), auto; }
  /* line 1628, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-mds,
  #body-mds {
    cursor: url(images/cursors/cursor-mds.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-mds_2x.png) 2x, url(images/cursors/cursor-mds_3x.png) 3x, url(images/cursors/cursor-mds_4x.png) 4x), auto; }
  /* line 1636, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-art,
  #body-art {
    cursor: url(images/cursors/cursor-art.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-art_2x.png) 2x, url(images/cursors/cursor-art_3x.png) 3x, url(images/cursors/cursor-art_4x.png) 4x), auto; }
  /* line 1645, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-threedee,
  #body-threedee {
    cursor: url(images/cursors/cursor-threedee.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-threedee_2x.png) 2x, url(images/cursors/cursor-threedee_3x.png) 3x, url(images/cursors/cursor-threedee_4x.png) 4x), auto; }
  /* line 1653, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  img {
    max-height: 100%;
    max-width: 100%; }
  /* line 1658, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .img-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  /* line 1664, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  a {
    text-decoration: none !important;
    color: #252525 !important; }
  /* line 1669, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  a:-webkit-any-link {
    color: #252525 !important; }
  /* line 1674, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #FFF;
    z-index: 1111; }
  /* line 1682, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .status {
    width: 3vw;
    height: 3vw;
    position: fixed;
    left: 50%;
    top: 50%;
    background-image: url(images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: -1.5vw 0 0 -1.5vw; }
  /* line 1695, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #preloader-artwork {
    background-image: url(images/preloader-hand-drawn.gif); }
  /* line 1701, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr100 {
    height: 2px;
    width: 100%;
    background-color: #C4C4C4;
    margin: 0 0 20px 0; }
  /* line 1708, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr50 {
    height: 2px;
    width: 50%;
    background-color: #C4C4C4;
    margin: 32px 0 32px 25%; }
  /* line 1715, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr20 {
    height: 2px;
    width: 20%;
    background-color: #C4C4C4;
    margin: 32px 0 32px 40%; }
  /* line 1722, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #title-hey {
    display: inline-block; }
  /* line 1726, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hover-box {
    padding: 6px 10px;
    margin: 10px;
    background: white;
    border-radius: 8px;
    position: fixed;
    visibility: hidden;
    border: 1px solid #C1C1C1; }
  /* line 1736, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #froggie {
    width: 24px;
    height: 24px;
    margin: 10px;
    padding: 6px; }
  /* line 1745, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  nav {
    width: calc(100vw - 56px);
    padding: 28px;
    position: fixed;
    color: #252525;
    transition: .5s all ease;
    z-index: 4;
    font-size: 1rem;
    background-color: #FFFFFF; }
  /* line 1756, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #homenav {
    background-color: transparent; }
  /* line 1760, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .name {
    position: relative;
    float: left;
    margin: 0 28px 0 0;
    font-weight: 900;
    font-size: 1rem; }
  /* line 1768, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ul {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    list-style-type: none; }
  /* line 1776, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  li {
    margin: 0 0 0 8px;
    display: inline-block; }
  /* line 1781, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #theburg {
    display: none; }
  /* line 1785, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #opennav {
    display: none; }
  /* line 1791, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h1 {
    font-weight: 900;
    font-size: 2.4rem;
    color: #252525;
    padding: 0;
    margin: 20px 0 12px 0; }
  /* line 1797, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h2 {
    font-weight: 900;
    font-size: 1.8rem;
    color: #252525;
    padding: 0;
    margin: 16px 0 4px 0; }
  /* line 1803, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h3 {
    font-weight: 900;
    font-size: 1.4rem;
    color: #444444;
    padding: 0;
    margin: 12px 0 8px 0; }
  /* line 1809, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h4 {
    font-weight: 900;
    font-size: 1.2rem;
    color: #444444;
    padding: 0;
    margin: 12px 0 8px 0; }
  /* line 1815, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pheader-full-center {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 20px 0 20px 0;
    margin: 0; }
  /* line 1824, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pheader-full-left {
    float: left;
    position: relative;
    width: calc(100% - (60px * 2));
    text-align: left;
    padding: 20px 60px 20px 60px;
    margin: 0; }
  /* line 1833, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pheader-half-left {
    float: left;
    position: relative;
    width: 50%;
    text-align: left;
    padding: 20px 0 20px 0;
    margin: 0; }
  /* line 1842, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .subheader {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 0 0 8px 0;
    margin: 0; }
  /* line 1851, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  p {
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    padding: 0;
    margin: 12px 0 8px 0; }
  /* line 1857, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .p-wide-center {
    float: left;
    position: relative;
    width: 100%;
    margin: 0; }
  /* line 1864, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .p-full-center {
    float: left;
    position: relative;
    width: calc(100% - (60px * 2));
    padding: 0 60px 0 60px;
    margin: 0; }
  /* line 1872, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .p-half {
    width: 100%;
    float: left; }
  /* line 1877, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .data {
    font-size: 3.4rem;
    color: #006AC3;
    font-weight: 800;
    text-align: center; }
  /* line 1885, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-xs {
    float: left;
    height: 20px;
    width: 100%; }
  /* line 1891, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-s {
    float: left;
    height: 40px;
    width: 100%; }
  /* line 1897, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-m {
    float: left;
    height: 60px;
    width: 100%; }
  /* line 1905, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-wide {
    width: 100%;
    float: left; }
  /* line 1910, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-full {
    float: left;
    position: relative;
    width: calc(100% - (60px * 2));
    padding: 0 60px 0 60px;
    margin: 0; }
  /* line 1918, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-left {
    width: 50%;
    float: left;
    margin: 0 -48px 0 48px; }
  /* line 1924, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-right {
    width: 50%;
    float: right; }
  /* line 1929, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .vvd-image {
    height: 60px;
    padding-bottom: 12px; }
  /* line 1934, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #lightbox {
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    background-color: RGB(255, 255, 255, 0.8);
    z-index: 100;
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    padding: 20px;
    display: none;
    opacity: 0;
    transition: .2s all ease; }
  /* line 1951, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    width: 400px; }
  /* line 1959, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nav-spacer {
    display: none; }
  /* line 1963, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-container {
    float: left;
    width: 100%; }
  /* line 1968, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-number {
    display: none; }
  /* line 1972, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-title {
    float: left;
    width: 100%;
    transition: .5s all ease; }
  /* line 1978, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-title:hover {
    margin-left: 40px; }
  /* line 1982, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-sub {
    display: none; }
  /* line 1986, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .display-desktop {
    display: block; }
  /* line 1990, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-intro {
    padding-bottom: 32px; }
  /* line 1994, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .home-rule {
    float: left;
    width: 16%;
    border: 0.5px #C4C4C4 solid; }
  /* line 2000, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-image {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    transition: .8s all ease;
    opacity: 0; }
  /* line 2014, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #di-image {
    background-image: url(images/di-hero.webp); }
  /* line 2018, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #vvd-image {
    background-image: url(images/vvd-hero.webp); }
  /* line 2022, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #iar-image {
    background-image: url(images/iar-hero.webp); }
  /* line 2026, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nf-image {
    background-image: url(images/nf-hero.webp); }
  /* line 2030, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #swf-image {
    background-image: url(images/swf-hero.webp); }
  /* line 2034, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #mds-image {
    background-image: url(images/mds-hero.webp); }
  /* line 2038, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .footer {
    display: none; }
  /* line 2044, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-hero {
    position: relative;
    float: left;
    margin-top: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 70vh; }
  /* line 2055, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #di-hero {
    background-image: url(images/di-cs-hero.webp); }
  /* line 2059, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #vvd-hero {
    background-image: url(images/vvd-cs-hero.webp); }
  /* line 2063, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #iar-hero {
    background-image: url(images/iar-cs-hero.webp); }
  /* line 2067, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nf-hero {
    background-image: url(images/nf-cs-hero.webp); }
  /* line 2071, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #swf-hero {
    background-image: url(images/swf-cs-hero.webp); }
  /* line 2075, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #mds-hero {
    background-image: url(images/mds-cs-hero.webp); }
  /* line 2079, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-container {
    position: relative;
    float: left;
    margin: 0 0 0 120px;
    width: calc(100vw - 240px);
    overflow-x: hidden; }
  /* line 2087, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .title-box {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
  /* line 2095, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-title {
    float: left; }
  /* line 2099, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-date {
    float: right;
    margin: 12px 0; }
  /* line 2104, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .section-heading {
    float: left;
    margin: 0 0 0 60px;
    font-style: italic; }
  /* line 2110, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-rule {
    margin: 60px 0 60px 0;
    color: #C4C4C4;
    width: 100%;
    float: left;
    border: 0.5px #C4C4C4 solid; }
  /* line 2118, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .color-rule {
    margin: 40px 0 40px 0;
    width: 160px;
    position: relative;
    float: left;
    border: 4px solid;
    left: calc(50% - 80px); }
  /* line 2145, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .highlight-card {
    float: left;
    width: calc(100% - ($leftpaddingmed * 2));
    margin: 0 20px 0 20px;
    padding: 40px;
    border: 2px #F1F1F1 solid;
    border-radius: 20px;
    box-shadow: 0 4px 10px #CFCFCF; }
  /* line 2155, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point {
    float: left;
    width: calc(100% - (60px * 2) - 24px);
    padding: 12px;
    border-radius: 12px;
    border: none;
    margin: 0 60px;
    box-shadow: none;
    background-color: #FFEEE7; }
  /* line 2166, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point-icon {
    position: relative;
    float: left; }
  /* line 2171, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point-text {
    float: left;
    position: relative;
    width: calc(100% - 36px);
    margin: 0 0 0 12px; }
  /* line 2178, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-project {
    float: right;
    width: 300px; }
  /* line 2183, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-image {
    width: 100px;
    height: 100px;
    position: absolute; }
  /* line 2189, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-sublabel {
    text-align: right;
    margin: 28px 12px 0 0;
    width: 188px; }
  /* line 2195, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-label {
    text-align: right;
    width: 188px;
    margin-right: 12px; }
  /* line 2201, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-separator {
    margin-bottom: 20px;
    border: 0.5px #f1f1f1 solid; }
  /* line 2206, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-left {
    float: left;
    position: relative;
    width: 50%; }
  /* line 2212, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-full {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between; }
  /* line 2220, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-third {
    float: left;
    position: relative;
    width: 30%; }
  /* line 2226, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-two-third {
    float: left;
    position: relative;
    width: 60%; }
  /* line 2232, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-quarter {
    float: left;
    position: relative;
    width: 22%; }
  /* line 2238, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-seventh {
    float: left;
    position: relative;
    width: 11.7%; }
  /* line 2244, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-v-align {
    float: left;
    display: flex;
    align-items: center; }
  /* line 2250, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .wrap {
    flex-wrap: wrap;
    gap: 28px;
    justify-content: flex-start; }
  @keyframes scroll {
    0% {
      transform: translateX(0); }
    100% {
      transform: translateX(calc(-200px * 7)); } }
  /* line 2266, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .iar-slider {
    background: white;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%; }
    /* line 2273, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::before, .iar-slider::after {
      background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
      content: "";
      width: 200px;
      height: 100%;
      position: absolute;
      z-index: 2; }
    /* line 2283, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::after {
      right: 0;
      top: 0;
      transform: rotateZ(180deg); }
    /* line 2289, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::before {
      left: 0;
      top: 0; }
    /* line 2294, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider .iar-slide-inner {
      animation: scroll 40s linear infinite;
      display: flex;
      width: calc(200px * 14); }
    /* line 2300, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider .iar-screen {
      width: 200px; }
  /* line 2305, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .progress-container {
    position: fixed;
    margin-top: 75px;
    width: 100%;
    height: 6px;
    background: #FFF;
    z-index: 1; }
  /* The progress bar (scroll indicator) */
  /* line 2315, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .progress-bar {
    height: 6px;
    width: 0%; }
  /* line 2322, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .holded-role {
    width: 47%;
    margin: 0 3% 0 0;
    float: left; }
  /* line 2328, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .reviews {
    float: left;
    position: relative;
    width: 100%;
    height: 83vw;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    grid-row-gap: 20px;
    column-gap: normal;
    justify-content: center;
    align-content: space-around;
    align-items: center; }
  /* line 2343, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .review-container {
    float: left;
    position: relative;
    width: 30%; }
  /* line 2350, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #swf-cs-container {
    overflow-x: visible; }
  /* line 2354, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-container {
    display: none; }
  /* line 2358, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .characters {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 20px;
    column-gap: 20px;
    justify-content: center;
    align-content: space-around;
    align-items: center; }
  /* line 2371, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .character-container {
    float: left;
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    overflow: hidden; }
  /* line 2380, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel {
    position: relative;
    margin: 0 auto;
    max-width: 960px;
    width: calc(100vw - 240px);
    overflow-x: hidden; }
  /* line 2388, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel-rail {
    width: 300%;
    position: relative;
    display: flex;
    transition: .5s all ease;
    right: 0; }
  /* line 2403, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel-button {
    position: absolute;
    border-radius: 100px;
    background-color: #AAA;
    padding: 8px;
    width: 32px;
    height: 32px; }
  /* line 2412, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cb-left {
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    display: none; }
  /* line 2419, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cb-right {
    top: 50%;
    right: 0%;
    transform: translateY(-50%); }
  /* line 2425, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-button {
    position: absolute;
    width: 4.1vw;
    height: 7vw;
    margin-left: -25.1%;
    margin-top: 30.1%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #FFF;
    opacity: 0;
    border-radius: 100px;
    transition: .4s all ease; }
  /* line 2438, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-button:hover {
    transition: .4s all ease;
    background-color: #FFF;
    opacity: 0.6;
    box-shadow: 0px 0px 2px 2px #FFF; }
  /* line 2445, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #tv-overlay {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 10000px solid #000;
    transition: .3s all ease; }
  /* line 2458, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-broken {
    display: none;
    width: calc(100vw - 240px);
    padding: 0 1000px;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    vertical-align: middle;
    background-color: #FFF; }
  /* line 2472, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #broken-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  /* line 2479, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #broken-button {
    position: absolute;
    width: 4.1vw;
    height: 7vw;
    margin-left: -25.1%;
    margin-top: 30.1%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #FFF;
    opacity: 0;
    border-radius: 100px;
    transition: .4s all ease; }
  /* line 2494, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 200px;
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    border: 1px solid #C4C4C4;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #FAFAFA;
    box-shadow: 0 4px 10px #D4D4D4;
    display: flex;
    align-items: center; }
  /* line 2511, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password:focus-within {
    border-color: #666; }
  /* line 2515, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password-input {
    background-color: #FAFAFA;
    border: none;
    outline: none;
    flex-grow: 10; }
  /* line 2522, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password-input:focus {
    text-decoration: none;
    border: none; }
  /* line 2527, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .password-submit {
    background-color: #C4C4C4;
    transition: .4s all ease;
    border: none;
    margin: 0;
    padding: 0;
    height: 20px;
    border-radius: 10px;
    flex-shrink: 0; }
  /* line 2538, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password:valid button {
    background-color: #666; }
  /* line 2542, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .button {
    border: none;
    cursor: pointer; }
  /* line 2547, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #input-error {
    position: absolute;
    left: 50%;
    top: 62%;
    transform: translateX(-50%);
    width: 300px;
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    text-align: center;
    opacity: 0; }
  /* line 2558, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .overlay {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: #FFFFFF;
    z-index: 10;
    transition: .5s all ease;
    opacity: 0;
    visibility: hidden;
    top: 0; }
  /* line 2570, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .dismiss {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 20px; }
  /* line 2579, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-about {
    top: 50%;
    width: 40vw; }
  /* line 2584, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #about-bg {
    background-image: url(images/about-image.webp);
    opacity: 1; }
  /* line 2589, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #icons {
    float: left;
    margin: 20px 0 0 0; }
  /* line 2594, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0; }
  /* line 2600, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon .icon-hover {
    opacity: 0;
    background-color: #FFFFFF;
    color: #444444;
    text-align: center;
    padding: 6px 8px;
    border-radius: 8px;
    box-shadow: 0px 2px 6px #DDD;
    width: 200px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    top: -6px;
    left: 105%;
    /* Use half of the width (120/2 = 60), to center the tooltip */
    transition: .2s all ease;
    font-weight: 700; }
  /* line 2619, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon:hover .icon-hover {
    opacity: 1; }
  /* line 2625, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #konamiframe {
    width: 275px;
    height: 175px;
    position: fixed;
    bottom: 0;
    right: -300px;
    z-index: 9999;
    transition: 1s all ease; }
  /* line 2635, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #hey {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translateX(-50%) translateY(-50%);
    width: 120px;
    display: none; }
  /* line 2644, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #koname {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 160px;
    height: 160px;
    z-index: 10000;
    background-image: url(images/mepic1nbg.png);
    background-size: contain;
    background-repeat: no-repeat; } }

@media (min-width: 769px) and (max-width: 900px) {
  /* line 2669, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ::selection {
    background: #DDD;
    /* WebKit/Blink Browsers */ }
  /* line 2674, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ::-moz-selection {
    background: #DDD;
    /* Gecko Browsers */ }
  /* line 2679, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  html {
    padding: 0;
    margin: 0;
    overflow-x: hidden; }
  /* line 2685, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  body {
    margin: 0;
    height: 100vh;
    background: #FFF;
    line-height: normal;
    font-family: "Inter";
    font-weight: 300;
    font-size: 1em;
    color: #777777;
    -webkit-font-smoothing: antialiased;
    cursor: url(images/cursors/cursor-main.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-main_2x.png) 2x, url(images/cursors/cursor-main_3x.png) 3x, url(images/cursors/cursor-main_4x.png) 4x), auto; }
  /* line 2701, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #body-home {
    background-image: url(images/home-hero.webp);
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat; }
  /* line 2708, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-di,
  #body-di {
    cursor: url(images/cursors/cursor-di.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-di_2x.png) 2x, url(images/cursors/cursor-di_3x.png) 3x, url(images/cursors/cursor-di_4x.png) 4x), auto; }
  /* line 2716, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-vvd,
  #body-vvd {
    cursor: url(images/cursors/cursor-vvd.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-vvd_2x.png) 2x, url(images/cursors/cursor-vvd_3x.png) 3x, url(images/cursors/cursor-vvd_4x.png) 4x), auto; }
  /* line 2724, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-iar,
  #body-iar {
    cursor: url(images/cursors/cursor-iar.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-iar_2x.png) 2x, url(images/cursors/cursor-iar_3x.png) 3x, url(images/cursors/cursor-iar_4x.png) 4x), auto; }
  /* line 2732, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-nf,
  #body-nf {
    cursor: url(images/cursors/cursor-nf.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-nf_2x.png) 2x, url(images/cursors/cursor-nf_3x.png) 3x, url(images/cursors/cursor-nf_4x.png) 4x), auto; }
  /* line 2740, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-swf,
  #body-swf {
    cursor: url(images/cursors/cursor-swf.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-swf_2x.png) 2x, url(images/cursors/cursor-swf_3x.png) 3x, url(images/cursors/cursor-swf_4x.png) 4x), auto; }
  /* line 2748, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-mds,
  #body-mds {
    cursor: url(images/cursors/cursor-mds.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-mds_2x.png) 2x, url(images/cursors/cursor-mds_3x.png) 3x, url(images/cursors/cursor-mds_4x.png) 4x), auto; }
  /* line 2756, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-art,
  #body-art {
    cursor: url(images/cursors/cursor-art.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-art_2x.png) 2x, url(images/cursors/cursor-art_3x.png) 3x, url(images/cursors/cursor-art_4x.png) 4x), auto; }
  /* line 2765, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #html-threedee,
  #body-threedee {
    cursor: url(images/cursors/cursor-threedee.svg), auto;
    cursor: -webkit-image-set(url(images/cursors/cursor-threedee_2x.png) 2x, url(images/cursors/cursor-threedee_3x.png) 3x, url(images/cursors/cursor-threedee_4x.png) 4x), auto; }
  /* line 2773, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  img {
    max-height: 100%;
    max-width: 100%; }
  /* line 2778, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .img-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  /* line 2784, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  a {
    text-decoration: none !important;
    color: #252525 !important; }
  /* line 2789, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  a:-webkit-any-link {
    color: #252525 !important; }
  /* line 2795, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #FFF;
    z-index: 1111; }
  /* line 2803, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .status {
    width: 3vw;
    height: 3vw;
    position: fixed;
    left: 50%;
    top: 50%;
    background-image: url(images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: -1.5vw 0 0 -1.5vw; }
  /* line 2816, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #preloader-artwork {
    background-image: url(images/preloader-hand-drawn.gif); }
  /* line 2822, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr100 {
    height: 2px;
    width: 100%;
    background-color: #C4C4C4;
    margin: 0 0 20px 0; }
  /* line 2829, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr50 {
    height: 2px;
    width: 50%;
    background-color: #C4C4C4;
    margin: 32px 0 32px 25%; }
  /* line 2836, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr20 {
    height: 2px;
    width: 20%;
    background-color: #C4C4C4;
    margin: 32px 0 32px 40%; }
  /* line 2843, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #title-hey {
    display: inline-block; }
  /* line 2847, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hover-box {
    padding: 6px 10px;
    margin: 10px;
    background: white;
    border-radius: 8px;
    position: fixed;
    visibility: hidden;
    border: 1px solid #C1C1C1; }
  /* line 2857, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #froggie {
    width: 24px;
    height: 24px;
    margin: 10px;
    padding: 6px; }
  /* line 2866, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  nav {
    width: calc(100vw - 40px);
    padding: 28px;
    background-color: #FFF;
    position: fixed;
    color: #252525;
    transition: .5s all ease;
    z-index: 4;
    font-size: 1rem;
    background-color: #FFFFFF; }
  /* line 2878, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .name {
    position: relative;
    float: left;
    margin: 0 28px 0 0;
    font-weight: 900;
    font-size: 1rem; }
  /* line 2886, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ul {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    list-style-type: none; }
  /* line 2894, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  li {
    margin: 0 0 0 8px;
    display: inline-block; }
  /* line 2899, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #theburg {
    display: none; }
  /* line 2903, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #opennav {
    display: none; }
  /* line 2909, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h1 {
    font-weight: 900;
    font-size: 2.4rem;
    color: #252525;
    padding: 0;
    margin: 20px 0 12px 0; }
  /* line 2915, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h2 {
    font-weight: 900;
    font-size: 1.8rem;
    color: #252525;
    padding: 0;
    margin: 16px 0 4px 0; }
  /* line 2921, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h3 {
    font-weight: 900;
    font-size: 1.4rem;
    color: #444444;
    padding: 0;
    margin: 12px 0 8px 0; }
  /* line 2927, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h4 {
    font-weight: 900;
    font-size: 1.2rem;
    color: #444444;
    padding: 0;
    margin: 12px 0 8px 0; }
  /* line 2933, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pheader-full-center {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 20px 0 20px 0;
    margin: 0; }
  /* line 2942, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pheader-full-left {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 20px 0 20px 0;
    margin: 0; }
  /* line 2951, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pheader-half-left {
    float: left;
    position: relative;
    width: 50%;
    text-align: left;
    padding: 20px 0 20px 0;
    margin: 0; }
  /* line 2960, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .subheader {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 0 0 8px 0;
    margin: 0; }
  /* line 2969, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  p {
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    padding: 0;
    margin: 12px 0 8px 0; }
  /* line 2975, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .p-wide-center {
    float: left;
    position: relative;
    width: 100%;
    margin: 0; }
  /* line 2982, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .p-full-center {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0; }
  /* line 2990, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .p-half {
    width: 100%;
    float: left; }
  /* line 2995, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .data {
    font-size: 3.4rem;
    color: #006AC3;
    font-weight: 800;
    text-align: center; }
  /* line 3004, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-xs {
    float: left;
    height: 20px;
    width: 100%; }
  /* line 3010, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-s {
    float: left;
    height: 40px;
    width: 100%; }
  /* line 3016, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-m {
    float: left;
    height: 60px;
    width: 100%; }
  /* line 3024, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-wide {
    width: 100%;
    float: left; }
  /* line 3029, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-full {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0; }
  /* line 3037, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-left {
    width: 50%;
    float: left;
    margin: 0 -48px 0 48px; }
  /* line 3043, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-right {
    width: 50%;
    float: right; }
  /* line 3048, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .vvd-image {
    height: 60px;
    padding-bottom: 12px; }
  /* line 3053, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #lightbox {
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    background-color: RGB(255, 255, 255, 0.8);
    z-index: 100;
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    padding: 20px;
    display: none;
    opacity: 0;
    transition: .2s all ease; }
  /* line 3070, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    width: 400px; }
  /* line 3078, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nav-spacer {
    display: none; }
  /* line 3082, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-container {
    float: left;
    width: 100%; }
  /* line 3087, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-number {
    display: none; }
  /* line 3091, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-title {
    float: left;
    width: 100%;
    transition: .5s all ease; }
  /* line 3097, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-title:hover {
    margin-left: 40px; }
  /* line 3119, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-sub {
    display: none; }
  /* line 3123, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .display-desktop {
    display: block; }
  /* line 3127, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-intro {
    padding-bottom: 32px; }
  /* line 3131, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .home-rule {
    float: left;
    width: 16%;
    border: 0.5px #C4C4C4 solid; }
  /* line 3137, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-image {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    transition: .8s all ease;
    opacity: 0; }
  /* line 3151, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #di-image {
    background-image: url(images/di-hero.webp); }
  /* line 3155, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #vvd-image {
    background-image: url(images/vvd-hero.webp); }
  /* line 3159, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #iar-image {
    background-image: url(images/iar-hero.webp); }
  /* line 3163, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nf-image {
    background-image: url(images/nf-hero.webp); }
  /* line 3167, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #swf-image {
    background-image: url(images/swf-hero.webp); }
  /* line 3171, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #mds-image {
    background-image: url(images/mds-hero.webp); }
  /* line 3175, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .footer {
    display: none; }
  /* line 3181, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-hero {
    position: relative;
    float: left;
    margin-top: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 70vh; }
  /* line 3192, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #di-hero {
    background-image: url(images/di-cs-hero.webp); }
  /* line 3196, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #vvd-hero {
    background-image: url(images/vvd-cs-hero.webp); }
  /* line 3200, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #iar-hero {
    background-image: url(images/iar-cs-hero.webp); }
  /* line 3204, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nf-hero {
    background-image: url(images/nf-cs-hero.webp); }
  /* line 3208, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #swf-hero {
    background-image: url(images/swf-cs-hero.webp); }
  /* line 3212, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #mds-hero {
    background-image: url(images/mds-cs-hero.webp); }
  /* line 3216, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-container {
    position: relative;
    float: left;
    margin: 0 0 0 80px;
    width: calc(100vw - 160px);
    overflow-x: hidden; }
  /* line 3224, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .title-box {
    width: 100%;
    float: left; }
  /* line 3229, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-title {
    float: left;
    width: 100%;
    text-align: center; }
  /* line 3235, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-date {
    float: left;
    width: 100%;
    margin: 12px 0;
    text-align: center; }
  /* line 3242, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .section-heading {
    float: left;
    margin: 0;
    font-style: italic; }
  /* line 3248, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-rule {
    margin: 60px 0 60px 0;
    color: #C4C4C4;
    width: 100%;
    float: left;
    border: 0.5px #C4C4C4 solid; }
  /* line 3256, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .color-rule {
    margin: 40px 0 40px 0;
    width: 160px;
    position: relative;
    float: left;
    border: 4px solid;
    left: calc(50% - 80px); }
  /* line 3283, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .highlight-card {
    float: left;
    margin: 0;
    padding: 40px;
    border: 2px #F1F1F1 solid;
    border-radius: 20px;
    box-shadow: 0 4px 10px #CFCFCF; }
  /* line 3292, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point {
    width: calc(100% - 24px);
    float: left;
    padding: 12px;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    background-color: #FFEEE7; }
  /* line 3302, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point-icon {
    position: relative;
    float: left; }
  /* line 3307, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point-text {
    float: left;
    position: relative;
    width: calc(100% - 36px);
    margin: 0 0 0 12px; }
  /* line 3314, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-project {
    float: right;
    width: 300px; }
  /* line 3319, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-image {
    width: 100px;
    height: 100px;
    position: absolute; }
  /* line 3325, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-sublabel {
    text-align: right;
    margin: 28px 12px 0 0;
    width: 188px; }
  /* line 3331, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-label {
    text-align: right;
    width: 188px;
    margin-right: 12px; }
  /* line 3337, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-separator {
    margin-bottom: 20px;
    border: 0.5px #f1f1f1 solid; }
  /* line 3342, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-left {
    float: left;
    position: relative;
    width: 50%; }
  /* line 3348, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-full {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between; }
  /* line 3356, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-third {
    float: left;
    position: relative;
    width: 30%; }
  /* line 3362, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-two-third {
    float: left;
    position: relative;
    width: 60%; }
  /* line 3368, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-quarter {
    float: left;
    position: relative;
    width: 22%; }
  /* line 3374, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-seventh {
    float: left;
    position: relative;
    width: 11.7%; }
  /* line 3380, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-v-align {
    float: left;
    display: flex;
    align-items: center; }
  /* line 3386, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .wrap {
    flex-wrap: wrap;
    gap: 24px;
    justify-content: flex-start; }
  @keyframes scroll {
    0% {
      transform: translateX(0); }
    100% {
      transform: translateX(calc(-200px * 7)); } }
  /* line 3402, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .iar-slider {
    background: white;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%; }
    /* line 3409, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::before, .iar-slider::after {
      background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
      content: "";
      width: 200px;
      height: 100%;
      position: absolute;
      z-index: 2; }
    /* line 3419, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::after {
      right: 0;
      top: 0;
      transform: rotateZ(180deg); }
    /* line 3425, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::before {
      left: 0;
      top: 0; }
    /* line 3430, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider .iar-slide-inner {
      animation: scroll 40s linear infinite;
      display: flex;
      width: calc(200px * 14); }
    /* line 3436, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider .iar-screen {
      width: 200px; }
  /* line 3441, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .progress-container {
    position: fixed;
    margin-top: 75px;
    width: 100%;
    height: 6px;
    background: #FFF;
    z-index: 1; }
  /* The progress bar (scroll indicator) */
  /* line 3451, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .progress-bar {
    height: 6px;
    width: 0%; }
  /* line 3458, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .holded-role {
    width: 45%;
    margin: 0 5% 0 0;
    float: left; }
  /* line 3464, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .reviews {
    float: left;
    position: relative;
    width: 100%;
    height: 210vw;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    grid-row-gap: 20px;
    column-gap: normal;
    justify-content: center;
    align-content: space-around;
    align-items: center; }
  /* line 3479, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .review-container {
    float: left;
    position: relative;
    width: 48%; }
  /* line 3486, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #swf-cs-container {
    overflow-x: visible; }
  /* line 3490, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-container {
    display: none; }
  /* line 3494, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .characters {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 20px;
    column-gap: 20px;
    justify-content: center;
    align-content: space-around;
    align-items: center; }
  /* line 3507, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .character-container {
    float: left;
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    overflow: hidden; }
  /* line 3516, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel {
    position: relative;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    overflow-x: hidden; }
  /* line 3524, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel-rail {
    width: 300%;
    position: relative;
    display: flex;
    transition: .5s all ease;
    right: 0; }
  /* line 3538, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel-button {
    position: absolute;
    border-radius: 100px;
    background-color: #AAA;
    padding: 8px;
    width: 36px;
    height: 36px; }
  /* line 3547, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cb-left {
    border-radius: 0 8px 8px 0;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    display: none; }
  /* line 3555, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cb-right {
    border-radius: 8px 0 0 8px;
    top: 50%;
    right: 0%;
    transform: translateY(-50%); }
  /* line 3562, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-button {
    position: absolute;
    width: 4.1vw;
    height: 7vw;
    margin-left: -25.1%;
    margin-top: 30%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #FFF;
    opacity: 0;
    border-radius: 10000px;
    transition: .4s all ease; }
  /* line 3575, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-button:hover {
    transition: .4s all ease;
    background-color: #FFF;
    opacity: 0.6;
    box-shadow: 0px 0px 2px 2px #FFF; }
  /* line 3582, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #tv-overlay {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 10000px solid #000;
    transition: .3s all ease; }
  /* line 3595, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-broken {
    display: none;
    width: calc(100vw - 160px);
    padding: 0 1000px;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    vertical-align: middle;
    background-color: #FFF; }
  /* line 3609, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #broken-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  /* line 3616, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #broken-button {
    position: absolute;
    width: 4.1vw;
    height: 7vw;
    margin-left: -25.1%;
    margin-top: 30%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #FFF;
    opacity: 0;
    border-radius: 10000px;
    transition: .4s all ease; }
  /* line 3631, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 200px;
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    border: 1px solid #C4C4C4;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #FAFAFA;
    box-shadow: 0 4px 10px #D4D4D4;
    display: flex;
    align-items: center; }
  /* line 3648, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password:focus-within {
    border-color: #666; }
  /* line 3652, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password-input {
    background-color: #FAFAFA;
    border: none;
    outline: none;
    flex-grow: 10; }
  /* line 3659, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password-input:focus {
    text-decoration: none;
    border: none; }
  /* line 3664, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .password-submit {
    background-color: #C4C4C4;
    transition: .4s all ease;
    border: none;
    margin: 0;
    padding: 0;
    height: 20px;
    border-radius: 10px;
    flex-shrink: 0; }
  /* line 3675, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password:valid button {
    background-color: #666; }
  /* line 3679, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .button {
    border: none;
    cursor: pointer; }
  /* line 3684, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #input-error {
    position: absolute;
    left: 50%;
    top: 62%;
    transform: translateX(-50%);
    width: 300px;
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    text-align: center;
    opacity: 0; }
  /* line 3695, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .overlay {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: #FFFFFF;
    z-index: 10;
    transition: .5s all ease;
    opacity: 0;
    visibility: hidden;
    top: 0; }
  /* line 3707, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .dismiss {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 20px; }
  /* line 3716, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-about {
    top: 50%;
    width: 45vw; }
  /* line 3721, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #about-bg {
    background-image: url(images/about-image.webp);
    opacity: 1; }
  /* line 3726, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #icons {
    float: left;
    margin: 20px 0 0 0; }
  /* line 3731, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0; }
  /* line 3737, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon .icon-hover {
    opacity: 0;
    background-color: #FFFFFF;
    color: #444444;
    text-align: center;
    padding: 6px 8px;
    border-radius: 8px;
    box-shadow: 0px 2px 6px #DDD;
    width: 200px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    top: -6px;
    left: 105%;
    /* Use half of the width (120/2 = 60), to center the tooltip */
    transition: .2s all ease;
    font-weight: 700; }
  /* line 3756, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon:hover .icon-hover {
    opacity: 1; }
  /* line 3762, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #konamiframe {
    width: 275px;
    height: 175px;
    position: fixed;
    bottom: 0;
    right: -300px;
    z-index: 9999;
    transition: 1s all ease; }
  /* line 3772, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #hey {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translateX(-50%) translateY(-50%);
    width: 120px;
    display: none; }
  /* line 3781, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #koname {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 160px;
    height: 160px;
    z-index: 10000;
    background-image: url(images/mepic1nbg.png);
    background-size: contain;
    background-repeat: no-repeat; } }

@media (min-width: 500px) and (max-width: 768px) {
  /* line 3806, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ::selection {
    background: #DDD;
    /* WebKit/Blink Browsers */ }
  /* line 3811, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ::-moz-selection {
    background: #DDD;
    /* Gecko Browsers */ }
  /* line 3816, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  html {
    padding: 0;
    margin: 0;
    overflow-x: hidden; }
  /* line 3822, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  body {
    margin: 0;
    background: #FFF;
    line-height: normal;
    font-family: "Inter";
    font-weight: 300;
    font-size: 1em;
    color: #777777;
    -webkit-font-smoothing: antialiased; }
  /* line 3833, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  img {
    max-height: 100%;
    max-width: 100%; }
  /* line 3838, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .img-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  /* line 3844, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  a {
    text-decoration: none !important;
    color: #252525 !important; }
  /* line 3849, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  a:-webkit-any-link {
    color: #252525 !important; }
  /* line 3855, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #FFF;
    z-index: 1111; }
  /* line 3863, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .status {
    width: 10vw;
    height: 10vw;
    position: fixed;
    left: 50%;
    top: 50%;
    background-image: url(images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateX(-50%) translateY(-50%); }
  /* line 3876, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #preloader-artwork {
    background-image: url(images/preloader-hand-drawn.gif); }
  /* line 3882, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr100 {
    height: 2px;
    width: 100%;
    background-color: #C4C4C4;
    margin: 0 0 20px 0; }
  /* line 3889, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr50 {
    height: 1px;
    width: 30%;
    background-color: #C4C4C4;
    margin: 32px 0 32px 35%; }
  /* line 3896, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr20 {
    height: 2px;
    width: 20%;
    background-color: #C4C4C4;
    margin: 32px 0 32px 40%; }
  /* line 3903, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hover-box {
    display: none; }
  /* line 3909, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  nav {
    width: calc(100vw - 40px);
    padding: 20px;
    background-color: #FFF;
    position: fixed;
    color: #252525;
    transition: .5s all ease;
    z-index: 4;
    font-size: 1rem; }
  /* line 3920, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .name {
    position: relative;
    float: left;
    margin: 0 28px 0 0;
    font-weight: 900;
    font-size: 1rem; }
  /* line 3928, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ul {
    padding: 0;
    margin: 0; }
  /* line 3933, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  nav ul {
    display: none; }
  /* line 3937, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  li {
    margin: 0;
    padding: 0;
    display: inline-block; }
  /* line 3943, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #theburg {
    display: inline-block;
    cursor: pointer;
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    z-index: 12; }
  /* line 3953, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .burgbar1,
  .burgbar2,
  .burgbar3 {
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background-color: #252525;
    margin: 4px 0 0 20px;
    transition: 0.4s all ease; }
  /* Rotate first bar */
  /* line 3965, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .change .burgbar1 {
    -webkit-transform: rotate(-45deg) translate(-8.5px, 0px);
    transform: rotate(-45deg) translate(-8.5px, 0px);
    background-color: #252525; }
  /* Fade out the second bar */
  /* line 3972, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .change .burgbar2 {
    width: 0px;
    opacity: 0;
    background-color: #252525; }
  /* Rotate last bar */
  /* line 3979, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .change .burgbar3 {
    -webkit-transform: rotate(45deg) translate(-8.5px, 0px);
    transform: rotate(45deg) translate(-8.5px, 0px);
    background-color: #252525; }
  /* line 3985, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #opennav {
    display: none;
    opacity: 0;
    background-color: #FFFFFF;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 11;
    left: 0;
    top: 0; }
  /* line 3997, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nav-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100vw; }
  /* line 4005, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .nav-list {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0 0 20px 0; }
  /* line 4015, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h1 {
    font-weight: 900;
    font-size: 1.8rem;
    color: #252525;
    padding: 0;
    margin: 16px 0 8px 0; }
  /* line 4021, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h2 {
    font-weight: 900;
    font-size: 1.6rem;
    color: #252525;
    padding: 0;
    margin: 12px 0 8px 0; }
  /* line 4027, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h3 {
    font-weight: 900;
    font-size: 1.8rem;
    color: #444444;
    padding: 0;
    margin: 8px 0 4px 0; }
  /* line 4033, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h4 {
    font-weight: 700;
    font-size: 1.2rem;
    color: #252525;
    padding: 0;
    margin: 16px 28px 12px 28px; }
  /* line 4039, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pheader-full-center,
  .pheader-full-left,
  .pheader-half-left {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 20px 0 20px 0;
    margin: 0; }
  /* line 4050, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .callout {
    text-align: center; }
  /* line 4054, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .subheader {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 20px 0 8px 0;
    margin: 0; }
  /* line 4063, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  p {
    font-weight: 200;
    font-size: 1.1rem;
    color: #666666;
    line-height: 1.6;
    padding: 0;
    margin: 8px 0 8px 0; }
  /* line 4069, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .p-wide-center,
  .p-full-center,
  .p-half {
    float: left;
    position: relative;
    width: 100%;
    margin: 0; }
  /* line 4078, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .data {
    font-size: 3.4rem;
    color: #006AC3;
    font-weight: 800;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 1.2; }
  /* line 4089, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-xs {
    float: left;
    height: 16px;
    width: 100%; }
  /* line 4095, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-s {
    float: left;
    height: 28px;
    width: 100%; }
  /* line 4101, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-m {
    float: left;
    height: 48px;
    width: 100%; }
  /* line 4109, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-wide,
  .image-full,
  .image-left,
  .image-right {
    width: 100%;
    float: left;
    text-align: center; }
  /* line 4118, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .vvd-image {
    height: 120px; }
  /* line 4122, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .mobile-double {
    width: 200%;
    max-width: 200% !important;
    margin-left: -50%; }
  /* line 4128, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .mobile-one-half {
    width: 150%;
    max-width: 150% !important;
    margin-left: -25%; }
  /* line 4134, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .full-scroller {
    overflow-x: scroll; }
  /* line 4138, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .extra-wide-300 {
    height: 300%;
    max-height: 300% !important; }
  /* line 4143, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #lightbox {
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    background-color: RGB(255, 255, 255, 0.8);
    z-index: 100;
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    padding: 20px;
    display: none;
    opacity: 0;
    transition: .2s all ease; }
  /* line 4160, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw; }
  /* line 4167, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nav-spacer {
    float: left;
    width: 100vw;
    height: 60px; }
  /* line 4173, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-container {
    float: left;
    width: 100vw;
    height: 80vh; }
  /* line 4179, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-intro {
    padding-top: 5vh;
    padding-bottom: 10vh;
    height: 50vh;
    background-image: url(images/home-hero-mob.webp);
    background-position: center bottom;
    background-size: cover; }
  /* line 4188, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-di {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/di-hero-mob.webp);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat; }
  /* line 4195, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-vvd {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/vvd-hero-mob.webp);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat; }
  /* line 4202, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-iar {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/iar-hero-mob.webp);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat; }
  /* line 4209, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-swf {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/swf-hero-mob.webp);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat; }
  /* line 4216, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-nf {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/nf-hero-mob.webp);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat; }
  /* line 4223, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-mds {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/mds-hero-mob.webp);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat; }
  /* line 4230, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-number {
    float: left;
    margin: 6vh 28px 4px 28px; }
  /* line 4235, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-title {
    float: left;
    margin: 0 28px 8px 28px;
    width: calc(100vw - 56px); }
  /* line 4241, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-sub {
    float: left;
    margin: 0 28px;
    width: calc(100vw - 56px); }
  /* line 4247, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .home-rule {
    display: none; }
  /* line 4251, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #mob-fade {
    z-index: 2;
    width: 100vw;
    position: fixed;
    bottom: 0;
    height: 20vh;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
    pointer-events: none; }
  /* line 4263, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-hero {
    position: relative;
    float: left;
    margin-top: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 60vh; }
  /* line 4274, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #di-hero {
    background-image: url(images/di-cs-hero.webp); }
  /* line 4278, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #vvd-hero {
    background-image: url(images/vvd-cs-hero.webp); }
  /* line 4282, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #iar-hero {
    background-image: url(images/iar-cs-hero.webp); }
  /* line 4286, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nf-hero {
    background-image: url(images/nf-cs-hero.webp); }
  /* line 4290, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #swf-hero {
    background-image: url(images/swf-cs-hero.webp); }
  /* line 4294, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #mds-hero {
    background-image: url(images/mds-cs-hero.webp); }
  /* line 4298, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-container {
    position: relative;
    float: left;
    padding: 0 28px 0 28px;
    width: calc(100vw - 56px);
    overflow-x: hidden; }
  /* line 4306, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .title-box {
    width: 100%;
    float: left; }
  /* line 4311, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-title {
    float: left;
    width: 100%;
    text-align: center; }
  /* line 4317, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-date {
    float: left;
    width: 100%;
    margin: 12px 0;
    text-align: center; }
  /* line 4324, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .section-heading {
    float: left;
    margin: 0;
    font-style: italic; }
  /* line 4330, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-rule {
    margin: 40px 0 40px 0;
    color: #C4C4C4;
    width: 100%;
    float: left;
    border: 0.5px #C4C4C4 solid; }
  /* line 4338, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .color-rule {
    margin: 20px 0 20px 0;
    width: 80px;
    position: relative;
    float: left;
    border: 3px solid;
    left: calc(50% - 40px); }
  /* line 4365, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .highlight-card {
    float: left;
    margin: 0;
    padding: 12px 28px 20px 28px;
    border: 2px #F1F1F1 solid;
    border-radius: 20px;
    box-shadow: 0 4px 10px #CFCFCF; }
  /* line 4374, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point {
    width: calc(100% - 24px);
    float: left;
    padding: 12px;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    background-color: #FFEEE7;
    display: flex;
    align-items: center; }
  /* line 4386, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point-icon {
    position: relative;
    float: left;
    height: 100%; }
  /* line 4392, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point-text {
    float: left;
    position: relative;
    width: calc(100% - 48px);
    margin: 0 0 0 24px; }
  /* line 4399, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-project {
    position: relative;
    float: right;
    width: 300px;
    height: 100px;
    z-index: 3;
    margin: 0 -8px 28px 0; }
  /* line 4408, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-image {
    width: 100px;
    height: 100px;
    position: absolute; }
  /* line 4414, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-sublabel {
    text-align: right;
    margin: 16px 12px 0 0;
    width: 188px; }
  /* line 4420, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-label {
    text-align: right;
    width: 188px;
    margin: 0 12px 0 0;
    padding: 0; }
  /* line 4427, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-separator {
    margin-bottom: 28px;
    border: 0.5px #f1f1f1 solid; }
  /* line 4432, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-left {
    float: left;
    position: relative;
    width: 100%; }
  /* line 4438, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-full {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 48px; }
  /* line 4448, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .flex-row {
    flex-direction: row;
    gap: 8px;
    flex-shrink: 0; }
  /* line 4454, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-third,
  .container-two-third,
  .container-quarter {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    flex-shrink: 0; }
  /* line 4464, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-quarter-nf {
    width: 22%; }
  @keyframes scroll {
    0% {
      transform: translateX(0); }
    100% {
      transform: translateX(calc(-200px * 7)); } }
  /* line 4482, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .iar-slider {
    background: white;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100vw;
    margin-left: -28px; }
    /* line 4490, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::before, .iar-slider::after {
      background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
      content: "";
      width: 0;
      height: 100%;
      position: absolute;
      z-index: 2; }
    /* line 4500, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::after {
      right: 0;
      top: 0;
      transform: rotateZ(180deg); }
    /* line 4506, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::before {
      left: 0;
      top: 0; }
    /* line 4511, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider .iar-slide-inner {
      animation: scroll 40s linear infinite;
      display: flex;
      width: calc(200px * 14); }
    /* line 4517, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider .iar-screen {
      width: 200px; }
  /* line 4522, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .progress-container {
    position: fixed;
    margin-top: 60px;
    width: 100%;
    height: 6px;
    background: #FFF;
    z-index: 1; }
  /* The progress bar (scroll indicator) */
  /* line 4532, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .progress-bar {
    height: 6px;
    width: 0%; }
  /* line 4539, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .holded-role {
    width: 100%;
    margin: 0;
    float: left; }
  /* line 4545, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .reviews {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-row-gap: 16px; }
  /* line 4554, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .review-container {
    float: left;
    position: relative;
    width: 100%; }
  /* line 4561, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-container {
    display: none; }
  /* line 4565, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .characters {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 20px;
    column-gap: 20px;
    justify-content: center;
    align-content: space-around;
    align-items: center; }
  /* line 4578, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .character-container {
    float: left;
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    overflow: hidden; }
  /* line 4587, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel {
    position: relative;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    overflow-x: hidden; }
  /* line 4595, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel-rail {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 40px; }
  /* line 4603, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel-image {
    width: 100%;
    padding: 0; }
  /* line 4609, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-button {
    position: absolute;
    width: 30vw;
    height: 40vw;
    margin-left: -46%;
    margin-top: 55%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #FFF;
    opacity: 0;
    border-radius: 100px;
    transition: .4s all ease; }
  /* line 4622, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #tv-overlay {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 10000px solid #000;
    transition: .3s all ease; }
  /* line 4635, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-broken {
    display: none;
    width: calc(100vw - 160px);
    padding: 0 1000px;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    vertical-align: middle;
    background-color: #FFF; }
  /* line 4649, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #broken-container {
    position: relative;
    top: 15%; }
  /* line 4654, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #broken-button {
    position: absolute;
    width: 30vw;
    height: 40vw;
    margin-left: -46%;
    margin-top: 55%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #FFF;
    opacity: 0;
    border-radius: 100px;
    transition: .4s all ease; }
  /* line 4669, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 200px;
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    border: 1px solid #C4C4C4;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #FAFAFA;
    box-shadow: 0 4px 10px #D4D4D4;
    display: flex;
    align-items: center; }
  /* line 4686, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password:focus-within {
    border-color: #666; }
  /* line 4690, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password-input {
    background-color: #FAFAFA;
    border: none;
    outline: none;
    flex-grow: 10; }
  /* line 4697, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password-input:focus {
    text-decoration: none;
    border: none; }
  /* line 4702, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .password-submit {
    background-color: #C4C4C4;
    transition: .4s all ease;
    border: none;
    margin: 0;
    padding: 0;
    height: 20px;
    border-radius: 10px;
    flex-shrink: 0; }
  /* line 4713, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password:valid button {
    background-color: #666; }
  /* line 4717, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .button {
    border: none;
    cursor: pointer; }
  /* line 4722, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #input-error {
    position: absolute;
    left: 50%;
    top: 62%;
    transform: translateX(-50%);
    width: 200px;
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    text-align: center;
    opacity: 0; }
  /* line 4733, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #FFFFFF;
    z-index: 10;
    transition: .5s all ease;
    opacity: 0;
    visibility: hidden; }
  /* line 4744, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .dismiss {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 20px; }
  /* line 4753, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-about {
    float: left;
    position: relative; }
  /* line 4758, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #about-bg {
    background-image: url(images/about-image-mob.webp);
    float: left;
    position: relative;
    width: 100vw;
    height: 122vw;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
  /* line 4769, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #icons {
    position: relative;
    float: left;
    padding: 48px 0 96px 28px;
    display: flex;
    width: calc(100vw - 56px);
    justify-content: flex-start;
    gap: 16px; }
  /* line 4779, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon {
    width: 40px;
    height: 40px; }
  /* line 4784, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon .icon-hover {
    display: none; }
  /* line 4789, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #konamiframe {
    display: none; } }

@media (max-width: 499px) {
  /* line 4805, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ::selection {
    background: #DDD;
    /* WebKit/Blink Browsers */ }
  /* line 4810, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ::-moz-selection {
    background: #DDD;
    /* Gecko Browsers */ }
  /* line 4815, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  html {
    padding: 0;
    margin: 0;
    overflow-x: hidden; }
  /* line 4821, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  body {
    margin: 0;
    background: #FFF;
    line-height: normal;
    font-family: "Inter";
    font-weight: 300;
    font-size: 1em;
    color: #777777;
    -webkit-font-smoothing: antialiased; }
  /* line 4832, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  a {
    text-decoration: none !important;
    color: #252525 !important; }
  /* line 4837, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  a:-webkit-any-link {
    color: #252525 !important; }
  /* line 4842, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #FFF;
    z-index: 1111; }
  /* line 4850, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .status {
    width: 10vw;
    height: 10vw;
    position: fixed;
    left: 50%;
    top: 50%;
    background-image: url(images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateX(-50%) translateY(-50%); }
  /* line 4863, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #preloader-artwork {
    background-image: url(images/preloader-hand-drawn.gif); }
  /* line 4869, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr100 {
    height: 2px;
    width: 100%;
    background-color: #C4C4C4;
    margin: 0 0 20px 0; }
  /* line 4876, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr50 {
    height: 1px;
    width: 30%;
    background-color: #C4C4C4;
    margin: 32px 0 32px 35%; }
  /* line 4883, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hr20 {
    height: 2px;
    width: 20%;
    background-color: #C4C4C4;
    margin: 32px 0 32px 40%; }
  /* line 4890, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .hover-box {
    display: none; }
  /* line 4896, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  nav {
    width: calc(100vw - 40px);
    padding: 20px;
    background-color: #FFF;
    position: fixed;
    color: #252525;
    transition: .5s all ease;
    z-index: 4;
    font-size: 1rem; }
  /* line 4907, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .name {
    position: relative;
    float: left;
    margin: 0 28px 0 0;
    font-weight: 900;
    font-size: 1rem; }
  /* line 4915, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  ul {
    padding: 0;
    margin: 0; }
  /* line 4920, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  nav ul {
    display: none; }
  /* line 4924, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  li {
    margin: 0;
    padding: 0;
    display: inline-block; }
  /* line 4930, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #theburg {
    display: inline-block;
    cursor: pointer;
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    z-index: 12; }
  /* line 4940, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .burgbar1,
  .burgbar2,
  .burgbar3 {
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background-color: #252525;
    margin: 4px 0 0 20px;
    transition: 0.4s all ease; }
  /* Rotate first bar */
  /* line 4952, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .change .burgbar1 {
    -webkit-transform: rotate(-45deg) translate(-8.5px, 0px);
    transform: rotate(-45deg) translate(-8.5px, 0px);
    background-color: #252525; }
  /* Fade out the second bar */
  /* line 4959, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .change .burgbar2 {
    width: 0px;
    opacity: 0;
    background-color: #252525; }
  /* Rotate last bar */
  /* line 4966, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .change .burgbar3 {
    -webkit-transform: rotate(45deg) translate(-8.5px, 0px);
    transform: rotate(45deg) translate(-8.5px, 0px);
    background-color: #252525; }
  /* line 4972, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #opennav {
    display: none;
    opacity: 0;
    background-color: #FFFFFF;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 11;
    left: 0;
    top: 0; }
  /* line 4984, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nav-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100vw; }
  /* line 4992, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .nav-list {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0 0 20px 0; }
  /* line 5001, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .ui-loader {
    display: none; }
  /* line 5006, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  img {
    max-height: 100%;
    max-width: 100%; }
  /* line 5011, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .img-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  /* line 5018, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h1 {
    font-weight: 900;
    font-size: 1.8rem;
    color: #252525;
    padding: 0;
    margin: 16px 0 8px 0; }
  /* line 5024, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h2 {
    font-weight: 900;
    font-size: 1.6rem;
    color: #252525;
    padding: 0;
    margin: 12px 0 8px 0; }
  /* line 5030, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h3 {
    font-weight: 900;
    font-size: 1.8rem;
    color: #444444;
    padding: 0;
    margin: 8px 0 4px 0; }
  /* line 5036, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  h4 {
    font-weight: 700;
    font-size: 1.2rem;
    color: #252525;
    padding: 0;
    margin: 16px 28px 12px 28px; }
  /* line 5042, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pheader-full-center,
  .pheader-full-left,
  .pheader-half-left {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 20px 0 20px 0;
    margin: 0; }
  /* line 5053, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .callout {
    text-align: center; }
  /* line 5057, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .subheader {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 20px 0 8px 0;
    margin: 0; }
  /* line 5066, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  p {
    font-weight: 200;
    font-size: 1.1rem;
    color: #666666;
    line-height: 1.6;
    padding: 0;
    margin: 8px 0 8px 0; }
  /* line 5072, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .p-wide-center,
  .p-full-center,
  .p-half {
    float: left;
    position: relative;
    width: 100%;
    margin: 0; }
  /* line 5081, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .data {
    font-size: 3.4rem;
    color: #006AC3;
    font-weight: 800;
    text-align: center;
    margin: 0;
    padding: 0;
    li-wne-height: 1.2; }
  /* line 5093, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-xs {
    float: left;
    height: 16px;
    width: 100%; }
  /* line 5099, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-s {
    float: left;
    height: 28px;
    width: 100%; }
  /* line 5105, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .padding-m {
    float: left;
    height: 48px;
    width: 100%; }
  /* line 5113, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .image-wide,
  .image-full,
  .image-left,
  .image-right {
    width: 100%;
    float: left;
    text-align: center; }
  /* line 5122, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .vvd-image {
    height: 120px; }
  /* line 5126, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .mobile-double {
    width: 200%;
    max-width: 200% !important;
    margin-left: -50%; }
  /* line 5132, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .mobile-one-half {
    width: 150%;
    max-width: 150% !important;
    margin-left: -25%; }
  /* line 5138, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .full-scroller {
    overflow-x: scroll; }
  /* line 5142, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .extra-wide-300 {
    width: 300%;
    max-width: 300% !important; }
  /* line 5147, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #lightbox {
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    background-color: RGB(255, 255, 255, 0.8);
    z-index: 100;
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    padding: 20px;
    display: none;
    opacity: 0;
    transition: .2s all ease; }
  /* line 5164, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw; }
  /* line 5171, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nav-spacer {
    float: left;
    width: 100vw;
    height: 60px; }
  /* line 5177, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-container {
    float: left;
    width: 100vw;
    height: 80vh; }
  /* line 5183, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-intro {
    padding-top: 5vh;
    padding-bottom: 10vh;
    height: 50vh;
    background-image: url(images/home-hero-mob.webp);
    background-position: center bottom;
    background-size: cover; }
  /* line 5192, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-di {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/di-hero-mob.webp);
    background-position: center bottom;
    background-size: cover; }
  /* line 5198, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-vvd {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/vvd-hero-mob.webp);
    background-position: center bottom;
    background-size: cover; }
  /* line 5204, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-iar {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/iar-hero-mob.webp);
    background-position: center bottom;
    background-size: cover; }
  /* line 5210, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-swf {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/swf-hero-mob.webp);
    background-position: center bottom;
    background-size: cover; }
  /* line 5216, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-nf {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/nf-hero-mob.webp);
    background-position: center bottom;
    background-size: cover; }
  /* line 5222, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-mds {
    background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 93%, white 100%), url(images/mds-hero-mob.webp);
    background-position: center bottom;
    background-size: cover; }
  /* line 5228, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-number {
    float: left;
    margin: 6vh 28px 4px 28px; }
  /* line 5233, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-title {
    float: left;
    margin: 0 28px 8px 28px;
    width: calc(100vw - 56px); }
  /* line 5239, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-sub {
    float: left;
    margin: 0 28px;
    width: calc(100vw - 56px); }
  /* line 5245, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .home-rule {
    display: none; }
  /* line 5249, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .footer {
    width: 100vw;
    font-size: 1rem;
    text-align: center;
    color: #BBB;
    padding-bottom: 48px; }
  /* line 5257, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #mob-fade {
    z-index: 2;
    width: 100vw;
    position: fixed;
    bottom: 0;
    height: 20vh;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
    pointer-events: none; }
  /* line 5269, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-hero {
    position: relative;
    float: left;
    margin-top: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 60vh; }
  /* line 5279, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #di-hero {
    background-image: url(images/di-cs-hero.webp);
    background-position: 65% center; }
  /* line 5284, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #vvd-hero {
    background-image: url(images/vvd-cs-hero.webp);
    background-position: 46% center; }
  /* line 5289, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #iar-hero {
    background-image: url(images/iar-cs-hero.webp);
    background-position: 66% center; }
  /* line 5294, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #nf-hero {
    background-image: url(images/nf-cs-hero.webp);
    background-position: 62% center; }
  /* line 5299, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #swf-hero {
    background-image: url(images/swf-cs-hero.webp);
    background-position: 38% center; }
  /* line 5304, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #mds-hero {
    background-image: url(images/mds-cs-hero.webp);
    background-position: 52% center; }
  /* line 5309, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-container {
    position: relative;
    float: left;
    padding: 0 28px 0 28px;
    width: calc(100vw - 56px);
    overflow-x: hidden; }
  /* line 5317, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .title-box {
    width: 100%;
    float: left; }
  /* line 5322, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-title {
    float: left;
    width: 100%;
    text-align: center; }
  /* line 5328, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .cs-date {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    text-align: center; }
  /* line 5335, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .section-heading {
    float: left;
    margin: 16px 0 0 0;
    font-style: italic; }
  /* line 5341, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .port-rule {
    margin: 40px 0 40px 0;
    color: #C4C4C4;
    width: 100%;
    float: left;
    border: 0.5px #C4C4C4 solid; }
  /* line 5349, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .color-rule {
    margin: 20px 0 20px 0;
    width: 80px;
    position: relative;
    float: left;
    border: 3px solid;
    left: calc(50% - 40px); }
  /* line 5376, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .highlight-card {
    float: left;
    margin: 0;
    padding: 12px 28px 20px 28px;
    border: 2px #F1F1F1 solid;
    border-radius: 20px;
    box-shadow: 0 4px 10px #CFCFCF; }
  /* line 5385, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point {
    width: calc(100% - 24px);
    float: left;
    padding: 12px;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    background-color: #FFEEE7;
    display: flex;
    align-items: center; }
  /* line 5397, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point-icon {
    position: relative;
    float: left;
    height: 100%; }
  /* line 5403, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .pain-point-text {
    float: left;
    width: calc(100% - 48px);
    margin: 0 0 0 24px;
    line-height: 1.6rem; }
  /* line 5410, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-project {
    position: relative;
    float: right;
    width: 300px;
    height: 100px;
    z-index: 3;
    margin: 0 -8px 28px 0; }
  /* line 5420, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-image {
    width: 100px;
    height: 100px;
    position: absolute; }
  /* line 5426, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-sublabel {
    text-align: right;
    margin: 16px 12px 0 0;
    width: 188px; }
  /* line 5432, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-label {
    text-align: right;
    width: 188px;
    margin: 0 12px 0 0;
    padding: 0; }
  /* line 5439, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .next-separator {
    margin-bottom: 28px;
    border: 0.5px #f1f1f1 solid; }
  /* line 5444, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-left {
    float: left;
    position: relative;
    width: 100%; }
  /* line 5450, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-full {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 60px; }
  /* line 5460, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .flex-row {
    flex-direction: row;
    gap: 8px;
    flex-shrink: 0; }
  /* line 5466, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-third,
  .container-two-third,
  .container-quarter {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    flex-shrink: 0; }
  /* line 5476, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .container-quarter-nf {
    width: 22%; }
  @keyframes scroll {
    0% {
      transform: translateX(0); }
    100% {
      transform: translateX(calc(-200px * 7)); } }
  /* line 5492, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .iar-slider {
    background: white;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100vw;
    margin-left: -28px; }
    /* line 5500, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::before, .iar-slider::after {
      background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
      content: "";
      width: 0;
      height: 100%;
      position: absolute;
      z-index: 2; }
    /* line 5510, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::after {
      right: 0;
      top: 0;
      transform: rotateZ(180deg); }
    /* line 5516, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider::before {
      left: 0;
      top: 0; }
    /* line 5521, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider .iar-slide-inner {
      animation: scroll 40s linear infinite;
      display: flex;
      width: calc(200px * 14); }
    /* line 5527, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
    .iar-slider .iar-screen {
      width: 200px; }
  /* line 5532, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .progress-container {
    position: fixed;
    margin-top: 60px;
    width: 100%;
    height: 6px;
    background: #FFF;
    z-index: 1; }
  /* The progress bar (scroll indicator) */
  /* line 5542, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .progress-bar {
    height: 6px;
    width: 0%; }
  /* line 5549, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .holded-role {
    width: 100%;
    margin: 0;
    float: left; }
  /* line 5555, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .reviews {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-row-gap: 16px; }
  /* line 5564, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .review-container {
    float: left;
    position: relative;
    width: 100%; }
  /* line 5572, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-container {
    display: none; }
  /* line 5576, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .characters {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 12px;
    column-gap: 12px;
    justify-content: center;
    align-content: space-around;
    align-items: center; }
  /* line 5589, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .character-container {
    float: left;
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    overflow: hidden; }
  /* line 5598, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel {
    position: relative;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    overflow-x: hidden; }
  /* line 5606, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel-rail {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 28px; }
  /* line 5614, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .carousel-image {
    width: 100%;
    padding: 0; }
  /* line 5619, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-button {
    position: absolute;
    width: 32vw;
    height: 40vw;
    margin-left: -44%;
    margin-top: 52%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #FFF;
    opacity: 0;
    border-radius: 100px;
    transition: .4s all ease; }
  /* line 5632, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #tv-overlay {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 10000px solid #000;
    transition: .3s all ease; }
  /* line 5645, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #reset-broken {
    display: none;
    width: calc(100vw - 56px);
    padding: 0 1000px;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    vertical-align: middle;
    background-color: #FFF; }
  /* line 5659, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #broken-container {
    position: relative;
    top: 15%; }
  /* line 5664, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #broken-button {
    position: absolute;
    width: 30vw;
    height: 40vw;
    margin-left: -46%;
    margin-top: 55%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #FFF;
    opacity: 0;
    border-radius: 100px;
    transition: .4s all ease; }
  /* line 5679, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: calc(100vw - 80px);
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    border: 1px solid #C4C4C4;
    padding: 12px 12px;
    border-radius: 8px;
    background-color: #FAFAFA;
    box-shadow: 0 4px 10px #D4D4D4;
    display: flex;
    align-items: center; }
  /* line 5696, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password:focus-within {
    border-color: #666; }
  /* line 5700, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password-input {
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    background-color: #FAFAFA;
    border: none;
    outline: none;
    flex-grow: 10; }
  /* line 5708, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password-input:focus {
    text-decoration: none;
    border: none; }
  /* line 5713, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .password-submit {
    background-color: #C4C4C4;
    transition: .4s all ease;
    border: none;
    margin: 0;
    padding: 0;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    flex-shrink: 0; }
  /* line 5725, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #password:valid button {
    background-color: #666; }
  /* line 5729, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .button {
    border: none;
    cursor: pointer; }
  /* line 5734, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #input-error {
    position: absolute;
    left: 50%;
    top: 62%;
    transform: translateX(-50%);
    width: calc(100vw - 80px);
    font-weight: 200;
    font-size: 1rem;
    color: #666666;
    line-height: 1.6;
    text-align: center;
    opacity: 0; }
  /* line 5745, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #FFFFFF;
    z-index: 10;
    transition: .5s all ease;
    opacity: 0;
    visibility: hidden; }
  /* line 5756, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .dismiss {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 28px; }
  /* line 5765, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #port-about {
    float: left;
    position: relative;
    overflow: hidden; }
  /* line 5771, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #about-bg {
    background-image: url(images/about-image-mob.webp);
    float: left;
    position: relative;
    width: 100vw;
    height: 122vw;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
  /* line 5782, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #icons {
    position: relative;
    float: left;
    padding: 48px 0 96px 28px;
    display: flex;
    width: calc(100vw - 56px);
    justify-content: flex-start;
    gap: 16px; }
  /* line 5792, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon {
    width: 40px;
    height: 40px; }
  /* line 5797, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  .icon .icon-hover {
    display: none; }
  /* line 5802, /Users/michaelgingras/Documents/Career/Website/gingras11 (live)/gingras11/index.scss */
  #konamiframe {
    display: none; } }

/*# sourceMappingURL=index.css.map */