/* base.css colors */
/* theme.css colors */
/* line 5, assets/scss/pages/work.scss */
#page .container-fluid {
  padding-left: 0;
  padding-right: 0; }

/* line 10, assets/scss/pages/work.scss */
#page .page-submenu,
#page .page-content {
  height: 100vh;
  background: rgba(0, 0, 0, 0.5); }

/* line 20, assets/scss/pages/work.scss */
#page .page-submenu ul.page-nav {
  margin: 0;
  list-style: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
  /* line 27, assets/scss/pages/work.scss */
  #page .page-submenu ul.page-nav li {
    padding: 2rem 0; }
    /* line 29, assets/scss/pages/work.scss */
    #page .page-submenu ul.page-nav li a {
      color: white;
      font-family: "Oswald";
      font-weight: 200;
      font-size: 2rem;
      opacity: 0.7;
      transition: opacity 250ms ease-out; }
      /* line 37, assets/scss/pages/work.scss */
      #page .page-submenu ul.page-nav li a:hover {
        opacity: 1;
        text-decoration: none; }
      /* line 42, assets/scss/pages/work.scss */
      #page .page-submenu ul.page-nav li a.active {
        color: white;
        opacity: 1; }

/* line 52, assets/scss/pages/work.scss */
#page .page-content {
  color: white;
  padding: 4rem; }
  /* line 56, assets/scss/pages/work.scss */
  #page .page-content h2 {
    padding: 2rem 0; }
  /* line 60, assets/scss/pages/work.scss */
  #page .page-content .copy-box {
    line-height: 1.8rem;
    max-height: 65vh;
    overflow-y: auto;
    padding-right: 1rem; }
  /* line 67, assets/scss/pages/work.scss */
  #page .page-content .copy-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: rgba(245, 245, 245, 0.1); }
  /* line 73, assets/scss/pages/work.scss */
  #page .page-content .copy-box::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(245, 245, 245, 0.1); }
  /* line 79, assets/scss/pages/work.scss */
  #page .page-content .copy-box::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.3); }