html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

:root {
  --peru: #d68401;
  --dark-slate-grey: #3b3b3b;
  --black: #202020;
  --slider-grey: #303030;
  --dark-slate-grey-2: #3b3b3b;
  --gridcollumgap: 16px;
  --project-colour: #d68401;
  --project_colour_darker: var(--peru);
  --black-light: #303030;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

a {
  color: #fff;
  font-style: normal;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: 10px;
}

em {
  color: var(--peru);
  font-style: italic;
}

.body {
  background-color: #3b3b3b;
  text-decoration: none;
  transition: opacity .2s ease-in-out;
}

.navbar {
  z-index: 999;
  background-color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.container {
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.nav-menu-right {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  display: flex;
}

.center-link {
  color: #ffa600;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Bebas Neue, sans-serif;
  font-size: 25px;
  text-decoration: none;
}

.nav-link-left {
  color: #fff;
  text-align: left;
  background-color: #0000;
}

.nav-menu-element-left {
  justify-content: flex-start;
  display: flex;
}

.link-block-element-left {
  text-align: left;
  margin-right: 25px;
}

.link-block-element-left:hover {
  text-align: left;
}

.link-block-element-left.w--current {
  font-family: Roboto, sans-serif;
}

.text-block {
  color: #fff;
  text-align: left;
  margin-bottom: 3px;
  text-decoration: none;
}

.text-block.right {
  text-align: right;
  font-family: Roboto, sans-serif;
  text-decoration: none;
  transition: opacity .2s ease-in-out;
}

.text-block.right:hover {
  text-align: center;
}

.text-block.left {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-style: italic;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .2s ease-in-out;
}

.text-block.left:hover {
  text-align: center;
}

.link-underline {
  background-color: #fff;
  width: 90px;
  height: 2px;
}

.link-block-element-right {
  margin-left: 25px;
}

.center-text {
  color: #d68401;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-family: Bebas Neue, sans-serif;
  font-size: 25px;
  font-style: normal;
}

.center-subtext {
  color: #929292;
  text-align: center;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

.bold-text {
  color: #fff;
}

.bold-text-2 {
  color: #fcfcfc;
}

.hero-image {
  z-index: 0;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fc4a2d851c3f857df7a9e2e_Me%20-%20test-min.png");
  background-position: 0 0;
  background-size: cover;
  order: 1;
  align-items: center;
  width: 500px;
  height: 500px;
  margin-top: 16px;
  display: flex;
  position: absolute;
  inset: 6% auto auto 26%;
  overflow: visible;
}

.center-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-heading {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-name {
  color: #fff;
  text-indent: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-family: Bebas Neue, sans-serif;
  font-size: 100px;
  line-height: 85px;
  display: flex;
}

.hero-description {
  color: #fff;
  width: 300px;
  margin-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
}

.divider {
  z-index: 1;
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/602ec0e18e7d1f39551c928b_Hero%20Portrait.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 460px;
  height: 500px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.hero-side-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 300px;
  height: 300px;
  margin-bottom: 117px;
  margin-left: -40px;
  display: flex;
}

.text-block-2 {
  color: #d68401;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  display: block;
}

.text-block-2.contact-me {
  margin-bottom: 20px;
}

.text-block-2.socials {
  text-align: center;
  width: 110px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.text-block-2.subhead {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 32px;
  display: block;
}

.text-block-2.subhead-copy {
  z-index: 999;
  color: #fff;
  text-align: center;
  margin-bottom: 25px;
  margin-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  display: block;
  position: static;
  overflow: hidden;
}

.text-block-2.tech-skills {
  margin-top: 20px;
}

.text-block-3 {
  color: #fff;
  width: 300px;
  margin-bottom: 25px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.div-block {
  width: 100%;
  height: 30px;
}

.section-black {
  color: #fff;
  background-color: #161616;
  width: 100%;
  height: 600px;
}

.section-black.project-box {
  z-index: 2;
  height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-black.contact-section {
  z-index: 30;
  height: 500px;
  position: relative;
}

.section-black.linkedinpraise {
  z-index: 30;
  position: relative;
}

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
  inset: 0%;
}

.container-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.tech-skills-description {
  color: #fcfcfc;
  width: 100%;
  margin-top: 5px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.bold-text-3 {
  color: var(--peru);
}

.bold-text-4 {
  color: #fff;
  width: 300px;
  margin-top: 20px;
}

.about-me-box {
  margin-bottom: 0;
}

.text-block-5, .bold-text-5 {
  font-family: Bebas Neue, sans-serif;
}

.bold-text-6 {
  letter-spacing: 1px;
  font-size: 20px;
}

.bold-text-7 {
  letter-spacing: 5px;
  font-size: 20px;
}

.current-status-box {
  flex-flow: wrap;
  place-content: center flex-start;
  align-items: center;
  width: 350px;
  min-width: 350px;
  margin-top: 0;
  display: flex;
  position: static;
}

.heading {
  align-items: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  line-height: 25px;
  display: flex;
  position: relative;
}

.text-block-6, .text-block-7 {
  font-size: 100px;
}

.text-block-8 {
  line-height: 100px;
}

.colin {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 40px;
  margin-right: 6px;
  display: flex;
}

.div-block-3 {
  width: 10px;
  height: 10px;
}

.dot {
  background-color: var(--peru);
  width: 10px;
  height: 10px;
  color: var(--peru);
  border-radius: 20px;
}

.dot.top {
  margin-top: 0;
  margin-bottom: 12px;
}

.section-grey {
  background-color: var(--dark-slate-grey);
}

.section-grey.content-section {
  display: flex;
  position: relative;
}

.section-grey.hero-section {
  z-index: -10;
  min-height: 500px;
  position: static;
}

.section-grey.project-contents {
  position: relative;
}

.line-seperation {
  background-color: var(--peru);
  color: #fff;
  border-radius: 20px;
  width: 2px;
  height: 370px;
  margin-left: 0;
  margin-right: 0;
}

.line-seperation.skills {
  align-self: center;
  height: 80%;
  margin-left: 20px;
  margin-right: 20px;
}

.line-seperation.onepager {
  background-color: #fff;
  align-self: center;
  height: 90%;
  margin-left: 12px;
  margin-right: 12px;
}

.line-seperation.projectpage {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  height: 80%;
  margin-right: 10px;
  display: flex;
}

.grid---about-contact-seperation {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". . Area"
                 ". . Area"
                 / 1.5fr .25fr 1.5fr .5fr;
  align-self: auto;
  height: 360px;
}

.contact-me-box {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.other-contact-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid---additional-contact {
  border: 1px solid #0000;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  justify-items: start;
}

.extra-contact-hover {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd3b9214be4d835f180a28_Linkedin%20White.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  width: 80px;
  height: 80px;
}

.extra-contact-hover.linkedin {
  background-position: 0 0;
  height: 40px;
}

.extra-contact-hover.twitter {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd4172f750a00fea120124_Twitter%20White.png");
  background-position: 0 0;
  height: 40px;
}

.extra-contact-hover.instagram {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd5d496f6f3b4d4f7dfc40_Instagram%20White.png");
  background-position: 0 0;
  background-size: 40%;
  width: 100px;
  height: 40px;
}

.link-block {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd3b927f8de6646ff39d2a_linkedin%20Ornage.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  width: 80px;
  height: 80px;
}

.extra-content-linkbox {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd3b927f8de6646ff39d2a_linkedin%20Ornage.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 50%;
  width: 100px;
  height: 40px;
  transition: opacity .2s;
}

.extra-content-linkbox:hover {
  opacity: 0;
}

.extra-content-linkbox.twitter {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd41fbe8ad96096f960b3c_Twitter%20Orange.png");
  transition: opacity .2s;
}

.extra-content-linkbox.twitter:hover {
  opacity: 0;
}

.extra-content-linkbox.instagram {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd5d49c7cf1d593cb2fd7d_Instagram%20Orange.png");
  background-size: 40%;
}

.form {
  width: 40vw;
  display: block;
  position: static;
}

.field-lable {
  color: #a3a3a3;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.text-field {
  border-style: none;
  border-width: 1px 1px 2px;
  border-color: black black var(--peru);
  color: #fff;
  background-color: #3b3b3b;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-style: normal;
}

.text-field.form-field {
  height: 55px;
  font-style: italic;
}

.submit-button {
  background-color: var(--peru);
  text-transform: uppercase;
  border-radius: 10px;
  width: 100%;
  font-family: Roboto, sans-serif;
}

.text-block-9 {
  align-items: flex-end;
  display: flex;
}

.socials-full-box {
  width: 100px;
  height: 70px;
}

.socials-text {
  flex-direction: column;
  justify-content: space-between;
  width: 110px;
  margin-top: 5px;
  display: flex;
  position: static;
}

.container-3 {
  min-height: 400px;
}

.div-block-4 {
  width: 92px;
  height: 80px;
  position: relative;
}

.div-block-5 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd3b927f8de6646ff39d2a_linkedin%20Ornage.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 400px;
  height: 300px;
}

.div-block-6 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd4172f750a00fea120124_Twitter%20White.png");
  background-position: 0 0;
  background-size: contain;
  width: 400px;
  height: 300px;
}

.wrapper-div {
  width: 400px;
  height: 300px;
  position: relative;
}

.layer-image {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd3b9214be4d835f180a28_Linkedin%20White.png");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: absolute;
}

.layer-image._1 {
  z-index: 8;
}

.layer-image._2 {
  z-index: 5;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd41fbe8ad96096f960b3c_Twitter%20Orange.png");
}

.layer-image._4 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd3b927f8de6646ff39d2a_linkedin%20Ornage.png");
}

.column-1 {
  flex: 1;
}

.column-2 {
  flex: 1;
  height: 100vh;
  position: sticky;
  top: 0;
}

.photo {
  height: 800px;
}

.photo._1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fce18c8c5248ef2972e4f3e_Me%20and%20my%20Brain.jpg");
  background-position: 47%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.photobox {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fce1a02d56c1a062d5f97b7_Warfair%20Bad%20guys.png");
  background-position: 35%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;
}

.content-holder {
  height: 100%;
  position: relative;
}

.projects-content {
  background-color: #3b3b3b;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-2 {
  color: #fff;
}

.skills-content {
  background-color: var(--peru);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-7 {
  max-width: 310px;
  max-height: 285px;
  margin-top: 60px;
  margin-left: 30px;
}

.flex-column-1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  padding-right: 50px;
  display: flex;
}

.box-holder {
  perspective: 2000px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.box-holder.toprow {
  flex-direction: row;
  flex: 0 auto;
  margin-bottom: -25px;
  margin-left: 10px;
  margin-right: 16px;
  padding-bottom: 0;
  transition: transform .2s cubic-bezier(.215, .61, .355, 1);
}

.box-holder.bottomrow {
  z-index: 1;
  clear: none;
  object-fit: fill;
  flex: 0 auto;
  margin-right: 40px;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.box200 {
  width: 200px;
  height: 200px;
  transform-style: preserve-3d;
  position: relative;
  transform: rotateX(74deg)rotateY(0)rotateZ(34deg);
}

.box200.greyish {
  transform-style: preserve-3d;
  background-color: #707070;
  transition: transform .4s cubic-bezier(.165, .84, .44, 1);
}

.box200.greyish:hover {
  transform: translate(0, -65px)rotateX(74deg)rotateY(0)rotateZ(34deg);
}

.box200.orange {
  background-color: var(--peru);
  transform-style: preserve-3d;
  transition: transform .4s cubic-bezier(.165, .84, .44, 1);
}

.box200.orange:hover {
  transform: translate(0, -65px)rotateX(74deg)rotateY(0)rotateZ(34deg);
}

.box-bottom-left {
  transform-origin: 50% 0;
  width: 200px;
  height: 400px;
  transform-style: preserve-3d;
  background-color: #5f5f5f;
  position: absolute;
  inset: 200px auto auto 0%;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.box-bottom-left._150box {
  width: 150px;
  top: 150px;
}

.box-bottom-left._150box.test {
  height: 175px;
}

.box-bottom-right {
  transform-origin: 0%;
  width: 400px;
  height: 200px;
  transform-style: preserve-3d;
  background-color: #3d3c3c;
  position: absolute;
  left: 200px;
  transform: rotateX(0)rotateY(90deg)rotateZ(0);
}

.box-bottom-right._150box {
  width: 175px;
  height: 150px;
  left: 150px;
}

.div-block-8 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.flex-column-2 {
  opacity: 1;
  perspective: 2000px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: auto;
  align-items: flex-end;
  margin-right: 100px;
  padding-left: 0;
  display: flex;
}

.box150 {
  width: 200px;
  height: 200px;
  transform-style: preserve-3d;
  position: relative;
  transform: rotateX(74deg)rotateY(0)rotateZ(34deg);
}

.box150.greyish {
  width: 150px;
  height: 150px;
  transform-style: preserve-3d;
  background-color: #707070;
  transition: transform .4s cubic-bezier(.165, .84, .44, 1);
}

.box150.greyish:hover {
  transform: translate(0, -65px)rotateX(74deg)rotateY(0)rotateZ(34deg);
}

.box150.greyish.projectbox {
  transform-style: preserve-3d;
  margin-bottom: 0;
}

.box150.greyish.projectbox:hover {
  transform: rotateX(74deg)rotateY(0)rotateZ(34deg);
}

.box150.orange {
  background-color: var(--peru);
  transform-style: preserve-3d;
  transition: transform .4s cubic-bezier(.165, .84, .44, 1);
}

.box150.orange:hover {
  transform: translate(0, -65px)rotateX(74deg)rotateY(0)rotateZ(34deg);
}

.project-icon {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fd3730e5e8157d2102d2780_skull-stipple.png");
  background-repeat: repeat-y;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  margin-bottom: -117px;
  display: flex;
  position: relative;
  transform: scale(.9);
}

.project-icon.computer {
  transform-style: preserve-3d;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fd3789699e040113989eee6_Laptop.png");
  transform: translate(0)rotateX(37deg)rotateY(-11deg)rotateZ(-6deg)scale(.9)translate(-38px, 162px);
}

.project-icon.dummy {
  object-fit: fill;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fd3730e5e8157d2102d2780_skull-stipple.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 150px 150px;
  background-attachment: fixed;
  width: 150px;
  height: 150px;
  overflow: visible;
  transform: rotate(0);
}

.project-icon.laptop {
  transform-style: preserve-3d;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fd3789699e040113989eee6_Laptop.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotateX(-34deg)rotateY(9deg)rotateZ(-11deg)scale(.8)translate(-14px, 14px);
}

.project-icon.tomeanie {
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6034defb07206d156cf00d00_Tomeanie%20Icon.png");
  background-position: 10% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 130px;
  height: 130px;
  transform: rotate(0)scale(.9);
}

.project-icon.warfair {
  transform-style: preserve-3d;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60b9eab6d8e419c6f5c93d26_WarFair.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 75% 90%;
  transform: rotateX(-34deg)rotateY(9deg)rotateZ(-11deg)scale(.8)translate(-14px, 14px);
}

.div-block-9 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fd3730e5e8157d2102d2780_skull-stipple.png");
  background-position: 50%;
  background-size: cover;
  width: 100px;
  height: 100px;
}

.project-pillar {
  z-index: 100;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  transition: transform .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  transform: translate(0);
}

.project-pillar:hover {
  transform: translate(0, -67px);
}

.project-pillar.warfair, .project-pillar.zombodies {
  cursor: pointer;
}

.project-pillar.diy-hero {
  transition: transform .2s cubic-bezier(.215, .61, .355, 1);
}

.div-block-10 {
  width: 150px;
  height: 150px;
}

.newbox {
  width: 150px;
  height: 150px;
  transform-style: preserve-3d;
  background-color: #616161;
  position: relative;
  transform: rotateX(74deg)rotateY(0)rotateZ(34deg);
}

.newbox-bl {
  transform-origin: 50% 0;
  width: 150px;
  height: 300px;
  transform-style: preserve-3d;
  background-color: #7c7c7c;
  position: absolute;
  inset: 150px auto auto 0%;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.newbox-br {
  transform-origin: 0%;
  width: 300px;
  height: 150px;
  transform-style: preserve-3d;
  background-color: #4b4a4a;
  position: absolute;
  inset: 0% auto auto 150px;
  transform: rotateX(0)rotateY(90deg)rotateZ(0);
}

.heading-3 {
  margin-bottom: 0;
}

.heading-4 {
  margin-top: 0;
}

.div-block-11 {
  flex: 1;
  height: 450px;
}

.myprojects-title-card {
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
}

.church-card {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.div-block-12 {
  z-index: 0;
  object-fit: fill;
  background-color: #a82f2f;
  width: 100%;
  height: 450px;
  display: block;
  position: relative;
}

.project-card {
  z-index: 1;
  opacity: 1;
  object-fit: fill;
  background-color: #214f5f;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-left: 30px;
  display: block;
  position: relative;
}

.project-card.diyhero {
  z-index: 2;
  opacity: 0;
  background-image: linear-gradient(#000, #fff);
  border-radius: 0;
  width: 100%;
  height: 500px;
  margin-top: 0;
  position: absolute;
}

.project-card.actors {
  z-index: 2;
  opacity: 0;
  background-color: #976d01;
  border-radius: 0;
  width: 100%;
  height: 500px;
  margin-bottom: 0;
  position: absolute;
}

.project-card.zombodies {
  z-index: 2;
  opacity: 0;
  background-color: #234c0b;
  border-radius: 0;
  width: 100%;
  height: 500px;
  margin-bottom: 0;
  position: absolute;
}

.project-card.warfair {
  z-index: 2;
  opacity: 0;
  background-color: #ac301200;
  border-radius: 0;
  width: 100%;
  height: 500px;
  margin-bottom: 0;
  position: absolute;
}

.heading-5 {
  z-index: 100;
  margin-top: 20px;
  margin-left: 0;
  display: block;
  position: relative;
}

.heading-5.diy-hero, .heading-5.warfair {
  z-index: 100;
  position: relative;
  bottom: auto;
}

.paragraph {
  font-size: 16px;
}

.heading-6 {
  margin-top: 185px;
  margin-left: 40px;
  position: absolute;
}

.box-top-left {
  transform-origin: 50% 0;
  width: 200px;
  height: 400px;
  transform-style: preserve-3d;
  background-color: #5f5f5f;
  position: absolute;
  inset: 200px auto auto 0%;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.box-top-left._150box {
  width: 150px;
  top: 150px;
}

.box-top-center {
  transform-origin: 50% 0;
  width: 200px;
  height: 400px;
  transform-style: preserve-3d;
  background-color: #5f5f5f;
  position: absolute;
  inset: 200px auto auto 0%;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.box-top-center._150box {
  width: 150px;
  top: 150px;
}

.box-top-right {
  transform-origin: 50% 0;
  width: 200px;
  height: 400px;
  transform-style: preserve-3d;
  background-color: #5f5f5f;
  position: absolute;
  inset: 200px auto auto 0%;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.box-top-right._150box {
  width: 150px;
  top: 150px;
}

.box-bottom-center {
  transform-origin: 50% 0;
  width: 200px;
  height: 400px;
  transform-style: preserve-3d;
  background-color: #5f5f5f;
  position: absolute;
  inset: 200px auto auto 0%;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.box-bottom-center._150box {
  width: 150px;
  height: 175px;
  top: 150px;
}

.box-bottom-right-side {
  transform-origin: 50% 0;
  width: 200px;
  height: 400px;
  transform-style: preserve-3d;
  background-color: #5f5f5f;
  position: absolute;
  inset: 200px auto auto 0%;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0);
}

.box-bottom-right-side._150box {
  width: 150px;
  height: 175px;
  top: 150px;
}

.paragraph-2 {
  position: relative;
  bottom: 10px;
}

.project-text {
  z-index: 100;
  width: 95%;
  font-size: 16px;
  position: relative;
  bottom: auto;
}

.project-text.diy-hero {
  z-index: 100;
  width: 95%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  bottom: auto;
}

.project-text.warfair {
  z-index: 200;
  font-family: Roboto, sans-serif;
}

.background-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.background-overlay.diy-hero {
  opacity: 1;
  background-image: linear-gradient(#00000080, #00000080);
}

.background-overlay.warfair {
  opacity: 1;
}

.image {
  background-image: linear-gradient(#000, #9c9c9c 61%, #fff);
}

.background-gradient {
  z-index: 1;
  opacity: 1;
  background-image: linear-gradient(#000 11%, #fff0 38%, #fff0);
  width: 100%;
  height: 100%;
  position: relative;
}

.paragraph-3 {
  z-index: 100;
  width: 95%;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  position: relative;
}

.background-video {
  opacity: 1;
  flex: 0 auto;
  width: 100%;
  position: static;
  overflow: hidden;
}

.background-image-tint {
  opacity: 1;
  background-color: #194c5c;
  width: 100%;
  height: 100%;
  position: relative;
}

.background-image-tint.blue {
  opacity: .5;
}

.background-image-tint.red {
  opacity: .5;
  background-color: #7a210ba8;
}

.background-image-tint.green {
  opacity: .5;
  background-color: #126140;
}

.body-2 {
  background-color: #000;
}

.project-section-head {
  background-color: var(--dark-slate-grey);
  flex-direction: column;
  justify-content: flex-start;
  height: 60vh;
  margin-bottom: 20px;
  display: flex;
}

.left-side {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: auto;
  display: flex;
  position: static;
}

.right-side {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.project-heading-text {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.container-4 {
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.project-intro {
  background-color: #3b3b3b;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.project-intro.black {
  background-color: #202020;
}

.project-head-text {
  color: #fff;
  margin-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 50px;
}

.project-head-text.roles {
  text-align: center;
  margin-bottom: 20px;
  font-size: 25px;
}

.project-subheader {
  color: #fff9f9;
  font-family: Roboto, sans-serif;
  font-size: 20px;
}

.project-paragraph {
  color: #fff;
  width: 90%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.project-duration {
  color: #fff;
  width: auto;
  margin-bottom: 0;
  margin-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.youtube {
  background-image: none;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0;
  display: flex;
  position: relative;
}

.project-release {
  color: #fff;
  width: auto;
  margin-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.roles-and-responsibilities {
  background-color: var(--black);
  height: 300px;
}

.roles-and-responsibilities.grey {
  background-color: #3b3b3b;
  height: auto;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: 20px;
  margin-right: 20px;
}

.heading-7 {
  color: #fff;
  text-align: center;
}

.div-block-13 {
  width: 50px;
  height: 50px;
}

.grid-3 {
  grid-column-gap: 31px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  height: auto;
  margin-left: 20px;
  margin-right: 20px;
}

.grid-3.warfair, .grid-3._4-blocks {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-3._3-blocks {
  grid-template-columns: 1fr 1fr 1fr;
}

.role-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.role-heading {
  color: var(--peru);
  text-align: center;
  margin-top: 10px;
  font-family: Roboto, sans-serif;
}

.role-icon {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff13f0a4d31c925ce6d6d8d_Concepting%20White.png");
  background-position: 0 0;
  background-size: cover;
  width: 60px;
  height: 60px;
}

.role-icon._1.diyhero {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff13f0a4d31c925ce6d6d8d_Concepting%20White.png");
  position: static;
}

.role-icon._1.zombodies {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604f8652f983075f730a8149_innovation.png");
  position: static;
}

.role-icon._1.melodramatica {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60624ca52c555e0d171190d6_Gameplay.png");
  position: static;
}

.role-icon._1.warfair {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff13f0a4d31c925ce6d6d8d_Concepting%20White.png");
  position: static;
}

.role-icon._2.diyhero, .role-icon._2.warfair {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60624ca52c555e0d171190d6_Gameplay.png");
}

.role-icon._2.melodramatica {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/62f2653e2519af9d2052afd1_plan.png"), url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6093100e54ec49137a299c5d_Capture.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.role-icon._2.vertigo {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/62f2653f67d83046ccaca0d9_3d-modeling.png");
  background-position: 50%;
  background-size: cover;
}

.role-icon._2.warfair {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60624ca52c555e0d171190d6_Gameplay.png");
  background-position: 50%;
  background-size: cover;
}

.role-icon._3.diyhero {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1410c92fcdb75bddc024f_Presentation%20White.png");
}

.role-icon._3.diyhero-copy {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1410c92fcdb75bddc024f_Presentation%20White.png");
}

.role-icon._3.melodramatica {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6093a4af7534616fa0fd2786_testing.png");
}

.role-icon._3.zombodies {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60624adda4c13803bba01926_Level%20Design%20Icon.png");
}

.role-icon._3.vertigo {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/62f2653e2519af9d2052afd1_plan.png");
  background-position: 50%;
  background-size: cover;
}

.role-icon._3.warfair {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60624adda4c13803bba01926_Level%20Design%20Icon.png");
}

.role-icon._4.warfair-copy {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1410c92fcdb75bddc024f_Presentation%20White.png");
  background-position: 0 0;
  background-size: contain;
}

.role-icon._4.warfairicon {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1410c92fcdb75bddc024f_Presentation%20White.png");
  background-position: 50%;
}

.role-icon._4.diyhero {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1410c92fcdb75bddc024f_Presentation%20White.png");
}

.role-icon._4.warfair {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60624adda4c13803bba01926_Level%20Design%20Icon.png");
}

.role-icon._4.diyhero-copy, .role-icon._4.melodramatica {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1410c92fcdb75bddc024f_Presentation%20White.png");
}

.role-text {
  color: #fff;
  text-align: center;
  align-self: auto;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.contributions-section {
  display: flex;
  position: relative;
}

.column-sliders {
  background-color: var(--black);
  flex: none;
  width: 55%;
  position: static;
}

.column-sliders.black {
  background-color: #202020;
}

.column-sliders.grey {
  background-color: #3b3b3b;
}

.column-text {
  flex: 1;
  height: auto;
  position: static;
  top: 0;
}

.slider-block {
  flex-direction: column;
  justify-content: center;
  height: 700px;
  display: flex;
}

.slider-block._1 {
  background-color: #0000;
  height: 600px;
}

.slider-block._1.black {
  background-color: #202020;
}

.slider-block._2 {
  background-color: #5d5e59;
  height: 800px;
}

.slider-block._3 {
  background-color: #927f56;
  height: 800px;
}

.slide {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fefdd7faac9083d0066e63a_Show%20Me%20the%20Money.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide.diyhero {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1554724ceba17db9f21bf_Boss%20Design%204.JPG");
  background-position: 50%;
  background-size: contain;
}

.slide.hubleveldiagonal {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1604c98f9f9ab9cc3b2ea_Level%20Gif%201.gif");
  background-position: 50%;
  background-size: contain;
}

.slide.diyherotran {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff177adf528ecce85868a10_Research%20-%20Audio.JPG");
  background-position: 50%;
  background-size: contain;
}

.slide.diyheropres {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff175aad62f160aa54b0626_DIY%20Hero%20Team.jpg");
  background-position: 50%;
  background-size: contain;
}

.slide-2 {
  border-radius: 20px;
}

.slide-2.diyhero {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15547d485763870572394_Boss%20Design%203.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-2.hub-level {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15e9f0eebbc184ff281ab_Level%201.JPG");
  background-position: 50%;
}

.slide-2.diyherotran {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff177ad98f9f9234ec3d2d0_DIY%20Hero%20Sound.JPG");
  background-position: 0%;
  background-size: contain;
}

.slide-2.diyheropres {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff17502559a421eeba9a84c_Pitch%201.JPG");
  background-position: 0%;
  background-size: contain;
}

.slide-3 {
  border-radius: 20px;
}

.slide-3.diyhero {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15546d62f1623894ad7e6_Boss%20Design%201.JPG");
  background-size: contain;
}

.slide-3.hubleveldiydero {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff16eddc8f67584f75b1eae_Level%20Gif%202.gif");
  background-position: 50% 0;
  background-size: contain;
}

.slide-3.diyheropres {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff175048f7605165a44db1e_Pitch%202.JPG");
}

.slide-3.diyherotran {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1778bbc9ac27acfae2670_DIY%20HEro%20Splash%20Screen.gif");
}

.slider {
  background-color: var(--slider-grey);
  height: 75%;
}

.slider.diyhero.boss-design {
  background-color: var(--slider-grey);
  color: #1d1d1d;
  height: 75%;
}

.slider.hubleveldiyhero {
  background-color: var(--slider-grey);
}

.contributions-content-holder {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.contributions-description {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 366px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.contributions-description._1 {
  background-color: #575b72;
  margin-bottom: 0;
}

.contributions-description._2 {
  background-color: #161b21;
  margin-bottom: 0;
}

.contributions-description._3 {
  color: #96675d;
  background-color: #b8837c;
  margin-bottom: 0;
}

.contribution-heading {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
}

.contribution-heading._3 {
  margin-top: 30%;
}

.contribution-heading.diyhero {
  text-align: left;
  display: block;
}

.contribution-paragraph {
  color: #fff;
  margin-left: 20px;
  margin-right: 20px;
}

.contribution-paragraph._1 {
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
}

.video-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.project-one-pagers {
  z-index: 20;
  position: relative;
}

.accordian-item.grey-black.diyhero {
  z-index: 10;
  border-right: 1px solid #000;
  position: relative;
}

.accordian-item.grey-black.warfair {
  z-index: 20;
  position: static;
}

.accordian-item.grey-black.actors {
  z-index: 20;
  border-left: 2px solid #926216;
  border-right: 2px solid #926216;
  height: auto;
  display: block;
  position: static;
}

.accordian-item.grey-black.zombodiesv2 {
  z-index: 20;
  border-left: 2px #926216;
  height: auto;
  display: block;
  position: static;
}

.accordian-item.grey-black.vertigo {
  z-index: 20;
  border-left: 2px solid #d36322;
  border-right: 2px solid #d36322;
  height: auto;
  display: block;
  position: static;
}

.accordian-item.grey-black.soedesco {
  z-index: 20;
  border-left: 2px solid #6e0202;
  border-right: 2px solid #6e0202;
  height: auto;
  display: block;
  position: static;
}

.accordian-item.black-grey {
  background-color: var(--dark-slate-grey);
}

.accordian-item-trigger {
  z-index: 10;
  cursor: pointer;
  background-color: #1e4135;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.accordian-item-trigger:hover {
  background-color: var(--peru);
}

.accordian-item-trigger.black {
  background-color: #7a0f1e;
}

.accordian-item-trigger.black:hover {
  background-color: var(--peru);
}

.accordian-item-trigger.diyhero {
  background-color: #ad812b;
}

.accordian-item-trigger.diyhero:hover {
  background-color: var(--peru);
}

.project-name-header {
  z-index: 100;
  color: #fff;
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 50px;
  display: flex;
  position: relative;
  left: 0;
}

.project-name-header.warfair {
  left: 170px;
}

.project-name-header.in-progress {
  cursor: default;
}

.project-name-header.v2zombodies {
  cursor: pointer;
}

.zombodies-content {
  z-index: 10;
  position: relative;
  overflow: hidden;
}

.paragraph-4 {
  color: #fff;
}

.down-arrow {
  cursor: pointer;
  width: 40px;
  margin-right: 30px;
}

.main-contributions-section {
  background-color: var(--black);
  width: 100%;
  display: flex;
  position: relative;
}

.main-contributions-section.black {
  background-color: #202020;
}

.main-contributions-section.grey {
  background-color: var(--dark-slate-grey);
  color: var(--dark-slate-grey-2);
}

.slider-text {
  color: #0000;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 600px;
  max-height: 600px;
  display: flex;
}

.dividing-line {
  color: #fff;
  background-color: #fff0;
  border-radius: 0;
  flex: none;
  width: 5px;
  height: auto;
  margin: 0 0 0 20px;
  position: static;
  top: 0;
}

.collapse-block {
  z-index: 100;
  cursor: auto;
  object-fit: fill;
  justify-content: center;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.collapse-block.black {
  background-color: #202020;
  padding-bottom: 5px;
}

.text-block-10 {
  color: #fff;
  align-self: center;
  margin-right: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.image-2 {
  cursor: pointer;
  width: 20px;
  transform: rotate(180deg);
}

.italic-text {
  color: var(--peru);
  cursor: pointer;
}

.collapse-link-area {
  cursor: pointer;
  display: flex;
}

.scrap-section-grey-copy {
  background-color: var(--dark-slate-grey);
}

.scrap-section-grey-copy.content-section {
  display: flex;
  position: relative;
}

.scrap-section-grey-copy.project-contents {
  position: relative;
}

.scrap-section-black-copy {
  color: #fff;
  background-color: #161616;
  width: 100%;
  height: 500px;
}

.scrap-section-black-copy.project-box {
  height: 450px;
  display: flex;
  overflow: hidden;
}

.italic-text-2 {
  color: var(--peru);
  cursor: pointer;
}

.slide-4 {
  border-radius: 20px;
}

.slide-4.diyhero {
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-5 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1554792fcdb3e9fdc2836_Boss%20Design%202.5.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-6 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fece4e6aac90890b360bfa7_DIY%20Hero%20Screenshot.png");
  background-position: 50%;
  background-size: cover;
}

.slide-6.diyhero {
  background-repeat: no-repeat;
}

.link-block-2 {
  width: 100%;
  height: 100%;
}

.segment-box {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 5px;
  height: 90%;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.seperation-line {
  color: #b87512;
  background-color: #d684018f;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.slide-nav {
  inset: auto 0% 0%;
}

.arrowicon {
  color: var(--peru);
}

.grid-4 {
  place-items: center;
}

.tab-pane-tab-1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15e9f0eebbc184ff281ab_Level%201.JPG");
  background-position: 0 0;
  background-size: auto;
  flex: 1;
  align-self: flex-start;
}

.tabs-block {
  flex-direction: column;
  justify-content: center;
  height: 700px;
  display: flex;
}

.tabs-block._1 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 600px;
}

.tabs-block._1.black {
  background-color: #202020;
}

.tabs-block._2 {
  background-color: #5d5e59;
  height: 800px;
}

.tabs-block._3 {
  background-color: #927f56;
  height: 800px;
}

.tabs-content {
  display: flex;
}

.tabs {
  flex: 1;
}

.tab-pane-tab-1-2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15e9f0eebbc184ff281ab_Level%201.JPG");
  background-position: 50%;
  background-size: cover;
  height: 500px;
}

.tabs-content-2 {
  height: 500px;
  display: block;
}

.tabs-2 {
  align-self: auto;
}

.tabs-menu {
  justify-content: center;
  display: flex;
}

.tab-plane {
  background-color: var(--slider-grey);
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff155475c148a0306da6998_Boss%20Design%202.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.tab-plane.hublevel1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15e9f0eebbc184ff281ab_Level%201.JPG");
  height: 100%;
}

.tab-plane.hublevel2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1604c98f9f9ab9cc3b2ea_Level%20Gif%201.gif");
  height: 100%;
}

.tab-plane.bossdesign3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15546d62f1623894ad7e6_Boss%20Design%201.JPG");
}

.tab-plane.bossdesign1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15547d485763870572394_Boss%20Design%203.JPG");
  height: 100%;
}

.tab-plane.bossdesign2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1554724ceba17db9f21bf_Boss%20Design%204.JPG");
  height: 100%;
}

.tab-plane.bossdesign5 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1554792fcdb3e9fdc2836_Boss%20Design%202.5.JPG");
}

.tab-plane.bossdesign6 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fece4e6aac90890b360bfa7_DIY%20Hero%20Screenshot.png");
}

.tab-plane.hublevel3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff16eddc8f67584f75b1eae_Level%20Gif%202.gif");
}

.tab-plane.sfx1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1778bbc9ac27acfae2670_DIY%20HEro%20Splash%20Screen.gif");
  height: 100%;
}

.tab-plane.sfx2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff177adf528ecce85868a10_Research%20-%20Audio.JPG");
  height: 100%;
}

.tab-plane.sfx3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff177ad98f9f9234ec3d2d0_DIY%20Hero%20Sound.JPG");
}

.tab-plane.presshow1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff175048f7605165a44db1e_Pitch%202.JPG");
  height: 100%;
}

.tab-plane.presshow2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff17502559a421eeba9a84c_Pitch%201.JPG");
  height: 100%;
}

.tab-plane.presshow3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff175aad62f160aa54b0626_DIY%20Hero%20Team.jpg");
}

.tab-plane.zom_game1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395df68ce319cf51e7b5_Meet%20Ghost.JPG");
  height: 100%;
}

.tab-plane.zom_game2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395f8efa2b8fa59e9d80_Zombie%20Mechanics.JPG");
  height: 100%;
}

.tab-plane.zom_game3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395dfc2054a14f23618b_Meet%20the%20Zombodies.JPG");
}

.tab-plane.zom_game4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395fcd2578ff96895e0a_Player%20Experience.JPG");
}

.tab-plane.zom_level1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395f5c8429a402412f4e_Level%20Moment%20Sketches%201.JPG");
  height: 100%;
}

.tab-plane.zom_level2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395ecd2578c91d895e09_Level%20Moment%20Sketches%202.JPG");
  height: 100%;
}

.tab-plane.zom_level3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb45595bbbbd82888669d1_Blockout%20Experimentation.JPG");
}

.tab-plane.zom_level4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395f6d435d01a6ef73a3_Level%20Layouts.JPG");
}

.tab-plane.zom_level5 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395ec34e636efb61a7ff_Level%20Final.JPG");
}

.tab-plane.zomlevel6 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb39614d19bf6ebbd2816c_Hub%20Level%20Gif.gif");
}

.tab-links {
  color: #fff;
  background-color: #303030;
  border-radius: 0 0 10px 10px;
  font-family: Roboto, sans-serif;
}

.tab-links.w--current {
  background-color: var(--peru);
  color: #fff;
  font-weight: 400;
}

.rich-text-block {
  color: #fff;
  margin-right: 55px;
}

.rich-text-block.project-text {
  color: #fff;
  width: 90%;
  margin-right: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.rich-text-block.project-text.wfshowcase em {
  color: #63f800;
}

.rich-text-block.project-text.warfairtextbox {
  color: #fefffd;
}

.rich-text-block.project-text.warfairtextbox em {
  color: var(--peru);
}

.rich-text-block.project-text.warfairmodesec {
  font-weight: 400;
}

.rich-text-block.project-text.wfenemy em, .rich-text-block.project-text.diyhublevel em, .rich-text-block.project-text.diyaudio em, .rich-text-block.project-text.zombodies em {
  color: var(--peru);
}

.rich-text-block.project-text.melodramaticatextbox {
  color: #fefffd;
  text-decoration: none;
}

.tab-plane-2 {
  background-color: var(--slider-grey);
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa8b59fa903a3c365ac0a2_DP%20Pillars.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.tab-plane-2.hublevel1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15e9f0eebbc184ff281ab_Level%201.JPG");
  height: 100%;
}

.tab-plane-2.hublevel2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1604c98f9f9ab9cc3b2ea_Level%20Gif%201.gif");
  height: 100%;
}

.tab-plane-2.bossdesign3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15546d62f1623894ad7e6_Boss%20Design%201.JPG");
}

.tab-plane-2.bossdesign1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15547d485763870572394_Boss%20Design%203.JPG");
  height: 100%;
}

.tab-plane-2.bossdesign2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1554724ceba17db9f21bf_Boss%20Design%204.JPG");
  height: 100%;
}

.tab-plane-2.bossdesign5 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1554792fcdb3e9fdc2836_Boss%20Design%202.5.JPG");
}

.tab-plane-2.bossdesign6 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fece4e6aac90890b360bfa7_DIY%20Hero%20Screenshot.png");
}

.tab-plane-2.hublevel3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff16eddc8f67584f75b1eae_Level%20Gif%202.gif");
}

.tab-plane-2.sfx1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1778bbc9ac27acfae2670_DIY%20HEro%20Splash%20Screen.gif");
  height: 100%;
}

.tab-plane-2.sfx2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff177adf528ecce85868a10_Research%20-%20Audio.JPG");
  height: 100%;
}

.tab-plane-2.sfx3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff177ad98f9f9234ec3d2d0_DIY%20Hero%20Sound.JPG");
}

.tab-plane-2.wf_tuton-2 {
  background-color: var(--dark-slate-grey-2);
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa5a10e17726a48218ab42_WarFair%20Layout%20Sketches.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.tab-plane-2.presshow2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff17502559a421eeba9a84c_Pitch%201.JPG");
  height: 100%;
}

.tab-plane-2.presshow3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff175aad62f160aa54b0626_DIY%20Hero%20Team.jpg");
}

.tab-plane-2.wf_tuton-1 {
  background-color: var(--slider-grey);
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa5a10fd67336349cda7a5_WarFair%20Level%20Moment%20Sketches.JPG");
  height: 100%;
}

.tab-plane-2.wf_tuton-3 {
  background-color: var(--slider-grey);
  background-image: none;
  height: 100%;
}

.tab-plane-2.wf_gd1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa7821f68ce34a415041a8_Objective.JPG");
}

.tab-plane-2.wfgd2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa782188a1feec261b25fd_Character.JPG");
}

.tab-plane-2.wfgd3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa7822d7864257e551c591_Overall%20Core%20Game%20Loop.JPG");
}

.tab-plane-2.wfgd4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa7c2ece5ce37745453b16_Playtest%20WF.gif");
}

.tab-plane-2.wfenemy1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa7822ce5ce3e1f545325d_Enemy%201.JPG");
}

.tab-plane-2.wfenemy2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa7822ec2444e9805a0a46_Enemy%202.JPG");
}

.tab-plane-2.wfenemy3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa8637ec9403549fd14e9b_Enemy%20Vision%20Cone.gif");
}

.tab-plane-2.wfenemy4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fce1a02d56c1a062d5f97b7_Warfair%20Bad%20guys.png");
}

.tab-plane-2.wfgd1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fce19814adcebb7df3312a2_WarFair%20test%20Screen.png");
}

.tab-plane-2.wfshow2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa8b5779487e4d7ce1ae24_Core%20GP.JPG");
}

.tab-plane-2.wfshow3 {
  background-image: none;
}

.tab-plane-2.actors1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6c2b7e8521076859e4e44_Backstage.png");
}

.tab-plane-2.actors2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6c2b3480c1c52035112b0_ActorInteraction.png");
}

.tab-plane-2.actors3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6ca6e5cdef529b2ef0053_Costume%20Dresser.png");
}

.tab-plane-2.actors4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6dadd585d417218aed83f_Show%20Performance.png");
}

.tab-plane-2.actorsimp1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6cdb5677038cc01b254a3_Result%20Screen.png");
}

.tab-plane-2.actorsimp2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6d3698254a6eb375ada2f_Show%20ReRoll.gif");
}

.tab-plane-2.actorsimp3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6d4c9de5aca704858c1c7_Show%20Caclulation.JPG");
}

.tab-plane-2.actorsimp4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6e2abdb2ac0341a0512ae_Tutorial%20GIf.gif");
}

.tab-plane-2.actorsbalance1 {
  background-color: var(--slider-grey);
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6d3028b6583e731c5e40a_Show%20Balancing%20Document%20Gif.gif");
  height: 100%;
}

.tab-plane-2.actorsbalance2 {
  background-color: var(--dark-slate-grey-2);
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa5a10e17726a48218ab42_WarFair%20Layout%20Sketches.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.tab-plane-2.actorsbalance3 {
  background-color: var(--slider-grey);
  background-image: none;
  height: 100%;
}

.tab-video-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.link-block-3 {
  width: 100%;
  height: 100%;
}

.image-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  margin-bottom: 20px;
  display: flex;
}

.zombodies-title-image {
  border-radius: 20px;
  margin-top: 25px;
  padding-top: 0;
}

.videoresizer {
  background-color: #ec0000;
  width: 44%;
  height: 38%;
  position: relative;
  top: 154px;
  left: 16px;
}

.video, .link-block-4 {
  width: 100%;
  height: 100%;
}

.video-reveal-trigger---box-holder {
  background-color: #2b2b2b00;
  align-self: center;
  width: 900px;
  height: 175px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.bg-divider {
  z-index: 2;
  background-color: #2a2a2a;
  width: 100%;
  height: 200px;
  position: absolute;
  inset: auto 0% 20%;
}

.project-boxes {
  z-index: 5;
  color: #202020;
  background-color: #202020;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 120px;
  margin-right: 0;
  display: flex;
  position: relative;
}

.accordian-item-one-pager {
  z-index: 20;
  justify-content: flex-start;
  align-items: center;
  height: 250px;
  display: flex;
  position: relative;
}

.grid-5 {
  grid-template-columns: 1fr 1fr 1fr;
}

.description-half {
  background-color: #d10707;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  height: auto;
  min-height: 250px;
  margin-left: 20px;
  display: block;
}

.engine-part {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-top: 0;
  display: flex;
}

.engine-part.left {
  justify-content: flex-start;
  margin-right: 10px;
}

.engine-part.diyhome {
  width: 25%;
}

.engine-part.onepager {
  flex: 0 auto;
  justify-content: space-between;
  width: 30%;
}

.engine-part.onepager._2 {
  width: 22%;
}

.engine-part.projectpage {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.one-pager-text {
  color: #fff;
  text-align: center;
  width: 98%;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.one-pager-text.bottom {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
}

.one-pager---header {
  color: #fff;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  display: block;
}

.one-pager---header.projectpage {
  margin-top: 0;
  margin-bottom: 0;
}

.image-3 {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/602fdec42b0fedfabbbefd6c_Unreal%20Engine%20White%20Logo.png");
  background-position: 0 0;
  background-size: auto;
}

.unreal-engine-logo {
  clear: none;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/602fdec42b0fedfabbbefd6c_Unreal%20Engine%20White%20Logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 230px;
  display: block;
  position: static;
  inset: auto 0% 0% auto;
}

.unreal-engine-logo.projectpage {
  background-size: 83%;
  flex: 0 auto;
  height: 100%;
}

.project-one-pager {
  z-index: 10;
  color: #3f3f3f;
  background-color: #474747;
  justify-content: flex-start;
  align-items: center;
  height: 300px;
  margin-top: 0;
  display: flex;
  position: static;
}

.project-one-pager.black {
  background-color: #202020;
}

.project-one-pager.warfair {
  z-index: 5;
  color: #202020;
  background-color: #252525;
  border-left: 4px solid #7a0f1e;
  border-right: 4px solid #7a0f1e;
  justify-content: space-between;
  height: 430px;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.project-one-pager.diyhero {
  z-index: 10;
  color: #3b3b3b;
  background-color: #3b3b3b;
  border: 1px solid #344908;
  border-width: 1px 4px;
  justify-content: space-between;
  height: 430px;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.project-one-pager.zombodies {
  z-index: 10;
  background-color: #3b3b3b;
  border-left: 4px solid #1e4135;
  border-right: 4px solid #1e4135;
  height: 420px;
  margin-bottom: 0;
  position: static;
  overflow: hidden;
}

.project-one-pager.melodramatica {
  z-index: 5;
  color: #202020;
  background-color: #252525;
  border: 1px solid #926216;
  border-right: 3px #926216;
  justify-content: space-between;
  height: 430px;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.project-one-pager.zombodiesv2 {
  z-index: 5;
  color: #202020;
  background-color: #252525;
  border: 1px solid #0f7a70;
  justify-content: space-between;
  height: 430px;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.project-one-pager.vertigo {
  z-index: 5;
  color: #202020;
  background-color: #252525;
  border: 1px solid #6e0202;
  justify-content: space-between;
  height: 430px;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.one-pager-mid-section {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.one-pager-mid-section.four {
  flex: 1;
}

.roles-grid-x3 {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  flex: 0 auto;
  order: 1;
  grid-template-rows: repeat(auto-fit, 150px);
  grid-template-columns: .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-self: center;
  justify-items: center;
  margin-left: 0;
  display: grid;
}

.roles-block {
  background-color: #25252500;
  border: 2px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 160px;
  max-width: 160px;
  height: auto;
  display: flex;
}

.one-pager-text-details {
  color: #fcfcfc;
  text-align: left;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.text-center-er {
  border-right: 1px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.roles-grid-x4 {
  grid-column-gap: 5px;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr .25fr .25fr 1fr;
  align-self: center;
  justify-items: center;
}

.heading-8 {
  z-index: 100;
  margin-left: 0;
  display: block;
  position: relative;
}

.heading-8.warfair {
  z-index: 100;
  position: relative;
  bottom: auto;
}

.background-video-2 {
  width: 100%;
  position: static;
  overflow: hidden;
}

.background-gradient-2 {
  opacity: 1;
  background-image: linear-gradient(#000 11%, #fff0 38%, #fff0);
  width: 100%;
  height: 100%;
  position: relative;
}

.double-logo-holder {
  justify-content: space-between;
  width: 100%;
  height: 140px;
  display: flex;
}

.unity-engine {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6031409499a1ba1f897a046b_Unity%20Logo%20White.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
}

.role-heading-2 {
  color: #d68401;
  text-align: center;
  margin-top: 10px;
  font-family: Roboto, sans-serif;
}

.paragraph-5 {
  z-index: 100;
  width: 95%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  position: relative;
}

.roles-block-dark {
  background-color: #3b3b3b00;
  border: 2px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  min-width: 175px;
  max-width: 250px;
  height: 175px;
  min-height: 175px;
  display: flex;
}

.one-pager-image {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fece4e6aac90890b360bfa7_DIY%20Hero%20Screenshot.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0 #fff;
  border-radius: 20px;
  flex-direction: row;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
}

.one-pager-image:hover {
  opacity: 1;
}

.one-pager-image.zombodies {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb3960b89b333cb29c6fb1_Zombodies.JPG");
}

.one-pager-image.warfair {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fce19814adcebb7df3312a2_WarFair%20test%20Screen.png");
}

.one-pager-image.melodramatica {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/618e045f7c9bff598b97ab9f_melodramatica.jpg");
  background-position: 50% 90%;
  background-size: cover;
}

.one-pager-image.soedesco {
  background-image: none;
}

.one-pager-image.zombodiesv2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649c06ec681e806c159c4a57_ZombodiesV2Title.jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-14 {
  width: 25%;
}

.one-pager-image-container {
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 30%;
  max-width: 33%;
  height: 100%;
  display: flex;
}

.roles-block-x4 {
  background-color: #25252500;
  border: 2px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 150px;
  max-width: 250px;
  height: 175px;
  min-height: 175px;
  display: flex;
}

.roles-block-x4.x4 {
  width: 175px;
}

.roles-block-x4.empty {
  border-style: none;
}

.roles-grid-x-4 {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  order: 1;
  grid-template-rows: 150px;
  grid-template-columns: .25fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: center;
  align-self: center;
  justify-items: center;
  margin-left: 0;
  display: grid;
}

.op-bgvideo {
  border-radius: 20px;
  width: 90%;
  height: 90%;
}

.op-bgvideo.zombodies {
  opacity: .99;
}

.project-segment-line {
  background-color: #ad812b;
  height: 4px;
  margin-bottom: 20px;
}

.project-segment-line.diyhero {
  background-color: #344908;
  margin-bottom: 0;
}

.project-segment-line.warfair {
  color: #1b3a30;
  background-color: #700e1c;
  margin-bottom: 0;
}

.project-segment-line.zombodies {
  color: #1b3a30;
  background-color: #1b3a30;
  margin-bottom: 0;
}

.project-segment-line.melodramatica {
  color: #1b3a30;
  background-color: #926216;
  margin-bottom: 0;
}

.project-segment-line.zombodiesv2 {
  color: #1b3a30;
  background-color: #0f7a70;
  margin-bottom: 0;
}

.project-segment-line.vertigo {
  color: #1b3a30;
  background-color: #d36322;
  margin-bottom: 0;
}

.project-segment-line.sedesco {
  color: #1b3a30;
  background-color: #6e0202;
  margin-bottom: 0;
}

.black-seperation {
  background-color: #161616;
  height: 100px;
  display: block;
}

.black-seperation.temp {
  display: block;
}

.background-video-3 {
  z-index: 0;
  overflow: hidden;
}

.unreal-engine-logo---larger {
  clear: none;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/602fdec42b0fedfabbbefd6c_Unreal%20Engine%20White%20Logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.video-engine-logo---unreal {
  width: 150px;
  height: 170px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.section {
  height: 400px;
}

.grid-6 {
  grid-template-rows: auto auto auto;
}

.skills-container {
  justify-content: center;
  align-items: center;
  height: 80%;
  display: flex;
}

.hard-skills {
  width: 50%;
}

.soft-skills {
  width: 40%;
}

.hard-skills-tools {
  height: 70%;
}

.hard-skills-technical {
  height: 30%;
}

.grid-7 {
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr .5fr .5fr .5fr;
  align-content: start;
  align-items: stretch;
}

.skill-block {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 125px;
  display: flex;
}

.image-4 {
  background-color: #fff0;
  width: 90px;
  height: 90px;
}

.skill-image {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e10f63b8992e6ac764aa3_Skill_Unreal.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100px;
}

.skill-image.unity {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/606245f5cf01f4592d16de63_Skill%20Unity.png");
}

.skill-image.unreal {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60624706ce5efc071f404fba_Skill_Unreal.png");
}

.skill-image.indesign {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/606244ce3331c15fa75df56c_Skills%20Indesign.png");
}

.skill-image.photoshop {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6062438360dc14d59fa18b73_Skill%20Photoshop.png");
}

.skill-image.aftereffects {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/606243d23f8932e5eeea2ef0_Skill%20After%20Effects.png");
}

.skill-image.xd {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6062453a5652c9338de15b06_Skill%20XD.png");
}

.skill-image.inventor {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/606245a92d9281de60e8e7cb_Skills%20Inventor.png");
}

.skill-image.office {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e930a2582aa6003ec41dd_Skills%20Office.png");
}

.skill-image.visual-scripting {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60624993ce5efc5a82405f37_Skills%20Visual%20Scripting.png");
  width: 40%;
  margin-right: 10px;
}

.skill-image.coding {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/606247ff3331c13c875e0b5f_Skills%20Scripting.png");
  width: 40%;
  margin-right: 10px;
}

.skill-name-label {
  color: #fff;
  text-align: center;
  width: 100%;
  height: 25px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 23px;
}

.italic-text-3 {
  color: #fff;
  font-size: 17px;
  font-style: normal;
}

.grid-8 {
  grid-template-rows: auto;
}

.tech-skills-block {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 125px;
  display: flex;
}

.tech-skills-text-container {
  width: 60%;
}

.zombodies-accordian-item-trigger-copy {
  z-index: 10;
  cursor: pointer;
  background-color: #1e4135;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.zombodies-accordian-item-trigger-copy:hover {
  background-color: var(--peru);
}

.zombodies-accordian-item-trigger-copy.black {
  background-color: #7a0f1e;
}

.zombodies-accordian-item-trigger-copy.black:hover {
  background-color: var(--peru);
}

.zombodies-accordian-item-trigger-copy.diyhero {
  background-color: #ad812b;
}

.zombodies-accordian-item-trigger-copy.diyhero:hover {
  background-color: var(--peru);
}

.warfair-accordian-item-trigger-copy {
  z-index: 10;
  cursor: pointer;
  background-color: #1e4135;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.warfair-accordian-item-trigger-copy:hover {
  background-color: var(--peru);
}

.warfair-accordian-item-trigger-copy.black {
  background-color: #7a0f1e;
}

.warfair-accordian-item-trigger-copy.black:hover {
  background-color: var(--peru);
}

.warfair-accordian-item-trigger-copy.diyhero {
  background-color: #ad812b;
}

.warfair-accordian-item-trigger-copy.diyhero:hover {
  background-color: var(--peru);
}

.diy-hero-accordian-item-trigger-copy {
  z-index: 10;
  cursor: pointer;
  background-color: #1e4135;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.diy-hero-accordian-item-trigger-copy:hover {
  background-color: var(--peru);
}

.diy-hero-accordian-item-trigger-copy.black {
  background-color: #7a0f1e;
}

.diy-hero-accordian-item-trigger-copy.black:hover {
  background-color: var(--peru);
}

.diy-hero-accordian-item-trigger-copy.diyhero {
  background-color: #ad812b;
}

.diy-hero-accordian-item-trigger-copy.diyhero:hover {
  background-color: var(--peru);
}

.warfair-content {
  z-index: 10;
  position: relative;
  overflow: hidden;
}

.soft-skills-block {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 120px;
  display: flex;
}

.soft-skill-name-label {
  width: 100%;
  height: 25px;
  color: var(--peru);
  text-align: left;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
}

.soft-skills-description {
  color: #fcfcfc;
  text-align: left;
  width: 100%;
  margin-top: 5px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.soft-skills-reverse-block {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 120px;
  display: flex;
}

.soft-skills-text-container {
  width: 60%;
  color: var(--peru);
}

.soft-skills-reverse-text-container {
  width: 60%;
}

.soft-skill-reverse-name-label {
  width: 100%;
  height: 25px;
  color: var(--peru);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
}

.skill-image-reverse {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e10f63b8992e6ac764aa3_Skill_Unreal.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100px;
}

.skill-image-reverse.unity {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8a06aca4e54fd171c821_Skill%20Unity.png");
}

.skill-image-reverse.indesign {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d16ac694811cf569a_Skills%20Indesign.png");
}

.skill-image-reverse.photoshop {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d3fdf206b6c2a1276_Skill%20Photoshop.png");
}

.skill-image-reverse.aftereffects {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d08cd1bbda71b88ef_Skill%20After%20Effects.png");
}

.skill-image-reverse.xd {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d5156d562d954f942_Skill%20XD.png");
}

.skill-image-reverse.inventor {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e91eb200f8933f7908e72_Skills%20Inventor.png");
}

.skill-image-reverse.office {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e930a2582aa6003ec41dd_Skills%20Office.png");
}

.skill-image-reverse.visual-scripting {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e9beb160b35cc4e59c30e_Skills%20Visual%20Scripting.png");
  width: 20%;
  margin-left: 15px;
  margin-right: 0;
}

.skill-image-reverse.coding {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e9d1b6901267518d50e52_Skills%20Scripting.png");
  width: 40%;
}

.soft-skills-reverse-description {
  color: #fcfcfc;
  text-align: right;
  width: 100%;
  margin-top: 5px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.soft-skills-text-block {
  color: #d68401;
  margin-top: 50px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  display: block;
}

.soft-skills-text-block.contact-me {
  margin-bottom: 20px;
}

.soft-skills-text-block.socials {
  text-align: center;
  width: 110px;
  margin-bottom: 0;
}

.soft-skills-text-block.subhead {
  text-align: center;
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 30px;
  display: block;
}

.soft-skills-text-block.subhead-copy {
  z-index: 999;
  color: #fff;
  text-align: center;
  margin-bottom: 25px;
  margin-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  display: block;
  position: static;
}

.soft-skills-text-block.tech-skills {
  margin-top: 20px;
}

.soft-skills-image {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604f8652f983075f730a8149_innovation.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20%;
  height: 100px;
  margin-right: 15px;
}

.soft-skills-image.unity {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8a06aca4e54fd171c821_Skill%20Unity.png");
}

.soft-skills-image.indesign {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d16ac694811cf569a_Skills%20Indesign.png");
}

.soft-skills-image.photoshop {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d3fdf206b6c2a1276_Skill%20Photoshop.png");
}

.soft-skills-image.aftereffects {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d08cd1bbda71b88ef_Skill%20After%20Effects.png");
}

.soft-skills-image.xd {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d5156d562d954f942_Skill%20XD.png");
}

.soft-skills-image.inventor {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e91eb200f8933f7908e72_Skills%20Inventor.png");
}

.soft-skills-image.office {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e930a2582aa6003ec41dd_Skills%20Office.png");
}

.soft-skills-image.visual-scripting {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e9beb160b35cc4e59c30e_Skills%20Visual%20Scripting.png");
  width: 20%;
  margin-right: 15px;
}

.soft-skills-image.coding {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e9d1b6901267518d50e52_Skills%20Scripting.png");
  width: 40%;
}

.soft-skills-image.creative-problem {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6093a5ebd38dbd8b78d18a4c_solution.png");
  width: 90px;
  height: 90px;
  margin-right: 10px;
}

.soft-skills-image.communicate {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604f9f445407d6f772a77689_conversation.png");
  width: 90px;
  height: 90px;
  margin-right: 10px;
}

.soft-skills-reverse-image {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e10f63b8992e6ac764aa3_Skill_Unreal.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20%;
  height: 100px;
  margin-left: 15px;
}

.soft-skills-reverse-image.unity {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8a06aca4e54fd171c821_Skill%20Unity.png");
}

.soft-skills-reverse-image.indesign {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d16ac694811cf569a_Skills%20Indesign.png");
}

.soft-skills-reverse-image.photoshop {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d3fdf206b6c2a1276_Skill%20Photoshop.png");
}

.soft-skills-reverse-image.aftereffects {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d08cd1bbda71b88ef_Skill%20After%20Effects.png");
}

.soft-skills-reverse-image.xd {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d5156d562d954f942_Skill%20XD.png");
}

.soft-skills-reverse-image.inventor {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e91eb200f8933f7908e72_Skills%20Inventor.png");
}

.soft-skills-reverse-image.office {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e930a2582aa6003ec41dd_Skills%20Office.png");
}

.soft-skills-reverse-image.visual-scripting {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e9beb160b35cc4e59c30e_Skills%20Visual%20Scripting.png");
  width: 20%;
  margin-right: 15px;
}

.soft-skills-reverse-image.coding {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e9d1b6901267518d50e52_Skills%20Scripting.png");
  width: 40%;
}

.soft-skills-reverse-image.adapt {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604f8c9a391fb456af3ad7ca_puzzle-piece.png");
  width: 90px;
  height: 90px;
  margin-left: 10px;
}

.soft-skills-reverse-image.determine {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604fa15ad0b56e5419304a5f_determination.png");
  width: 90px;
  height: 90px;
  margin-left: 10px;
}

.success-message {
  background-color: var(--peru);
}

.error-message {
  background-color: #d60101;
}

.text-field-2 {
  color: #fff;
  background-color: #3b3b3b;
  border: 1px #000;
  border-bottom: 2px #d68401;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-style: normal;
}

.text-field-2.form-field {
  height: 100px;
  font-style: italic;
}

.success-message-2 {
  background-color: #d68401;
}

.line-seperation-2 {
  color: #fff;
  background-color: #d68401;
  border-radius: 20px;
  width: 2px;
  height: 370px;
  margin-left: 0;
  margin-right: 0;
}

.bold-text-8 {
  color: #d68401;
}

.submit-button-2 {
  text-transform: uppercase;
  background-color: #d68401;
  border-radius: 10px;
  width: 100%;
  font-family: Roboto, sans-serif;
}

.dot-2 {
  color: #d68401;
  background-color: #d68401;
  border-radius: 20px;
  width: 10px;
  height: 10px;
}

.dot-2.top {
  margin-top: 0;
  margin-bottom: 12px;
}

.email-icon {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604ebeae2582aa42bfece558_email.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20%;
  height: 100px;
  margin-right: 15px;
}

.email-icon.unity {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8a06aca4e54fd171c821_Skill%20Unity.png");
}

.email-icon.indesign {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d16ac694811cf569a_Skills%20Indesign.png");
}

.email-icon.photoshop {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d3fdf206b6c2a1276_Skill%20Photoshop.png");
}

.email-icon.aftereffects {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d08cd1bbda71b88ef_Skill%20After%20Effects.png");
}

.email-icon.xd {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e8e3d5156d562d954f942_Skill%20XD.png");
}

.email-icon.inventor {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e91eb200f8933f7908e72_Skills%20Inventor.png");
}

.email-icon.office {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e930a2582aa6003ec41dd_Skills%20Office.png");
}

.email-icon.visual-scripting {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e9beb160b35cc4e59c30e_Skills%20Visual%20Scripting.png");
  width: 20%;
  margin-right: 15px;
}

.email-icon.coding {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/604e9d1b6901267518d50e52_Skills%20Scripting.png");
  width: 40%;
}

.email-block {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 120px;
  display: flex;
}

.about-me-description {
  color: #fcfcfc;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.let-s-talk-description {
  color: #fcfcfc;
  width: 100%;
  margin-top: 5px;
  font-family: Roboto, sans-serif;
}

.bold-text-9 {
  color: var(--peru);
}

.project-head-section {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fece4e6aac90890b360bfa7_DIY%20Hero%20Screenshot.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 40vh;
  margin-top: 80px;
}

.project-head-banner {
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.project-head-banner.warfair {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fce19814adcebb7df3312a2_WarFair%20test%20Screen.png");
  background-position: 50% 35%;
  background-size: cover;
}

.project-head-banner.zombodies {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb3960b89b333cb29c6fb1_Zombodies.JPG");
  background-position: 50% 45%;
  background-size: cover;
}

.project-head-banner.melodramatica {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e4c763ecfe673312365c84_Melodramatica.JPG");
  background-position: 50% 40%;
  background-size: cover;
}

.project-head-banner.warfair {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fce19814adcebb7df3312a2_WarFair%20test%20Screen.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.project-tinted-slide {
  background-color: #344908cc;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 35%;
  display: flex;
}

.project-tinted-slide.green-2 {
  background-color: #09462ecc;
  flex-direction: row;
  justify-content: space-between;
}

.project-tinted-slide.yellow {
  background-color: #926216a6;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.project-tinted-slide.red {
  background-color: #921616a6;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.dropdown-link {
  color: #f0f0f0;
  text-align: left;
  background-color: #202020;
  border-bottom: 1px solid #fff;
  font-family: Roboto, sans-serif;
}

.dropdown-link:hover {
  background-color: var(--peru);
  color: var(--black);
}

.dropdown-link.w--current {
  color: var(--peru);
}

.project-name-bar {
  background-color: #344908;
  height: 60px;
}

.project-name-bar.green {
  width: 100%;
  height: 80px;
}

.project-name-bar.green:hover {
  background-color: var(--peru);
}

.project-name-bar.red {
  background-color: #7a0f1e;
  width: 100%;
  height: 80px;
}

.project-name-bar.red:hover {
  background-color: var(--peru);
  width: 100%;
}

.project-name-bar.green-2 {
  background-color: #153027;
  width: 100%;
  height: 80px;
}

.project-name-bar.green-2:hover {
  background-color: var(--peru);
}

.project-name-bar.yellow {
  background-color: #926216;
  width: 100%;
  height: 80px;
}

.project-name-bar.yellow:hover {
  background-color: var(--peru);
  width: 100%;
}

.project-name-bar.darkred {
  background-color: #921e16;
  width: 100%;
  height: 80px;
}

.project-name-bar.darkred:hover {
  background-color: var(--peru);
  width: 100%;
}

.project-name-bar.turquoise {
  mix-blend-mode: normal;
  background-color: #0f7a70;
  height: 75px;
  line-height: 25px;
}

.project-name-bar.turquoise:hover {
  background-color: #3aa79c;
}

.text-span {
  color: #fff;
}

.project-slide-text {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100%;
  margin-left: 0;
  padding-bottom: 10px;
  display: flex;
}

.double-engine-holder {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.unity-logo {
  clear: none;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6031409499a1ba1f897a046b_Unity%20Logo%20White.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  width: 100%;
  height: auto;
  position: static;
  inset: auto 0% 0% auto;
}

.roles-and-responsibilities-2 {
  background-color: #202020;
  height: 300px;
}

.main-contributions-section-2 {
  background-color: #202020;
  width: 100%;
  display: flex;
  position: relative;
}

.main-contributions-section-2.grey {
  color: #3b3b3b;
  background-color: #3b3b3b;
}

.column-sliders-2 {
  background-color: #202020;
  flex: none;
  width: 55%;
  position: static;
}

.column-sliders-2.grey {
  background-color: #3b3b3b;
}

.tab-plane-3 {
  background-color: #303030;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff155475c148a0306da6998_Boss%20Design%202.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.tab-plane-3.zom_level2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395ecd2578c91d895e09_Level%20Moment%20Sketches%202.JPG");
  height: 100%;
}

.tab-plane-3.zom_level1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395f5c8429a402412f4e_Level%20Moment%20Sketches%201.JPG");
  height: 100%;
}

.tab-plane-3.zom_level3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb45595bbbbd82888669d1_Blockout%20Experimentation.JPG");
}

.tab-plane-3.zom_level4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395f6d435d01a6ef73a3_Level%20Layouts.JPG");
}

.tab-plane-3.zomlevel6 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb39614d19bf6ebbd2816c_Hub%20Level%20Gif.gif");
}

.tab-plane-3.zom_game2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395f8efa2b8fa59e9d80_Zombie%20Mechanics.JPG");
  height: 100%;
}

.tab-plane-3.zom_game4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395fcd2578ff96895e0a_Player%20Experience.JPG");
}

.tab-plane-3.zom_level5 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395ec34e636efb61a7ff_Level%20Final.JPG");
  background-position: 50%;
  background-size: contain;
}

.tab-plane-3.zom_game3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395dfc2054a14f23618b_Meet%20the%20Zombodies.JPG");
}

.tab-plane-3.zom_game1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb395df68ce319cf51e7b5_Meet%20Ghost.JPG");
  height: 100%;
}

.tab-plane-3.zomv2level2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649b69763af6d519edd29262_ClassSystem.drawio.png");
  background-position: 50%;
  background-size: contain;
}

.tab-plane-3.zomv2_level3-1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649b6131c48ee841ecd49082_Comments.jpg");
  background-position: 50%;
  background-size: contain;
}

.tab-plane-3.zomv2_level3-2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649c03a4bf28ab02a4442562_ReferenceRef.jpg");
  background-position: 50%;
  background-size: contain;
}

.tab-plane-3.zomv2_lev1-1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649beba83db704aca25adb4f_LeverChanging.gif");
  height: 100%;
}

.tab-plane-3.zomv2_lev1-2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649bf312bf28ab02a42dd375_PedastoolSetUp.gif");
  height: 100%;
}

.tab-plane-3.zomv2_lev1-3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649bf5651ea0320a4fe5c74a_SetUpItemPedast.jpg");
  height: 100%;
}

.tab-plane-3.zomv2level2-2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649bff3e61bfa2f8d148f362_LeveraaFunctionality.jpg");
  background-position: 50%;
  background-size: contain;
}

.tab-plane-3.zomv2_level3-3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649c04bdc02c737205103a9a_OrganizedVariables.jpg");
  background-position: 50%;
  background-size: contain;
}

.tab-plane-3.zomv2level2-3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649b61309330031aadcc0855_HelpDesigners.jpg");
  background-position: 50%;
  background-size: contain;
}

.tab-plane-3.zomv2level2-4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649b61303af6d519edc82dfb_HelpDesigners2.jpg");
  background-position: 50%;
  background-size: contain;
}

.project-duration-2 {
  color: #fff;
  width: auto;
  margin-bottom: 10px;
  margin-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.tab-links-2 {
  color: #fff;
  background-color: #202020;
  border-radius: 0 0 10px 10px;
  font-family: Roboto, sans-serif;
}

.tab-links-2.w--current {
  color: #fff;
  background-color: #d68401;
  font-weight: 400;
}

.diy-hero-content {
  z-index: 10;
  position: relative;
  overflow: hidden;
}

.dropdown-toggle {
  padding: 0;
}

.skills-and-abilities-header {
  z-index: 100;
  color: #fff;
  cursor: auto;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 20px;
  font-family: Roboto, sans-serif;
  display: block;
  position: relative;
}

.scroll-progress-bar {
  transform-origin: 0%;
  background-color: #d68401;
  align-items: center;
  width: 100%;
  height: 20px;
  display: flex;
}

.link {
  color: var(--black);
  font-size: 12px;
}

.invisible-top-bar {
  height: 0;
  position: relative;
}

.progress-bar-container {
  transform-origin: 0%;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.back-to-top-box {
  background-color: var(--peru);
  transform-origin: 0%;
  width: 80px;
  height: 20px;
  color: var(--black);
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.text-block-11 {
  color: #fff;
  justify-content: center;
  display: flex;
  position: relative;
  top: 46px;
  left: -135px;
}

.div-block-15 {
  width: 100%;
  height: 3px;
}

.top-mid {
  width: 100%;
  padding-bottom: 0;
}

.list-item {
  color: #fff;
  font-size: 16px;
}

.bottom-third {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  width: 100%;
  display: flex;
}

.list-box {
  flex: 1;
  justify-content: center;
  display: flex;
}

.heading-9 {
  color: #fff;
}

.text-block-12 {
  color: #fdfdfd;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.list {
  max-width: 50%;
}

.engine-text-contaner {
  width: 100%;
}

.navbar-2 {
  opacity: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
}

.navbar-3 {
  position: fixed;
  inset: 0% 0% auto;
}

.nav-menu {
  width: 50%;
  display: flex;
}

.div-block-16 {
  background-color: #d60000;
  width: 100px;
  height: 50px;
}

.mobile-nav-bar, .navbar-4 {
  display: none;
}

.created-with-engine {
  width: 100%;
}

.click-for-more-text {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  display: block;
}

.click-for-more-text.invisible {
  display: block;
}

.anchor {
  object-fit: fill;
  height: 0;
  position: relative;
  top: -90px;
}

.coming-soon-text {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  display: block;
}

.coming-soon-text.invisible {
  opacity: 1;
  display: block;
}

.coming-soon-text.zombodiesv2 {
  opacity: 1;
  cursor: pointer;
  display: block;
}

._wf-showcase1 {
  background-color: var(--slider-grey);
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa8b59fa903a3c365ac0a2_DP%20Pillars.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

._wf-showcase1.hublevel1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15e9f0eebbc184ff281ab_Level%201.JPG");
  height: 100%;
}

._wf-showcase1.hublevel2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1604c98f9f9ab9cc3b2ea_Level%20Gif%201.gif");
  height: 100%;
}

._wf-showcase1.bossdesign3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15546d62f1623894ad7e6_Boss%20Design%201.JPG");
}

._wf-showcase1.bossdesign1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15547d485763870572394_Boss%20Design%203.JPG");
  height: 100%;
}

._wf-showcase1.bossdesign2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1554724ceba17db9f21bf_Boss%20Design%204.JPG");
  height: 100%;
}

._wf-showcase1.bossdesign5 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1554792fcdb3e9fdc2836_Boss%20Design%202.5.JPG");
}

._wf-showcase1.bossdesign6 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fece4e6aac90890b360bfa7_DIY%20Hero%20Screenshot.png");
}

._wf-showcase1.hublevel3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff16eddc8f67584f75b1eae_Level%20Gif%202.gif");
}

._wf-showcase1.sfx1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff1778bbc9ac27acfae2670_DIY%20HEro%20Splash%20Screen.gif");
  height: 100%;
}

._wf-showcase1.sfx2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff177adf528ecce85868a10_Research%20-%20Audio.JPG");
  height: 100%;
}

._wf-showcase1.sfx3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff177ad98f9f9234ec3d2d0_DIY%20Hero%20Sound.JPG");
}

._wf-showcase1.wf_tuton-2 {
  background-color: var(--dark-slate-grey-2);
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa5a10e17726a48218ab42_WarFair%20Layout%20Sketches.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

._wf-showcase1.presshow2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff17502559a421eeba9a84c_Pitch%201.JPG");
  height: 100%;
}

._wf-showcase1.presshow3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff175aad62f160aa54b0626_DIY%20Hero%20Team.jpg");
}

._wf-showcase1.wf_tuton-1 {
  background-color: var(--slider-grey);
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa5a10fd67336349cda7a5_WarFair%20Level%20Moment%20Sketches.JPG");
  height: 100%;
}

._wf-showcase1.wf_tuton-3 {
  background-color: var(--slider-grey);
  background-image: none;
  height: 100%;
}

._wf-showcase1.wf_gd1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa7821f68ce34a415041a8_Objective.JPG");
}

._wf-showcase1.wfgd2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa782188a1feec261b25fd_Character.JPG");
}

._wf-showcase1.wfgd3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa7822d7864257e551c591_Overall%20Core%20Game%20Loop.JPG");
}

._wf-showcase1.wfgd4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa7c2ece5ce37745453b16_Playtest%20WF.gif");
}

._wf-showcase1.wfenemy1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa7822ce5ce3e1f545325d_Enemy%201.JPG");
}

._wf-showcase1.wfenemy2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa7822ec2444e9805a0a46_Enemy%202.JPG");
}

._wf-showcase1.wfenemy3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa8637ec9403549fd14e9b_Enemy%20Vision%20Cone.gif");
}

._wf-showcase1.wfenemy4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fce1a02d56c1a062d5f97b7_Warfair%20Bad%20guys.png");
}

._wf-showcase1.wfgd1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fce19814adcebb7df3312a2_WarFair%20test%20Screen.png");
}

._wf-showcase1.wfshow3 {
  background-image: none;
}

._wf-showcase1.actors1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6c2b7e8521076859e4e44_Backstage.png");
}

._wf-showcase1.actors2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6c2b3480c1c52035112b0_ActorInteraction.png");
}

._wf-showcase1.actors3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6ca6e5cdef529b2ef0053_Costume%20Dresser.png");
}

._wf-showcase1.actors4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6dadd585d417218aed83f_Show%20Performance.png");
}

._wf-showcase1.actorsimp1 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6cdb5677038cc01b254a3_Result%20Screen.png");
}

._wf-showcase1.actorsimp2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6d3698254a6eb375ada2f_Show%20ReRoll.gif");
}

._wf-showcase1.actorsimp3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6d4c9de5aca704858c1c7_Show%20Caclulation.JPG");
}

._wf-showcase1.actorsimp4 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6e2abdb2ac0341a0512ae_Tutorial%20GIf.gif");
}

._wf-showcase1.actorsbalance1 {
  background-color: var(--slider-grey);
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6d3028b6583e731c5e40a_Show%20Balancing%20Document%20Gif.gif");
  height: 100%;
}

._wf-showcase1.actorsbalance2 {
  background-color: var(--dark-slate-grey-2);
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa5a10e17726a48218ab42_WarFair%20Layout%20Sketches.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

._wf-showcase1.actorsbalance3 {
  background-color: var(--slider-grey);
  background-image: none;
  height: 100%;
}

.bold-text-11 {
  color: var(--peru);
}

.link-2 {
  color: var(--peru);
  font-style: italic;
}

.text-span-2, .italic-text-4 {
  color: #fff;
}

.div-block-17 {
  background-color: #6e0202;
  width: 100%;
  height: 80px;
}

.roles-grid-x-3-copy {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  order: 1;
  grid-template-rows: 150px;
  grid-template-columns: .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: center;
  align-self: center;
  justify-items: center;
  margin-left: 0;
  display: grid;
}

.div-block-17-copy {
  background-color: #d36322;
  width: 100%;
  height: 80px;
}

.div-block-17-copy._19 {
  background-color: #046457;
  line-height: 25px;
}

.zombodies-v2-title-image {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649c06ec681e806c159c4a57_ZombodiesV2Title.jpg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 20px;
  margin-top: 25px;
  padding-top: 0;
}

.text-center-er-2 {
  cursor: pointer;
  border-right: 1px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  line-height: 20px;
  display: flex;
}

.link-block-5 {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-top: 0;
  display: flex;
}

.html-embed {
  flex: 1;
  order: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.container-2-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  padding-top: 0;
  display: block;
}

.body-3 {
  background-color: #000000e6;
  display: block;
}

.onepager-section {
  background-color: #f000;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-top: 0;
  margin-bottom: 0;
  position: sticky;
  top: 0;
}

.secondaryheading {
  color: #fff;
  margin-left: 10px;
  font-size: 28px;
  position: sticky;
}

.container-6 {
  max-width: 1200px;
}

.newcontainerclass {
  color: #d68401;
  max-width: 100%;
  position: sticky;
  top: 0;
}

.paragraph-6 {
  color: #fff9;
  max-width: 450px;
  margin-left: 10px;
}

.grid-9 {
  grid-template-rows: auto 1px;
}

.projectonepager {
  color: #d68401;
  background-color: #19191900;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  height: 30%;
  min-height: auto;
  display: flex;
}

.onepagerlefthalf {
  flex-direction: column;
  flex: 1;
  width: 50%;
  max-width: 60%;
  height: auto;
  margin-left: 0;
  display: flex;
}

.onepagerrighthalf {
  background-color: #000;
  border-bottom-left-radius: 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 50%;
  max-width: 40%;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  display: flex;
}

.onepager_linevertical {
  color: #fff;
  background-color: #fff;
  border-radius: 20px;
  width: 2px;
  height: auto;
  margin: 20px 0;
}

.onepager_linehorizantal {
  background-color: #fff;
  width: 80%;
  height: 2px;
  margin: 12px 10px;
}

.div-block-18 {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.onepager_imagecontainer {
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  height: 50%;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.onepager_projectspecs {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-right: 12px;
  display: flex;
}

.image-5 {
  mix-blend-mode: normal;
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #c0c0c000;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  border: 1px #b8050500;
  border-radius: 20px;
  max-width: none;
  height: 95%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
  position: static;
  overflow: hidden;
}

.onepager_enginelogo {
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 50%;
  display: flex;
}

.image-6 {
  object-fit: fill;
  max-width: 100%;
  margin-top: 0;
}

.onepager_right_bottomright {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 50%;
  display: flex;
}

.onepager_right_textcontainer {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  width: 100%;
  padding-left: 10px;
  display: flex;
}

.onepager_right_sentence {
  flex-direction: row;
  justify-content: flex-start;
  width: auto;
  height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.div-block-22 {
  object-fit: fill;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-right: 10px;
  display: flex;
}

.highlightstext {
  color: #fff;
  align-self: flex-start;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.projectnamebar {
  color: #d68401;
  text-align: center;
  background-color: #d68401;
  border-radius: 20px 20px 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  margin: 0;
  display: flex;
}

.projectnamebar.warfair {
  background-color: #6e0202;
  height: 80px;
}

.projectnamebar.melodramatica {
  margin-top: 0;
}

.projectnamebar.diy-hero {
  background-color: #026332;
  margin-top: 0;
}

.projectnamebar.truckdriver {
  background-color: #002e92;
}

.projectnamebar.vertigo {
  background-color: #686868;
}

.projectnamebar.persona3d {
  background-color: #00796d;
}

.projectnamebar.zombodiesv2 {
  background-color: #007da7;
}

.onepager_projecttitletext {
  color: #fff;
  background-color: #fff0;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 50px;
}

.grid-10 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-11 {
  grid-column-gap: var(--gridcollumgap);
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.responsibilityhighlights {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  flex: 0 auto;
  grid-template: "." 1px
  / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  align-self: center;
  place-items: center;
  width: 100%;
  height: 35%;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.onepager_roleblock {
  border: 1px solid #fdfdfd;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 140px;
  height: 140px;
  margin-top: 0;
  display: flex;
}

.div-block-25 {
  border: 1px solid #fff;
  border-radius: 20px;
  min-width: 100px;
  max-width: 120px;
  min-height: 100px;
  max-height: 120px;
}

.image-7 {
  aspect-ratio: auto;
  object-fit: cover;
  width: 75px;
  height: 75px;
  margin-bottom: 0;
}

.responsibilityiconbox {
  max-width: 60%;
  max-height: 60%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.bold-text-12 {
  font-size: 18px;
}

.responsibilitylabel {
  text-align: center;
  margin-bottom: 10px;
}

.responsibilitytext {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}

.paragraph-7 {
  color: #fff;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.list-section {
  aspect-ratio: auto;
  object-fit: fill;
  flex-direction: row;
  height: auto;
  margin-top: 0;
  display: flex;
}

.list-item-2 {
  color: #fff;
}

.points-list-item {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
}

.list-item-4 {
  color: #f7f7f7;
}

.list-half-block {
  width: 50%;
}

.div-block-26 {
  color: #fdfdfc;
}

.resposibilitiestextblock {
  color: #fff;
  margin-bottom: 10px;
  display: flex;
}

.italic-text-5 {
  color: #fff;
  padding-left: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.div-block-27 {
  width: 100%;
}

.link-3 {
  color: #d68401;
  font-family: Roboto, sans-serif;
  font-size: 15px;
}

.onepager-main {
  background-color: #b87305;
  max-width: 1200px;
  margin: 10px auto;
}

.onepager-main.warfair {
  background-color: #6e020200;
  margin-top: auto;
  margin-bottom: 0;
  position: sticky;
  top: 100px;
}

.onepager-main.warfair._2 {
  margin-bottom: 2rem;
  top: 11rem;
}

.onepager-main.melodramatica {
  background-color: #d6840100;
  width: 100%;
  height: 90%;
  margin-top: auto;
  margin-bottom: 0;
  position: static;
  top: 0;
}

.onepager-main.melodramatica._2 {
  margin-bottom: 2rem;
  top: 9rem;
}

.onepager-main.diyhero {
  background-color: #d6840100;
  margin-top: auto;
  margin-bottom: 0;
  position: sticky;
  top: 5rem;
}

.onepager-main.diyhero._2 {
  margin-bottom: 4rem;
  top: 9rem;
}

.onepager-main.truckdriver {
  background-color: #6e020200;
  margin-top: auto;
  margin-bottom: 0;
  position: sticky;
  top: 100px;
}

.onepager-main.truckdriver._2 {
  margin-bottom: 2rem;
  top: 11rem;
}

.onepager-main.vertigo {
  background-color: #6e020200;
  margin-top: auto;
  margin-bottom: 0;
  position: sticky;
  top: 100px;
}

.onepager-main.vertigo._2 {
  margin-bottom: 2rem;
  top: 11rem;
}

.onepager-main.warfair-copy {
  background-color: #6e020200;
  margin-top: auto;
  margin-bottom: 0;
  position: sticky;
  top: 100px;
}

.onepager-main.warfair-copy._2 {
  margin-bottom: 2rem;
  top: 11rem;
}

.onepager-main.zombodiesv2 {
  background-color: #6e020200;
  margin-top: auto;
  margin-bottom: 0;
  position: sticky;
  top: 100px;
}

.onepager-main.zombodiesv2._2 {
  margin-bottom: 2rem;
  top: 11rem;
}

.div-block-29 {
  background-color: #191919;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6564b343b70cd410cd7e7aa9_Slash%20Section%20Divider%20Black%20Up%20Left.svg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-30 {
  flex-direction: column;
  display: flex;
}

.div-block-31 {
  background-color: #000;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 5px;
  margin-left: 5px;
  display: flex;
}

.dividinglineholder {
  background-color: #000;
  flex: 0 auto;
  justify-content: center;
  width: 24px;
  margin-bottom: 5px;
  display: flex;
}

.div-block-32 {
  width: 100%;
  height: auto;
  min-height: 70vh;
  max-height: 70vh;
  display: flex;
}

.div-block-33 {
  background-color: #0000;
  justify-content: center;
  height: 80px;
  display: flex;
}

.div-block-34 {
  color: #191919;
  background-color: #191919;
  border: 1px #000;
  flex: 1;
  margin-bottom: 5px;
}

.onepagersection {
  height: 70vh;
}

.onepagersection.melodramatica, .onepagersection.warfair {
  height: 40vh;
}

.container-7 {
  width: 100%;
  max-width: none;
  position: sticky;
  overflow: visible;
}

.stack_wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.onepagerbackground {
  cursor: auto;
  background-color: #d68401;
  border-radius: 0;
  justify-content: center;
  display: flex;
}

.onepagerbackground.warfair {
  background-color: #6e0202;
}

.onepagerbackground.diyhero {
  background-color: #026332;
}

.onepagerbackground.truckdriver {
  background-color: #002e92;
}

.onepagerbackground.vertigo {
  background-color: #686868;
}

.onepagerbackground.persona3d {
  background-color: #00796d;
}

.onepagerbackground.zombodiesv2 {
  background-color: #007da7;
}

.div-block-35 {
  border-radius: 20px 20px 0 0;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.onepager_titlelinkblock {
  cursor: pointer;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.onepager_titlelinkblock.melodramatica {
  cursor: auto;
}

.onepager_titlelinkblock.nolink {
  cursor: default;
}

.hero-section {
  color: #333;
  background-color: #000;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 70vh;
  margin-top: 0;
  display: flex;
  position: static;
  top: 0;
}

.hero-section.melodramatica, .hero-section.warfair {
  height: 40vh;
}

.hero-holder {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  height: 90vh;
  display: flex;
  position: static;
}

.div-block-37 {
  flex: 0 auto;
  width: 100%;
  height: 70vh;
}

.heading-10 {
  color: #fff;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  font-family: Roboto, sans-serif;
  font-size: 80px;
  line-height: 65px;
  display: block;
}

.div-block-38 {
  display: block;
}

.hero_heading {
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  justify-content: center;
  width: 100%;
  font-size: 20vh;
  line-height: 1;
  display: flex;
}

.hero_heading.heading-1 {
  text-align: center;
  text-shadow: 0 0 4em #00000040;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 20vh;
  font-weight: 900;
  position: relative;
  overflow: hidden;
}

.hero_heading.heading-1-copy {
  text-align: center;
  text-shadow: 0 0 4em #00000040;
  flex-direction: column;
  height: 20vh;
  font-weight: 900;
  position: static;
}

.text-block-14 {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--peru);
  position: absolute;
  inset: 0%;
}

.scrollingheadtext {
  height: 20vh;
  position: static;
}

.scrollingheadtext.withstroke {
  z-index: 2;
  color: #3330;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--peru);
  position: absolute;
  inset: 0%;
}

.div-block-39 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fc4a2d851c3f857df7a9e2e_Me%20-%20test-min.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 90vh;
  position: absolute;
  inset: 0%;
}

.hero_heading-inverted {
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  justify-content: center;
  width: 100%;
  font-size: 20vh;
  line-height: 1;
  display: flex;
}

.hero_heading-inverted.heading-1 {
  text-align: center;
  text-shadow: 0 0 4em #00000040;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 20vh;
  font-weight: 900;
  position: relative;
  overflow: hidden;
}

.hero_heading-inverted.heading-1-copy {
  text-align: center;
  text-shadow: 0 0 4em #00000040;
  flex-direction: column;
  height: 20vh;
  font-weight: 900;
  position: static;
}

.heading-11 {
  text-align: center;
}

.herotext {
  text-align: center;
  margin-top: -50px;
  margin-bottom: 0;
  font-size: 100px;
  font-weight: 700;
  line-height: 15vh;
}

.herotext.withstroke {
  color: var(--dark-slate-grey);
  text-align: left;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: var(--peru);
  margin-top: 0;
  line-height: 10vh;
}

.herotext_withstroke {
  color: #3330;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--peru);
  font-size: 15vh;
  font-weight: 700;
  line-height: 15vh;
  position: static;
  inset: 0% 0% auto;
}

.boldtextcontainer {
  position: absolute;
  inset: 0%;
}

.stroketextcontainer {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.herotext_withstroke-_inverted {
  color: #3330;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--peru);
  font-size: 15vh;
  font-weight: 700;
  line-height: 15vh;
  position: static;
  inset: 0% 0% auto;
}

.herotext_inverted {
  text-align: center;
  font-size: 15vh;
  font-weight: 700;
  line-height: 15vh;
}

.herosubtext {
  color: var(--peru);
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--dark-slate-grey);
  font-size: 10vh;
  font-weight: 700;
  line-height: 15vh;
  position: static;
  inset: 0% 0% auto;
}

.hero-wrapper {
  z-index: 1;
  height: auto;
  min-height: 100vh;
  margin-bottom: -100vh;
  position: relative;
  top: auto;
  overflow: visible;
}

.spacer {
  -webkit-text-stroke-color: #3330;
  background-color: #0000;
  flex: 0 auto;
  order: 0;
  width: 100%;
  height: 100vh;
  position: static;
  top: 0;
}

.spacer.footer {
  background-color: #000;
  height: 100vh;
}

.page-wrapper {
  width: 100%;
}

.onepager-wrapper {
  z-index: 3;
  background-color: #2b2b2b;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  min-height: 100vh;
  margin-bottom: -100vh;
  position: relative;
}

.hero-half-block {
  align-items: center;
  width: 40%;
  display: flex;
}

.hero-half-block.left {
  z-index: -1;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  position: relative;
}

.hero-half-block.left.stroketextcontainer {
  position: static;
}

.hero-half-block.right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  position: static;
}

.hero_rightcontainer {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.nonscrollingtext {
  color: #fff;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 50px;
  display: block;
}

.nonscrollingtext.bottom {
  color: var(--peru);
  margin-top: 0;
}

.nonscrollingtext.top {
  margin-bottom: -20px;
}

.scrollingtext {
  color: var(--peru);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  line-height: 50px;
}

.herosubtext-secondline {
  align-items: center;
  display: flex;
}

.herosubtextcontainer {
  flex-direction: column;
  justify-content: center;
  margin-top: 10px;
  display: flex;
}

.mover {
  height: auto;
  overflow: visible;
}

.mover-wrapper {
  height: 50px;
  overflow: hidden;
}

.heading-12 {
  font-size: 70px;
}

.herosection_heading {
  color: var(--dark-slate-grey);
  font-size: 70px;
}

.div-block-40 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fc4a2d851c3f857df7a9e2e_Me%20-%20test-min.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
}

.lefthalfblock-container {
  z-index: 2;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
  display: flex;
  position: static;
  inset: 0% auto 0% 5%;
}

.lefthalfblock-container._2 {
  z-index: -1;
}

.emptydivider_left {
  width: 50%;
  height: auto;
}

.wrapper {
  min-height: 100vh;
  margin-bottom: -100vh;
}

.wrapper.aboutmesection {
  z-index: 2;
  color: #fff;
  background-color: #9c2121;
  border-radius: 20px 20px 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-bottom: -100vh;
  display: flex;
  position: relative;
}

.section-2 {
  justify-content: center;
  width: 80%;
  height: 300px;
  display: flex;
  position: sticky;
  top: 0;
}

.home-hero-wrapper {
  margin-top: 0;
  margin-bottom: -100vh;
  display: none;
}

.home-hero-wrapper._2 {
  display: block;
}

.home-hero-section {
  background-color: var(--black);
  -webkit-text-stroke-color: #c51a1a00;
  width: 100vw;
  height: 70vh;
  min-height: 0;
  max-height: none;
  display: block;
  position: sticky;
  top: 0;
}

.home-aboutme-wrapper {
  z-index: 2;
  aspect-ratio: auto;
  background-color: #000;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 100vh;
  margin-top: 0;
  margin-bottom: -100vh;
  padding-top: 5px;
  display: flex;
  position: sticky;
  top: 90px;
}

.home-aboutme-wrapper._2 {
  z-index: 3;
  background-color: var(--peru);
}

.home-aboutme-section {
  background-color: #1f585700;
  flex-direction: column;
  width: 90vw;
  min-height: 90%;
  margin-left: 0;
  padding-bottom: 10px;
  padding-left: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.wrapper-onepager {
  z-index: 2;
  aspect-ratio: auto;
  background-color: var(--black);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 100vh;
  margin-bottom: -100vh;
  display: none;
  position: relative;
}

.wrapper-onepager._2 {
  z-index: 3;
  background-color: var(--peru);
}

.onepagercontent {
  background-color: #a5b81800;
  flex: 0 auto;
  width: 95%;
  min-height: 100vh;
  margin-bottom: 0;
  margin-left: 10px;
  padding-left: 0;
  position: static;
  top: 0;
}

.div-block-41 {
  background-color: #dd1616;
  padding-top: 320px;
}

.body-4 {
  background-color: #000;
}

.footer-wrapper {
  z-index: 5;
  -webkit-text-stroke-color: #000;
  margin-top: -100vh;
  position: relative;
  bottom: 0;
}

.footer-content {
  z-index: 1;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: sticky;
  bottom: auto;
}

.heading-13 {
  color: #fff;
  text-align: left;
  letter-spacing: normal;
  text-transform: capitalize;
  width: 30%;
  font-size: 70px;
  font-weight: 400;
}

.paragraph-8 {
  color: #a0a0a0;
  padding-left: 0;
}

.block-quote {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
  line-height: 33px;
}

.emphasizedtext, .text-span-4, .text-span-5 {
  color: var(--peru);
  font-size: 45px;
  font-style: italic;
  font-weight: 500;
}

.text-span-6 {
  color: var(--peru);
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: 100px;
  font-style: italic;
  font-weight: 500;
  line-height: 30px;
}

.heading-14 {
  color: #fff;
  height: 90%;
  margin-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 35px;
  font-style: italic;
  font-weight: 300;
  display: block;
}

.quote-container {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  display: flex;
}

.paragraph-9 {
  color: #c5c5c5;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-left: 30px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  display: flex;
}

.div-block-42 {
  flex: 1;
  height: 50%;
  display: flex;
}

.div-block-43 {
  justify-content: flex-start;
  height: 40%;
  display: flex;
}

.image-8 {
  height: 100%;
}

.container-8 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fce18c8c5248ef2972e4f3e_Me%20and%20my%20Brain.jpg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 50vw;
  height: 40vh;
  display: block;
}

.sectionheading {
  width: 90%;
  height: auto;
  margin-bottom: 0;
  display: flex;
}

.heading-15 {
  color: #b8b8b8;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.text-span-7 {
  color: var(--peru);
  font-weight: 700;
}

.heading-16 {
  color: var(--peru);
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.link-heading {
  color: #fffdfd;
  border-bottom: 1px #fff;
  font-family: Roboto, sans-serif;
  font-weight: 100;
}

.link-heading:hover {
  color: #fff;
  font-style: italic;
}

.link-arrow {
  justify-content: flex-start;
  align-items: center;
  max-height: 20px;
  display: flex;
}

.arrow-container {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6571ea4ef82e307ef56bd3ba_next.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 20px;
  min-height: 20px;
  max-height: 18px;
}

.moreinfo-linkbox {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.div-block-45 {
  border-bottom: 1px solid #fffefe;
  width: 100%;
  height: 1px;
}

.italic-text-6 {
  color: var(--peru);
  font-size: 18px;
  font-weight: 400;
}

.italic-text-7 {
  font-weight: 400;
}

.clip-element {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/61ccd54cf960e66f97b1d436_SOEDESCO%20Image.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border: 1px silver;
  width: 280px;
  height: 280px;
  overflow: visible;
}

.image-9 {
  opacity: 0;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
}

.hardskills-wrapper {
  z-index: 4;
  aspect-ratio: auto;
  border: 4px solid var(--dark-slate-grey-2);
  background-color: #000;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-bottom: -100vh;
  padding-top: 5px;
  display: flex;
  position: sticky;
  top: 0;
}

.hardskills-wrapper._2 {
  z-index: 3;
  background-color: var(--peru);
}

.hardskills-content {
  background-color: #1f585700;
  flex-direction: row;
  justify-content: center;
  width: 100vw;
  height: auto;
  min-height: 90%;
  margin-bottom: 40px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

.hardskills-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
}

.quick-stack {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.quick-stack-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 10px;
}

.cell {
  border: 2px solid var(--peru);
  border-radius: 20px;
  justify-content: center;
}

.div-block-47 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10%;
  display: flex;
  overflow: visible;
}

.div-block-48 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/62f2653e2519af9d2052afd1_plan.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 70%;
  margin-bottom: 5px;
}

.text-block-15 {
  color: var(--peru);
  text-align: center;
  font-size: 10px;
  overflow: visible;
}

.cell-2, .cell-3 {
  border: 2px solid var(--peru);
  border-radius: 20px;
}

.div-block-49 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.tetrisgrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 100%;
  padding: 10px;
}

.cell-4 {
  background-color: #00961936;
  border: 2px solid #009619;
  border-right: 2px #001f05;
}

.cell-5 {
  background-color: #00961936;
  border-top: 2px solid #009619;
  border-bottom: 2px #009619;
  border-left: 2px #00961936;
  border-right: 2px solid #009619;
  justify-content: center;
}

.cell-6 {
  background-color: #00961936;
  border: 2px #009619;
  border-style: none none solid solid;
}

.cell-7 {
  background-color: #00961936;
  border: 2px solid #009619;
  border-left-style: none;
  justify-content: center;
}

.cell-8 {
  background-color: #9249004d;
  border: 2px solid #924900;
  border-right-style: none;
}

.cell-9 {
  background-color: #9249004d;
  border: 2px solid #924900;
  border-top-style: none;
  justify-content: space-around;
}

.cell-10 {
  background-color: #9249004d;
  border: 2px solid #924900;
  border-style: solid solid none none;
}

.cell-11 {
  background-color: #ffd22e26;
  border: 2px solid #ffd22e;
  justify-content: center;
  align-items: center;
}

.cell-12 {
  background-color: #058af740;
  border: 2px solid #058af7;
}

.cell-13 {
  background-color: #ec007a26;
  border: 2px solid #ec007a;
  border-right-style: none;
}

.cell-14 {
  background-color: #ec007a26;
  border: 2px solid #ec007a;
  border-style: solid solid none none;
}

.cell-15 {
  background-color: #ec007a26;
  border: 2px solid #ec007a;
  border-top-style: none;
}

.cell-16 {
  background-color: #7707a740;
  border: 2px solid #7707a7;
  border-bottom-style: none;
}

.cell-17 {
  background-color: #7707a740;
  border: 2px #7707a7;
  border-left-style: solid;
}

.cell-18 {
  background-color: #7707a740;
  border: 2px solid #7707a7;
  border-top-style: none;
}

.cell-19 {
  background-color: #7707a740;
  border: 2px solid #7707a7;
  border-left-style: none;
}

.cell-20, .cell-21, .cell-22, .cell-23, .cell-24, .cell-25, .cell-26, .cell-27, .cell-28, .cell-29, .cell-30, .cell-31 {
  border: 1px solid #474747;
}

.div-block-50 {
  width: 100%;
}

.text-block-16 {
  width: 100%;
  height: 20%;
  color: var(--peru);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 500;
  display: flex;
}

.skills-image {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65731037aae36aff5a33eec3_adobe-photoshop.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 80%;
  margin-top: 0;
  padding-top: 0;
}

.skills-image.ps {
  height: 75%;
}

.skills-image.ae {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6573103734f1d504fc69bda3_after-effects.png");
  height: 75%;
}

.skills-image.id {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/657310378150d2a63f00e9f6_adobe-indesign.png");
  height: 75%;
}

.skills-image.xd {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/657312185aac48aeab32d418_experience.png");
  height: 75%;
}

.skills-image.microsoftoffice {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6573184996941637a6578641_office.png");
  height: 75%;
}

.skills-image.word {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6573184a34f1d504fc6e4cb7_word.png");
  height: 75%;
}

.skills-image.powerpoint {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65731849cedf4379e9e7c181_powerpoint.png");
  height: 75%;
}

.skills-image.excel {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6573184917211ce3d9eb2585_excel.png");
  height: 75%;
}

.skills-image.autodesklogo {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/657366b81bf2ec6d2bae7590_Autodesk%20png%20icon.png");
  height: 75%;
}

.skills-image.inventor {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/657366b5ac08c710ed4bb59b_autodesk%2C%20inventor%20png%20icon.png");
  height: 75%;
}

.skills-image.revit {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/657366b52850147fe546426d_revit.png");
  height: 75%;
}

.skills-image.cad {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/657366b5c83d5490f2d1d57f_cad.png");
  height: 75%;
}

.skills-image.visualscripting {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65736cc0bab8a6f6c9afa16f_workflow.png");
  height: 75%;
}

.skills-image.css {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65736b3cb4f50f67f0fa967e_web-programming.png");
  height: 75%;
}

.skills-image.machinations {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6573710f053bf9278dd02420_Machinations.png");
  height: 75%;
}

.skills-image.perforce {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/657371da41538521cc48ae2a_perforce.png");
  height: 75%;
}

.skills-image.jira {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6573710e7128a2ecf767ce4b_jira.png");
  height: 75%;
}

.skills-image.confluence {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/6573710f95bcf2ebfc0aba33_confluence.png");
  height: 75%;
}

.div-block-52 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 5px;
  display: flex;
}

.div-block-54 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/602fdec42b0fedfabbbefd6c_Unreal%20Engine%20White%20Logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 90%;
  height: 90%;
  padding-top: 0;
}

.text-block-17 {
  width: 100%;
  height: 20%;
  color: var(--peru);
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.text-block-17.subicon {
  font-size: 11px;
}

.text-block-17.subtextsolo {
  height: auto;
  font-size: 15px;
}

.text-block-17.mactext {
  font-size: 13px;
}

.tetris-wrapper {
  border: 1px solid #0065f3;
  border-radius: 20px;
  flex: none;
  width: 400px;
  height: 787.5px;
}

.div-block-55 {
  height: 100vh;
}

.test-wrapper {
  z-index: 3;
  background-color: #3b3b3b00;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: -100vh;
  display: flex;
  position: relative;
}

.test-wrapper._2, .test-wrapper._3 {
  background-color: #3b3b3b00;
}

.skills-contentholder {
  flex-direction: column;
  align-items: center;
  height: 100%;
  display: flex;
  position: sticky;
  top: 0;
  bottom: auto;
}

.home-onepagers {
  z-index: 4;
  cursor: auto;
  background-color: #202020;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  align-items: center;
  height: auto;
  min-height: 100vh;
  margin-bottom: -100vh;
  display: none;
  position: relative;
  top: 0;
}

.accordian-wrapper {
  background-color: #20202000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
}

.accordian-pane {
  z-index: 3;
  max-width: 1200px;
  margin-left: 20px;
  position: sticky;
  bottom: 75px;
}

.accordian-pane._2 {
  z-index: 6;
  margin: auto;
  bottom: 0;
}

.accordian-pane.bottom {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-bottom: 0;
  bottom: 15px;
}

.accordian-pane.front {
  z-index: 7;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: -50px;
  display: none;
}

.accordian-pane._3 {
  z-index: 5;
  margin: auto;
  bottom: 55px;
}

.accordian-pane._4 {
  z-index: 4;
  margin: auto;
  display: block;
  bottom: 45px;
}

.accordian-pane._5 {
  z-index: 3;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -10px;
  display: block;
  bottom: 35px;
}

.accordian-pane.warfair {
  z-index: 2;
  cursor: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  bottom: 25px;
}

.accordian-pane._5-2 {
  z-index: 3;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
  bottom: 35px;
}

.accordian-pane.persona3d, .accordian-pane.melodramatica {
  margin-left: 0;
}

.accordian-pane.diyhero {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-bottom: 0;
  bottom: 15px;
}

.paragra {
  height: 300px;
}

.div-block-58 {
  height: 200px;
}

.paragraph-10 {
  color: #ccc;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: auto;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
  display: block;
}

.text-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}

.tetris-side-wrapper {
  width: auto;
  display: flex;
}

.hardskills-contentwrapper {
  width: 100%;
}

.hardskills-subcontentwrapper {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.hardskills-subcontentwrapper._2 {
  object-fit: scale-down;
  flex: 0 auto;
  justify-content: space-between;
  width: 20vw;
  min-width: 0;
  display: flex;
}

.hardskills-forwardwrapper {
  border: 1px solid #0065f3;
  border-radius: 20px;
  width: 90%;
  height: auto;
  margin-bottom: 40px;
  padding-top: 0;
}

.paragraph-7-copy {
  color: #fff;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.bold-text-13, .bold-text-14 {
  color: var(--peru);
}

.softskills-tree-wrapper {
  width: 100%;
  height: 90%;
  display: flex;
}

.skilltreestem-wrapper {
  width: 12.5%;
  height: 100%;
  display: flex;
}

.skilltree-branchgrouper {
  width: 100%;
  height: 100%;
}

.trunk-head {
  flex-direction: row;
  flex: 1;
  width: 100%;
  height: auto;
  margin-left: 0;
  padding-left: 20px;
  display: flex;
}

.softskills-topwrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 10%;
  display: flex;
}

.skilltree-title-wrapper {
  border: 3px solid var(--peru);
  border-radius: 10px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.skilltree-paragraph {
  color: #ccc;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
  display: block;
}

.heading-17 {
  color: var(--peru);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  font-family: Roboto, sans-serif;
}

.skilltree-trunk {
  border: 2px solid var(--peru);
  border-radius: 0 0 20px 20px;
  align-self: flex-start;
  width: auto;
  height: 100%;
}

.skilltree-trunk.end {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  align-self: stretch;
  height: 100%;
}

.skilltree-branchgroup {
  width: 50%;
}

.skilltree-branchwrapper {
  flex-direction: column-reverse;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: auto;
  max-width: 13.33%;
  height: auto;
  display: flex;
}

.skilltree-horizantalbranch {
  border-right: 0px none var(--dark-slate-grey);
  background-color: var(--peru);
  width: 100%;
  height: 3px;
  margin-bottom: 20px;
}

.skilltreecontent-wrapper {
  width: auto;
  max-width: 45vw;
  height: 100%;
  display: flex;
}

.skilltreecontent-wrapper._1 {
  object-fit: fill;
}

.skillsegment-wrapper {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: auto;
  display: flex;
}

.aspratiobox {
  aspect-ratio: 1;
  border: 2px solid var(--peru);
  object-fit: contain;
  background-color: #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.heading-18 {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  overflow-wrap: normal;
  order: 0;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 15px;
}

.div-block-67 {
  height: 25%;
}

.div-block-68 {
  width: 50vw;
}

.pusher {
  flex: 1;
}

.skilltree-gradientbg {
  background-image: linear-gradient(#000 8%, #80b6a28f 44%, #000);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 50vw;
  height: 25%;
  display: flex;
}

.skilltree-gradientbg.vesitility {
  width: 72vw;
  display: flex;
  overflow: visible;
}

.skilltree-gradientbg.communication {
  background-image: linear-gradient(#000 8%, #a780b68f 44%, #000);
  width: 72vw;
}

.skilltree-gradientbg.ethic {
  background-image: linear-gradient(#000 8%, #edff86a8 44%, #000);
  width: 72vw;
}

.skilltree-gradientbg.secretskill {
  background-image: linear-gradient(#000 8%, #87bfcc8f 44%, #000);
  width: 72vw;
}

.div-block-70 {
  flex-direction: row;
  width: 100%;
  display: flex;
}

.headstem {
  border: 0px none var(--peru);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 100%;
  margin-left: 20px;
  display: flex;
}

.skill-tree-trunkwrapper {
  flex-direction: row;
  width: 100%;
  height: 90%;
  margin-left: 20px;
  display: flex;
}

.skillicon-image-container {
  width: 80%;
  height: 80%;
}

.image-10 {
  aspect-ratio: 1;
}

.skilltree-groupwrapper {
  width: 60%;
  max-width: 30vw;
}

.softskills-heading {
  color: #fff;
  text-align: center;
  width: 60%;
  max-width: 40vw;
  margin-top: 0;
  margin-bottom: 15px;
  padding-left: 60px;
}

.softskills-categorywrapper {
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 100%;
  margin-left: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.softskills-categorytext {
  color: #503d57;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 2vw;
  font-weight: 900;
}

.softskills-categorytext.versitility {
  color: #00e08d;
}

.softskills-categorytext.communication {
  color: #e5b0f8;
}

.softskills-categorytext.ethic {
  color: #fff64b;
}

.softskills-categorytext.secretskill {
  color: #7bb3f0;
}

.paragraph-11 {
  color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  font-style: italic;
  display: flex;
}

.ttileandtrunk-wrapper {
  flex-direction: column;
  width: 40%;
  height: 100%;
  display: flex;
}

.softskills-forwardwrapper {
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.softskills-boarderbox {
  border: 1px solid var(--peru);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 100%;
  display: flex;
}

.cell-32 {
  justify-content: center;
  align-items: center;
}

.cell-33 {
  justify-content: flex-start;
  align-items: center;
}

.aboutme_layoutgrid {
  grid-column-gap: 0px;
  padding: 0 10px;
}

.reccomendations-wrapper {
  z-index: 6;
  background-color: #161616;
  border-radius: 20px;
  width: 100%;
  height: auto;
  margin-bottom: -100vh;
  padding-bottom: 20px;
  position: relative;
  top: 0;
}

.wordmouth-container {
  width: 90vw;
  max-width: none;
  height: auto;
  position: sticky;
  top: 0;
  bottom: auto;
}

.html-embed-2 {
  height: 430px;
  margin-bottom: 10px;
  display: block;
  overflow: hidden;
}

.div-block-74 {
  background-color: #ee1c1c;
  width: 500px;
  height: 50px;
  position: relative;
  bottom: 70px;
  left: 20vw;
}

.contactme-wrapper {
  z-index: 1;
  background-color: #0f0f0f;
  border-radius: 0 0 20px 20px;
  justify-content: center;
  display: flex;
  position: relative;
}

.letschat-box {
  margin-right: 40px;
}

.getintouchtext {
  color: #fff;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 300;
  line-height: 50px;
  display: block;
}

.getintouchtext.keepup {
  color: #919191;
  padding-top: 0;
}

.getintouch-emphasizedtext {
  color: var(--peru);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 80px;
  font-style: italic;
  font-weight: 700;
  line-height: 70px;
}

.html-embed-tablet {
  height: 500px;
  display: block;
  overflow: hidden;
}

.html-embed-mobile {
  height: 500px;
  display: none;
}

.html-embed-2-copy {
  height: 500px;
  display: block;
}

.softskills-section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
}

.softskill-wrapper {
  z-index: 4;
  aspect-ratio: auto;
  border: 4px solid var(--slider-grey);
  background-color: #000;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-bottom: -100vh;
  padding-top: 5px;
  display: flex;
  position: sticky;
  top: 0;
}

.softskill-wrapper._2 {
  z-index: 3;
  background-color: var(--peru);
}

.swipe-text {
  display: none;
}

.softskills-content {
  background-color: #1f585700;
  flex-direction: row;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  min-height: 90%;
  margin-bottom: 40px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

.quick-stack-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  padding-bottom: 10px;
}

.cell-34 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 52px;
}

.heading-19 {
  color: var(--peru);
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 65px;
  font-weight: 500;
}

.heading-19.connected {
  font-size: 80px;
}

.heading-19.stay {
  color: #c4c4c4;
  margin-top: auto;
  margin-right: 2px;
  font-size: 35px;
  font-style: italic;
}

.heading-20 {
  color: #ddd;
  margin-top: 10px;
  font-family: Roboto, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.cell-35 {
  justify-content: center;
  align-items: flex-end;
}

.cell-36 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.cell-37 {
  flex-direction: row;
  justify-content: flex-end;
}

.cell-38 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.socialmediabox {
  aspect-ratio: 1;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-width: 0;
  max-width: none;
  display: flex;
}

.logoimage {
  width: auto;
  max-width: 100%;
  height: auto;
  position: static;
  inset: 0%;
}

.logoimage.hover {
  width: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.logo-wrapper {
  aspect-ratio: 1;
  width: 60px;
  min-width: 0;
  min-height: 0%;
  position: relative;
}

.logoimage-copy {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.socialmedia_text {
  margin-top: 10px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-style: italic;
}

.cell-39 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cell-40 {
  justify-content: center;
  align-items: center;
}

.hardskills-imageblock {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65a677b6134b825cfee35804_Chess%202.jpeg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex: 1;
  width: 90%;
  height: 65%;
}

.div-block-75 {
  height: 75px;
}

.slider-container {
  justify-content: flex-end;
  align-items: stretch;
  width: 40%;
  height: 40%;
  display: flex;
}

.slide-1 {
  background-color: #fff0;
  border-radius: 20px;
}

.slide-8 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa8b59fa903a3c365ac0a2_DP%20Pillars.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.project-slider {
  background-color: #3b3b3b;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 35px;
  display: flex;
}

.bullet-container {
  z-index: 0;
  background-color: #3b3b3b;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 50vw;
  display: flex;
  position: static;
}

.bullet-container.static {
  margin-right: 10px;
}

.slide-9 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/618e045f7c9bff598b97ab9f_melodramatica.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.slide-10 {
  background-color: #a75e5e;
}

.mask {
  border-radius: 20px;
  width: 100%;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}

.contributions-slider {
  background-color: #ddd0;
  border-radius: 20px;
  width: 80%;
  min-height: 450px;
  position: relative;
  right: auto;
}

.contributions-slider.aspect-16-9 {
  width: 100%;
  height: 100%;
  min-height: 0;
  position: absolute;
  inset: 0%;
}

.slider-bullettext {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.bullet-textcontainer {
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  padding: 20px;
  display: flex;
}

.contributions-textcontainer {
  background-color: #202020;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  display: flex;
}

.contributions-textcontainer.aspect-16-9 {
  flex-direction: row;
  flex: 0 auto;
  width: 100%;
}

.slide-2-copy {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fefdda29c74e64b5b68a65d_Scarface.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-2-copy.diyhero {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15547d485763870572394_Boss%20Design%203.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-2-copy.hub-level {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff15e9f0eebbc184ff281ab_Level%201.JPG");
  background-position: 50%;
}

.slide-2-copy.diyherotran {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff177ad98f9f9234ec3d2d0_DIY%20Hero%20Sound.JPG");
  background-position: 0%;
  background-size: contain;
}

.slide-2-copy.diyheropres {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ff17502559a421eeba9a84c_Pitch%201.JPG");
  background-position: 0%;
  background-size: contain;
}

.left-arrow {
  margin-left: auto;
  padding-left: 0;
}

.swiper {
  justify-content: center;
  width: 100%;
  display: flex;
}

.swiper.is-photos {
  width: 100vw;
  height: 500px;
}

.swiper-wrapper {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
}

.swiper-slide {
  background-color: #e40505;
  width: 100%;
  height: 100%;
  padding-top: 140%;
}

.swiper-slide._2 {
  background-color: #d7e01c;
}

.swiper-slide._3 {
  background-color: #0905e4;
}

.swiper-image {
  background-color: #6b866c;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/649b61309330031aadcc0855_HelpDesigners.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 100%;
  height: 300px;
}

.swiper-image._2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffb3960b89b333cb29c6fb1_Zombodies.JPG");
}

.swiper-image._3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5ffa8b59fa903a3c365ac0a2_DP%20Pillars.JPG");
}

.test-slider {
  background-color: #3b3b3b;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.slide-nav-2 {
  bottom: -40px;
}

._16-9-frame {
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  position: relative;
}

.slide-content {
  width: 100%;
  height: 100%;
  position: relative;
}

.slideimage {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.body-5 {
  background-color: var(--slider-grey);
}

.project-guts {
  width: 100%;
}

.picture-side {
  justify-content: center;
  width: auto;
  min-width: 30%;
  height: auto;
  margin-right: 10px;
  display: block;
}

.single-project-contribution {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.div-block-78 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/60e6d3028b6583e731c5e40a_Show%20Balancing%20Document%20Gif.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0%;
}

.picture-container {
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 40%;
  display: flex;
}

.contributions-textcontainer-copy {
  background-color: #202020;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  display: flex;
}

.contributions-textcontainer-copy.aspect-16-9 {
  flex-direction: row;
  flex: 0 auto;
  width: 100%;
}

.spreader {
  margin-left: 10px;
  margin-right: 10px;
}

._3slide-bullet-text {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.onepager-imagelink {
  flex-direction: column;
  justify-content: center;
  height: 95%;
  display: flex;
}

.italic-text-11 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}

.italic-text-11.warfair {
  color: #f7f7f7;
}

.text-block-18 {
  color: #000;
  margin-bottom: 1px;
  font-family: Roboto, sans-serif;
}

.body-6 {
  background-color: #000;
}

.heading-21 {
  color: var(--peru);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  font-family: Roboto, sans-serif;
  font-size: 70px;
  line-height: 70px;
}

.heading-22 {
  color: #fff;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 20px;
  padding-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  display: flex;
}

.grid-12 {
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-79 {
  border: 3px solid var(--peru);
  width: auto;
  height: auto;
  margin-bottom: 10px;
  padding-top: 0%;
}

.cell-41, .cell-42, .cell-43 {
  align-items: center;
}

.paragraph-12 {
  color: #cfcfcf;
  text-align: center;
  max-width: 250px;
  font-size: 18px;
}

.heading-23 {
  color: #727272;
  margin-top: 0;
  margin-left: 0;
  padding-left: 20px;
  font-family: Roboto, sans-serif;
}

.designsystemsimage {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 250px;
  height: 250px;
}

.designsystemsimage._1 {
  background-image: none;
}

.havebar {
  border: 1px solid #c52020;
  width: 500px;
  height: 100px;
}

.havebar.graduated {
  width: 350px;
}

.accomplishments_wrapper {
  z-index: 1;
  background-color: #0f0f0f;
  flex-direction: column;
  display: block;
  position: relative;
}

.heading-24 {
  color: #727272;
  text-align: right;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #000;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 10px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  display: flex;
}

.workedwith {
  flex-direction: row;
  width: 100%;
  display: flex;
}

.div-block-84 {
  width: 300px;
  height: 100px;
}

.div-block-84.university-logo {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65bd21e59512e60da68ee6aa_Breda%20University%20in%20White.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-start;
  width: 50%;
  height: 100px;
  display: block;
}

.companylogocontainer {
  width: 300px;
  height: 100px;
}

.companylogocontainer.vertigo {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65bd248542f8a40642b5636b_Vertigo%20Logo%20WHite.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  margin-left: 10px;
  margin-right: 10px;
}

.companylogocontainer.persona3d {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65bd2679c64bdae6aac3d42d_Persona%203D%20White%20Logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 0;
  display: block;
}

.companylogocontainer.soedesco {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65bd26b3e8480f65f9753adf_Soedesco%20Logo%20White.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40%;
  margin-left: 10px;
  margin-right: 10px;
}

.companylogocontainer.afternature {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/661fa814a6a1057ef218847c_AFTERNATURE_White_Transparent.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80%;
  margin-left: 10px;
  margin-right: 10px;
}

.graduatedfrom {
  flex-direction: row;
  width: 100%;
  display: flex;
}

.jobdescription-heading {
  color: var(--project-colour);
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 10px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.righthalf {
  z-index: 2;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  margin-top: 0%;
  display: flex;
  position: static;
  inset: 0% auto 0% 5%;
}

.righthalf._2 {
  z-index: -1;
}

.recents-slider {
  border-radius: 20px;
  width: 300px;
}

.recentsslider-wrapper {
  flex-direction: row;
  width: 100%;
  height: 300px;
  display: flex;
}

.progressbar-wrapper {
  margin-top: 5px;
  margin-bottom: 5px;
}

.recents-progressbar {
  background-color: #494949;
  border-radius: 20px;
  height: 5px;
  position: relative;
}

.progress {
  background-color: var(--project-colour);
  border-radius: 20px;
  width: 50%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.bottombg {
  z-index: 0;
  opacity: .95;
  text-align: center;
  background-color: #353535;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-25 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}

.slide-11 {
  width: 100%;
  height: auto;
  padding-bottom: 0;
  padding-right: 0;
  overflow: hidden;
}

.mask-2 {
  opacity: 1;
  width: 100%;
  height: 50px;
}

.slider-4 {
  background-color: #ddd0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
}

.recentsslide-text {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  left: 0;
}

.div-block-86, .div-block-86-copy {
  flex: none;
  width: 100%;
  display: block;
  position: relative;
}

.div-block-87 {
  display: flex;
  position: relative;
  left: 0;
}

.recentsslide {
  border-radius: 20px;
}

.recentsslidercontent {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65bb8de4a97183692becdde6_Metro%20Awakening%20Hero.jpg");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 20px;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.recentsslidercontent._2 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65a7f96d9c30ede6f2d01b24_TruckDriver%20Hero.jpg");
  width: 165px;
  height: 300px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.recentsslidercontent._1 {
  width: 165px;
  height: 300px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.recentsslidercontent._3 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65bff75062ed5413a361abb2_Persona3D%20RecentPic.jpg");
  background-position: 57% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 165px;
  height: 300px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.image-13 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
}

.recentssliderheading {
  color: #fff;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.recentssliderheading._2 {
  font-size: 16px;
  line-height: 20px;
}

.mask-3 {
  border-radius: 20px;
}

.slide-nav-3 {
  display: none;
}

.recentslink {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-3 {
  z-index: 3;
  background-color: #202020;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  margin-bottom: 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.section-4 {
  z-index: 4;
  margin-top: 0;
  margin-bottom: 0;
  position: sticky;
  top: 0;
}

.section-5 {
  z-index: 4;
  position: sticky;
  top: 0;
}

.highlights-spacer {
  background-color: #303030;
  width: 100%;
  height: 40px;
}

.right-arrow-2 {
  margin-right: -70px;
  padding-right: 0;
}

.left-arrow-2 {
  margin-left: -70px;
  padding-left: 0;
  display: none;
}

.div-block-88 {
  width: 100%;
  display: none;
}

.heading-26 {
  color: #fffcfc;
  text-align: center;
  margin: 0 10px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.div-block-89 {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.div-block-90 {
  background-color: #fff;
  border-radius: 20px;
  flex: 1;
  max-width: 30%;
  height: 1px;
}

.link-block-6 {
  position: absolute;
  inset: 0%;
}

.section-6, .section-7, .section-8 {
  z-index: 4;
  background-color: #202020;
  justify-content: center;
  display: flex;
  position: sticky;
  top: 0;
}

.pager-section {
  z-index: 3;
  background-color: #20202000;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  margin-bottom: 0;
  display: flex;
  position: sticky;
  top: 140px;
}

.pager-section.top {
  background-color: #202020;
  top: 0;
}

.pager-section-copy {
  z-index: 3;
  background-color: #20202000;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  margin-bottom: 0;
  display: flex;
  position: sticky;
  top: 100px;
}

.pager-section-copy.top {
  background-color: #202020;
  top: 40px;
}

.cell-44, .cell-45 {
  align-items: center;
}

.quick-stack-6, .div-block-92 {
  width: 100%;
}

.graduatedfrom-stack {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 0;
  padding: 0;
}

.strokecell {
  border: 1px solid var(--peru);
  justify-content: center;
  align-items: flex-start;
}

.strokecell.rightaglined {
  border-style: none;
  align-items: flex-end;
}

.workedwith-stack {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
}

.cell-48 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
}

.cell-49 {
  border: 1px solid var(--peru);
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--peru);
  justify-content: center;
  align-items: flex-start;
}

.cell-50, .cell-51, .cell-52 {
  align-items: center;
}

.quick-stack-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 10px;
  padding: 0 0 10px;
}

.cell-53 {
  border: 1px solid var(--peru);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--peru);
  justify-content: center;
}

.cell-54 {
  justify-content: center;
  align-items: flex-end;
}

.cell-55 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.cell-56 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.cell-57 {
  justify-content: center;
  align-items: flex-start;
}

.image-14 {
  border-radius: 20px;
  width: auto;
  height: 300px;
}

.releasedwork_wrapper {
  z-index: 1;
  background-color: #0f0f0f;
  margin-top: 0;
  margin-bottom: -10px;
  padding-top: 0;
  position: relative;
}

.likestodesign_wrapper {
  z-index: 1;
  background-color: #0f0f0f;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  position: relative;
}

.coding_wrapper {
  z-index: 1;
  background-color: #0f0f0f;
  position: relative;
}

.whaticando_wrapper {
  z-index: 1;
  background-color: #202020;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.quick-stack-8 {
  padding: 0;
}

.cell-58 {
  justify-content: center;
  align-items: center;
}

.div-block-93 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/602fdec42b0fedfabbbefd6c_Unreal%20Engine%20White%20Logo.png");
  background-position: 50%;
  background-size: contain;
  width: 100%;
  padding-top: 100%;
}

.div-block-94 {
  background-color: #0f0f0f;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.heading-27 {
  color: #fff;
  text-align: left;
  margin-top: 10px;
  padding-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.quick-stack-9 {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  width: 100%;
  margin-top: 10px;
}

.cell-60 {
  flex-direction: column;
  align-items: center;
}

.heading-28 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 15px;
}

.div-block-95 {
  width: 90px;
  height: 90px;
}

.div-block-96 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-15 {
  width: 70px;
}

.image-16 {
  width: 80px;
}

.image-17 {
  width: 70px;
}

.div-block-97 {
  border: 1px none var(--peru);
  width: 100%;
  height: 40px;
}

.familiarwith-wrapper {
  background-color: #0f0f0f;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.div-block-97-copy {
  border: 1px none var(--peru);
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.heading-27-copy {
  color: #fff;
  text-align: left;
  margin-top: 10px;
  padding-left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.quick-stack-10 {
  grid-column-gap: 0px;
  margin-top: 10px;
}

.div-block-99 {
  flex-direction: column;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.paragraph-13 {
  color: #858585;
  margin-top: 5px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
}

.heading-29 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
}

.flex-block {
  padding-left: 0;
}

.fineprint {
  color: #ffc800;
  text-align: right;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #000;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  padding-bottom: 20px;
  padding-right: 0;
  font-family: Roboto, sans-serif;
  font-style: italic;
  font-weight: 400;
  display: flex;
}

.fineprint.footer {
  padding-right: 5px;
}

.fineprint.footer.linked {
  color: var(--peru);
  margin-left: 0;
}

.fineprint.footer.linked:hover {
  color: #fff;
}

.cell-61 {
  align-items: flex-end;
}

.cell-62, .cell-63 {
  justify-content: center;
  align-items: center;
}

.cell-64 {
  align-items: center;
}

.heading-30 {
  color: #fdfdfd;
  margin-bottom: 0;
}

.flex-block-2 {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 10px;
  margin-right: 10px;
}

.cell-65 {
  align-items: center;
}

.div-block-100, .div-block-101 {
  width: 90%;
}

.peoplesay_wrapper {
  z-index: 1;
  background-color: #0f0f0f;
  flex-direction: column;
  justify-content: center;
  height: auto;
  padding-top: 10px;
  display: flex;
  position: relative;
}

.reference-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 320px;
  max-width: 400px;
  height: 300px;
  display: flex;
}

.quotebubble {
  background-color: var(--dark-slate-grey);
  border-radius: 20px;
  width: 80%;
  height: 50%;
  margin-bottom: 5px;
  position: relative;
}

.quotationmark_text {
  color: var(--peru);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  font-family: Roboto, sans-serif;
  font-size: 150px;
  display: block;
  position: absolute;
  inset: 20% auto auto 0%;
}

.block-quote-2 {
  margin-top: 10px;
  font-family: Roboto, sans-serif;
}

.quote_paragraphtext {
  color: #dbdbdb;
  margin-top: 15px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
}

.name_heading {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  line-height: 18px;
}

.quoter_info-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  width: 70%;
  margin-top: 0;
  display: flex;
}

.image-18 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.quoterinfo_text-wrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.position_subtext {
  color: #747474;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 15px;
}

.linkedinpicture {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65cab461a0ec56136605cd1f_ProfilePic_Kent.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.linkedin_logo {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd3b927f8de6646ff39d2a_linkedin%20Ornage.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 5px;
  left: 10px;
}

.linkedin_logo:hover {
  pointer-events: auto;
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/5fcd3b9214be4d835f180a28_Linkedin%20White.png");
}

.linkedin_logo.footer {
  width: 100%;
  height: 100%;
  position: static;
}

.linkedinreccomendationlink {
  display: block;
  position: absolute;
  inset: auto 15% 25% auto;
}

.linkedinreccomendationlink.footer {
  width: 25px;
  height: 25px;
  position: static;
}

.quoter_profilepicture {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.linkedin_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-top: 0;
  padding-bottom: 0;
}

.cell-66 {
  justify-content: flex-start;
}

.linkedin_footer {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding-right: 60px;
  display: flex;
}

.contactme-wrapper-copy {
  justify-content: center;
  height: 110%;
  display: flex;
}

.letschat-box-copy {
  margin-right: 40px;
}

.cell-67 {
  justify-content: flex-end;
  align-items: flex-start;
}

.cell-68, .cell-69, .cell-70 {
  justify-content: center;
  align-items: center;
}

.quick-stack-11 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.linkedin-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-102 {
  width: 100%;
  height: 100vh;
}

.quick-stack-12, .quick-stack-13 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  padding-left: 0;
  padding-right: 0;
}

.cell-71 {
  align-items: center;
}

.notability_wrapper {
  background-color: #202020;
  margin-top: -10px;
  margin-bottom: -10px;
  padding-top: 0;
}

.notability_stack {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0 0 10px;
}

.video-2 {
  width: 100%;
  height: 100%;
}

.funsystemvideo {
  z-index: 100;
  width: 100%;
  height: 100%;
}

.homepagelinkblock.w--current {
  background-color: #000;
  border: 1px solid #d68401;
  border-top-width: 3px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  max-width: 60px;
  max-height: 60px;
  padding: 5px;
}

.nutshellnavbar_line {
  color: #d68401;
  background-color: #d68401;
  height: 3px;
}

.div-block-105 {
  justify-content: flex-end;
  display: flex;
}

.nutshellnavbar {
  z-index: 500;
  position: fixed;
  inset: 0% 0% auto;
}

.highlightspath-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100px;
  display: flex;
}

.highlightspath-wrapper._2 {
  display: none;
}

.heading-31 {
  color: #858585;
  white-space: nowrap;
  word-break: keep-all;
  margin-top: 0;
  margin-bottom: -5px;
  font-family: Roboto, sans-serif;
}

.heading-31._2 {
  color: #fff;
  margin-bottom: 0;
  font-weight: 400;
}

.heading-32 {
  color: var(--peru);
  margin-top: 4px;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 60px;
  line-height: 50px;
}

.heading-32:hover {
  color: #fff;
}

.div-block-107 {
  padding-left: 70px;
  display: flex;
}

.link-block-7 {
  align-items: center;
  display: flex;
}

.quick-stack-14 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  min-width: 500px;
  padding-left: 0;
  padding-right: 0;
}

.cell-72 {
  align-items: flex-end;
}

.cell-73 {
  justify-content: center;
  align-items: flex-start;
}

.cell-74 {
  align-items: flex-end;
  padding-right: 5px;
}

.navbarline {
  color: #d68401;
  background-color: #d68401;
  width: 100%;
  height: 4px;
}

.inanutshellnavbar {
  z-index: 200;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.link-block-8 {
  background-color: #000;
  border: 1px solid #d68401;
  border-top-width: 4px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 60px;
  height: 60px;
  padding: 5px;
}

.div-block-108 {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65d30fe9ef05ae76c6499cf1_HomeIcon.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.div-block-108:hover {
  background-image: url("https://cdn.prod.website-files.com/5fc4170306388f113726dcf4/65d34e7c961401457166eb41_HomeIcon_White.png");
}

.div-block-109 {
  z-index: 0;
  margin-top: -100vh;
  position: sticky;
  bottom: 0;
}

.div-block-110 {
  height: 100vh;
}

.div-block-111 {
  background-color: #000;
  position: sticky;
  bottom: 0;
}

.dividerbar {
  background-color: #202020;
  width: 100%;
  height: 15px;
}

.header-wrapper {
  z-index: 1;
  background-color: #0f0f0f;
  align-items: center;
  width: 100%;
  height: 110px;
  display: flex;
  position: relative;
}

.div-block-112 {
  z-index: 1;
  background-color: #0f0f0f;
  position: relative;
}

.navbar_content {
  z-index: 500;
  height: 15vh;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.div-block-113 {
  height: 10vh;
  position: relative;
}

.text-block-19 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.div-block-114 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.quick-stack-5-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  padding-bottom: 10px;
}

.cell-75 {
  justify-content: center;
  align-items: center;
}

.fullsitelink {
  color: var(--peru);
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.fullsitelink:hover {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-style: italic;
  font-weight: 700;
}

.cell-76, .cell-77 {
  justify-content: center;
  align-items: center;
}

.body_26 {
  background-color: #000;
  background-image: linear-gradient(#000000c2, #000000c2);
}

.header_26 {
  position: sticky;
  top: 0;
}

.hero_26 {
  -webkit-text-fill-color: inherit;
  background-color: #202020;
  background-clip: border-box;
  width: 100vw;
  margin-top: 150px;
}

.hugger {
  width: 90vw;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 60px;
}

.showup_section {
  margin-top: 20px;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.heading-33 {
  color: var(--project_colour_darker);
}

.paragraph-14 {
  color: #c4c4c4;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 300;
}

.heading-34 {
  color: var(--project-colour);
}

.paragraph-15 {
  color: #737373;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 20px;
}

.div-block-115 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.systems-approach-box {
  border: 1px solid var(--project-colour);
  background-color: #74530080;
  border-radius: 15px;
  width: 30%;
  margin-right: 0;
}

.systems-approach-box.production {
  background-color: #142316;
  border-color: #4da688;
}

.systems-approach-box.leadership {
  background-color: #0f151e;
  border-color: #6796c2;
}

.div-block-117 {
  flex-flow: column;
  display: flex;
}

.approach-icon {
  aspect-ratio: 1;
  object-fit: contain;
  width: 15%;
  margin: 10px 0;
}

.div-block-118 {
  aspect-ratio: 1;
  justify-content: flex-end;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.approach_number {
  color: #6c6c6c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
}

.approach_type {
  color: var(--project-colour);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
}

.approach_type.production {
  color: #4da688;
}

.approach_type.leadership {
  color: #6796c2;
}

.approach_toplineframe {
  justify-content: flex-start;
  margin-left: 20px;
  display: flex;
}

.div-block-120 {
  color: #6c6c6c;
  background-color: #6c6c6c;
  border-radius: 20px;
  height: 2px;
  min-height: 0;
  max-height: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-121 {
  flex-flow: column wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.approach_headline {
  color: var(--project-colour);
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
}

.approach_headline.production {
  color: #4da688;
}

.approach_headline.leadership {
  color: #6796c2;
}

.approach_paragraph {
  color: #6c6c6c;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Roboto, sans-serif;
}

.div-block-122 {
  margin-left: 10px;
}

.div-block-123 {
  aspect-ratio: 1;
  flex: 0 auto;
  width: 50%;
  min-width: auto;
}

.div-block-124 {
  background-color: var(--project-colour);
  border-radius: 20px;
  width: 10%;
  height: 2px;
  margin-right: 10px;
}

.div-block-125 {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.heading-35 {
  color: #c4c4c4;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
}

.herotext_new {
  color: #c4c4c4;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 125px;
  font-weight: 900;
  line-height: 15vh;
}

.herotext_new.withstroke {
  color: var(--dark-slate-grey);
  text-align: left;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: var(--peru);
  margin-top: 0;
  line-height: 10vh;
}

.herotext_new.orange {
  color: var(--project-colour);
}

.herotext_new.orange.lower {
  margin-top: -40px;
  margin-bottom: 0;
}

.bold-text-19, .bold-text-20 {
  color: var(--project-colour);
}

.div-block-126 {
  border: 1px solid #737373;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  height: 100px;
  padding-left: 10px;
  display: flex;
}

.text-block-20 {
  font-size: 30px;
}

.text-block-21 {
  color: var(--project-colour);
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.text-block-22 {
  color: #737373;
  font-family: Roboto, sans-serif;
}

.div-block-127 {
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.quick-stack-15 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  min-width: 500px;
  padding-left: 0;
  padding-right: 0;
}

.cell-78 {
  align-items: flex-end;
  padding-right: 5px;
}

.heading-36 {
  color: #858585;
  white-space: nowrap;
  word-break: keep-all;
  margin-top: 0;
  margin-bottom: -5px;
  font-family: Roboto, sans-serif;
}

.heading-36._2 {
  color: #fff;
  margin-bottom: 0;
  font-weight: 400;
}

.cell-79 {
  justify-content: center;
  align-items: flex-start;
}

.heading-37 {
  color: #d68401;
  margin-top: 4px;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 60px;
  line-height: 50px;
}

.heading-37:hover {
  color: #fff;
}

.cell-80 {
  align-items: flex-end;
}

.div-block-128 {
  width: 50%;
  max-width: 50%;
}

.div-block-129 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-span-8 {
  color: #c4c4c4;
  font-family: Roboto, sans-serif;
}

.div-block-130 {
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div-block-131 {
  flex: 1;
  width: 50%;
}

.div-block-132 {
  flex: 1;
  width: 50%;
  margin-left: 10px;
}

.div-block-133 {
  color: #6c6c6c;
  background-color: #6c6c6c;
  width: 100%;
  height: 2px;
  margin-top: 10px;
}

.div-block-134 {
  margin-right: 20px;
}

.div-block-135 {
  text-align: left;
  align-items: center;
  width: 30%;
  font-family: Roboto, sans-serif;
  display: flex;
}

.div-block-136 {
  margin-top: 10px;
  display: flex;
}

.div-block-137 {
  flex: 1;
}

.text-span-9 {
  color: #fff;
}

.text-block-23 {
  color: #505052;
}

.text-block-24 {
  color: #c2c2c3;
}

.grid-13 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-areas: "Area";
  font-family: Roboto, sans-serif;
}

.hard-skill-point {
  color: #c2c2c3;
  grid-template-areas: "Area Area Area Area ."
                       "Area-3 Area-4 Area-5 Area-6 Area-7";
}

.grid-13-copy {
  grid-template-rows: auto;
  grid-template-areas: "Area";
}

._4 {
  grid-template-rows: 0;
  grid-template-columns: 1fr;
}

.grid-14 {
  grid-template: "Area Area-2"
  / 1fr 1fr 1fr;
}

.bold-text-21 {
  text-align: center;
}

.grid-14-copy {
  grid-template: "Area Area-2"
  / 1fr 1fr 1fr;
}

.grid-14-copy._5 {
  grid-row-gap: 13px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

.div-block-138 {
  height: 500px;
}

.grid-15 {
  grid-row-gap: 8px;
  grid-template: "Area Area Area Area"
                 "Area-3 Area-4 Area-5 Area-6"
                 / 1fr 1fr 1fr 1fr;
}

.grid-15.documentation {
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.text-block-25, .bold-text-22, .text-block-26 {
  font-family: Roboto, sans-serif;
}

.grid-13-copy {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-areas: "Area";
  font-family: Roboto, sans-serif;
}

.grid-16 {
  grid-template: "Area Area Area"
                 "Area-2 Area-3 Area-4"
                 "Area-5 Area-6 Area-7"
                 / 1fr 1fr 1fr;
}

.grid-17 {
  grid-template-rows: auto;
  grid-template-areas: "Area Area-2";
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-block-27 {
  background-color: #111114;
}

.softskillsbox {
  border: 1px solid var(--project-colour);
  background-color: #111114;
}

.softskillsbox.orange {
  padding: 10px;
}

.softskillsbox.grey {
  box-sizing: border-box;
  border-color: #6c6c6c;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-block-28 {
  color: var(--project-colour);
  text-align: center;
  margin-bottom: 5px;
  font-size: 18px;
}

.softskills_body {
  color: #565656;
  text-align: center;
  font-family: Roboto, sans-serif;
}

.softskills_header.white {
  color: #c2c2c3;
  font-family: Roboto, sans-serif;
}

.grid-18 {
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 "Area-7 Area-8 Area-9"
                 / 1fr 1fr 1fr;
}

.section-9 {
  width: 90vw;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.projectblock {
  justify-content: space-around;
  align-items: stretch;
  margin-bottom: 20px;
  display: flex;
}

.div-block-139 {
  flex-flow: column;
  flex: 1;
  justify-content: space-around;
  margin-right: 10px;
  display: flex;
}

.projectdetails {
  flex-flow: column;
  width: 30%;
  display: flex;
}

.heading-38 {
  color: #c2c2c3;
  margin-top: 10px;
  font-family: Roboto, sans-serif;
}

.projectrole_subtext {
  color: var(--project-colour);
}

.projectrole {
  color: var(--project-colour);
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
}

.projectlocation {
  color: #737373;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
}

.projecttaggrid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.projecttaggrid.truckdriver, .projecttaggrid.diyhero {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.projecttag_box {
  text-align: center;
  background-color: #11111400;
  border: 1px solid #737373;
}

.projecttag_box.orange {
  padding: 10px;
}

.projecttag_box.grey {
  box-sizing: border-box;
  border-color: #6c6c6c;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.paragraph-16 {
  color: #fff;
  flex: 1;
  min-height: auto;
  max-height: 60%;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.text-block-29 {
  color: #737373;
  font-family: Roboto, sans-serif;
}

.projectmedia {
  width: 25%;
}

.releaselocation {
  color: #737373;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
}

.grid-19 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-14-copy {
  grid-row-gap: 5px;
  grid-template: "Area Area-2"
                 ". ."
                 / 1fr 1fr 1fr;
}

.text-span-10, .text-span-11 {
  color: #f9d400;
}

.section-10 {
  justify-content: space-around;
  align-items: stretch;
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

@media screen and (max-width: 991px) {
  .navbar {
    display: block;
  }

  .centerpeice {
    flex: 1;
    padding-left: 0;
  }

  .center-text {
    font-size: 20px;
  }

  .center-subtext {
    font-size: 10px;
  }

  .hero-heading {
    margin-left: -27px;
  }

  .hero-name {
    margin-top: 39px;
    font-size: 75px;
  }

  .hero-description {
    width: 90%;
    margin-left: 49px;
    font-size: 25px;
  }

  .divider {
    width: 400px;
  }

  .hero-side-right {
    margin-left: 0;
  }

  .text-block-2.contact-me {
    width: 100%;
  }

  .text-block-2.socials {
    text-align: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .text-block-2.socials.desktop {
    display: none;
  }

  .text-block-2.subhead {
    font-size: 20px;
  }

  .text-block-3 {
    width: 90%;
    margin-left: 51px;
    font-size: 16px;
  }

  .div-block {
    height: 0;
  }

  .section-black {
    flex-direction: column;
    justify-content: flex-start;
    height: 120vh;
    display: flex;
  }

  .section-black.contact-section, .section-black.linkedinpraise {
    height: 100vh;
  }

  .grid {
    grid-column-gap: 0px;
    flex: 0 auto;
    grid-template-columns: 1fr 1fr 1.5fr .25fr;
  }

  .container-2 {
    flex-direction: row;
    justify-content: center;
    max-width: 95%;
    padding-top: 0;
  }

  .current-status-box {
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .line-seperation {
    width: 90%;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .line-seperation.skills {
    height: 2px;
    margin: 20px 12px;
  }

  .line-seperation.onepager {
    flex: none;
    width: 90%;
    height: 2px;
  }

  .grid---about-contact-seperation {
    grid-template: "."
                   "Area"
                   "."
                   "."
                   "."
                   / 1.5fr;
    justify-items: stretch;
  }

  .contact-me-box {
    align-items: center;
  }

  .grid---additional-contact {
    grid-column-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .extra-contact-box {
    width: 100%;
  }

  .extra-contact-box.linkedin {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .extra-contact-hover.linkedin {
    background-size: contain;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
  }

  .extra-contact-hover.twitter, .extra-contact-hover.instagram {
    background-size: contain;
    width: 100%;
    height: auto;
  }

  .extra-content-linkbox {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    display: flex;
  }

  .extra-content-linkbox.twitter, .extra-content-linkbox.instagram, .extra-content-linkbox.linkedin {
    background-size: contain;
  }

  .form {
    width: 100%;
  }

  .socials-full-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .socials-full-box.empty {
    display: none;
  }

  .div-block-7 {
    margin-top: 1px;
    margin-left: 17px;
    margin-right: 0;
    padding-right: 0;
  }

  .box-holder.bottomrow {
    margin-right: 0;
  }

  .project-intro.black {
    flex-direction: column;
  }

  .project-paragraph {
    font-weight: 300;
  }

  .project-duration {
    margin-left: 0;
  }

  .youtube {
    border-radius: 20px;
    width: 90%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .roles-and-responsibilities.grey {
    height: auto;
  }

  .contribution-heading {
    font-size: 30px;
  }

  .video-container {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
  }

  .project-name-header.in-progress, .project-name-header.v2zombodies {
    cursor: default;
  }

  .slide-4 {
    padding-top: 27px;
  }

  .engine-part.onepager {
    flex-direction: row;
    flex: none;
    width: 100%;
    height: 15%;
  }

  .one-pager-text {
    width: 95%;
  }

  .one-pager---header {
    justify-content: flex-start;
    width: auto;
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 10px;
    display: flex;
  }

  .unreal-engine-logo {
    flex: 1;
    align-items: center;
    width: 40%;
    height: 100%;
    display: flex;
  }

  .project-one-pager.warfair, .project-one-pager.diyhero {
    flex-direction: column;
    height: 110vh;
  }

  .project-one-pager.zombodies {
    flex-direction: column;
    height: 100vh;
  }

  .project-one-pager.melodramatica, .project-one-pager.zombodiesv2, .project-one-pager.vertigo {
    flex-direction: column;
    justify-content: flex-start;
    height: 110vh;
  }

  .one-pager-mid-section {
    flex: none;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    display: flex;
  }

  .one-pager-image.melodramatica, .one-pager-image.soedesco, .one-pager-image.zombodiesv2 {
    background-position: 50% 70%;
    background-size: cover;
  }

  .one-pager-image-container {
    justify-content: center;
    width: 100%;
    max-width: 100%;
    height: 40%;
  }

  .black-seperation {
    height: 80px;
  }

  .skills-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .hard-skills {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    height: 50%;
    display: flex;
  }

  .soft-skills {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    display: flex;
  }

  .hard-skills-tools {
    width: 100%;
  }

  .hard-skills-technical {
    flex: 1;
    height: 40%;
    display: block;
  }

  .soft-skills-text-block {
    width: 100%;
    margin-top: 10px;
  }

  .text-block-11 {
    font-size: 15px;
    top: 40px;
    left: 0;
  }

  .top-mid {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .bottom-third {
    flex: 0 auto;
    height: auto;
  }

  .text-block-12 {
    width: 100%;
    margin-left: 10px;
  }

  .engine-text-contaner {
    width: 50%;
  }

  .nav-link {
    display: block;
  }

  .navbar-4 {
    background-color: var(--black);
    display: block;
  }

  .container-5 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .icon-2 {
    color: #fff;
  }

  .dropdown {
    flex-direction: column;
    justify-content: flex-start;
    display: block;
  }

  .mobiledropdown {
    border-bottom: 1px solid #fff;
    flex: 1;
    justify-content: flex-start;
    display: flex;
  }

  .mobiledropdown:hover {
    background-color: var(--peru);
  }

  .mobilenavlink {
    color: #fff;
    border-bottom: 1px solid #fff;
    display: block;
  }

  .mobilenavlink:hover {
    background-color: var(--peru);
  }

  .mobilenavlink.w--current {
    color: var(--peru);
  }

  .nav-menu-3 {
    background-color: var(--dark-slate-grey-2);
  }

  .text-block-13 {
    color: #fff;
  }

  .dropdownarrow {
    color: #f3f3f3;
  }

  .menu-button-2 {
    background-color: var(--black);
  }

  .menu-button-2.w--open {
    background-color: var(--dark-slate-grey-2);
    color: var(--dark-slate-grey-2);
  }

  .mobileprojectdropdown {
    background-color: var(--black);
    color: var(--peru);
    border-bottom: 1px solid #fffefe;
  }

  .mobileprojectdropdown:hover {
    background-color: var(--peru);
    color: var(--black);
  }

  .bold-text-10 {
    color: #fff;
  }

  .created-with-engine {
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    display: flex;
  }

  .container-2-copy {
    flex-direction: row;
    justify-content: center;
    max-width: 95%;
    padding-top: 0;
  }

  .projectonepager {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }

  .onepagerlefthalf {
    width: 98%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .onepagerrighthalf {
    flex-direction: row;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 98%;
    max-width: 100vw;
    margin-right: 0;
  }

  .onepager_linehorizantal {
    flex: 0 auto;
    width: 2px;
    height: 350px;
  }

  .onepager_imagecontainer {
    flex-direction: row;
    flex: 0 auto;
    align-items: center;
    width: auto;
    min-width: 50%;
    max-width: 70%;
    height: auto;
    margin-top: 0;
    display: flex;
  }

  .onepager_projectspecs {
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
    width: auto;
    min-width: 35%;
    height: 100%;
    margin-right: 10px;
  }

  .image-5 {
    object-fit: cover;
    width: 80%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    padding-bottom: 0;
  }

  .image-6 {
    flex: 1;
    max-width: none;
  }

  .onepager_right_textcontainer {
    flex: 0 auto;
    align-items: flex-start;
    width: 150%;
    padding-left: 0;
    display: flex;
  }

  .projectnamebar {
    border-radius: 20px;
  }

  .projectnamebar.warfair, .projectnamebar.melodramatica, .projectnamebar.diy-hero, .projectnamebar.truckdriver, .projectnamebar.vertigo, .projectnamebar.persona3d, .projectnamebar.zombodiesv2 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .onepager_projecttitletext {
    font-size: 40px;
  }

  .onepager_projecttitletext.persona3d {
    font-size: 30px;
  }

  .responsibilityhighlights {
    margin-top: 0;
    margin-bottom: 20px;
    display: flex;
  }

  .onepager_roleblock {
    flex: 0 auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .paragraph-7 {
    margin-bottom: 20px;
  }

  .list-item-2 {
    list-style-type: disc;
    display: flex;
  }

  .list-half-block {
    flex-direction: row;
    flex: 1;
    justify-content: flex-start;
    display: flex;
  }

  .onepagerprojectdescription {
    object-fit: fill;
    width: 100%;
  }

  .resposibilitiestextblock {
    display: block;
  }

  .italic-text-5 {
    flex-direction: row;
    width: 100%;
    display: block;
  }

  .list-3 {
    flex: 1;
  }

  .listpoints {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    max-width: none;
    display: flex;
  }

  .div-block-27 {
    width: 100%;
    display: block;
  }

  .onepager-main.diyhero {
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-31 {
    margin-bottom: 0;
    margin-left: 0;
  }

  .dividinglineholder {
    display: none;
  }

  .div-block-32 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-height: none;
  }

  .hero-holder {
    background-size: contain;
  }

  .hero_heading, .hero_heading-inverted {
    font-size: 17vh;
  }

  .herotext {
    font-size: 70px;
  }

  .herotext.withstroke {
    font-size: 70px;
    line-height: 15vh;
  }

  .spacer {
    height: 100vh;
  }

  .hero-half-block.right {
    min-width: 30vw;
  }

  .nonscrollingtext {
    font-size: 30px;
  }

  .body-4 {
    display: flex;
    overflow: visible;
  }

  .emphasizedtext {
    font-size: 34px;
  }

  .text-span-6 {
    font-size: 60px;
  }

  .heading-14 {
    font-size: 30px;
  }

  .paragraph-9 {
    margin-left: 0;
    font-size: 17px;
  }

  .container-8 {
    width: 90vw;
  }

  .hardskills-wrapper {
    margin-bottom: -100vh;
    position: relative;
  }

  .hardskills-content {
    flex-direction: column;
    align-items: center;
    height: auto;
    min-height: 0%;
    margin-bottom: 0;
    position: static;
    top: 0;
    bottom: 0;
  }

  .hardskills-container {
    width: 95%;
    height: 95vh;
    margin-bottom: 20px;
  }

  .tetris-wrapper {
    width: 420px;
    height: 807.5px;
  }

  .skills-contentholder {
    margin-bottom: 0;
    top: 0;
    bottom: auto;
  }

  .home-onepagers {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: -95vh;
  }

  .accordian-wrapper.metro, .accordian-wrapper.truckdriver {
    margin-bottom: 20px;
  }

  .accordian-pane._2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: static;
    bottom: -150px;
  }

  .accordian-pane.bottom {
    margin-top: 30px;
    margin-bottom: 0;
    margin-left: 0;
    position: static;
    bottom: -200px;
  }

  .accordian-pane.front {
    margin-bottom: 30px;
    margin-left: 0;
    position: static;
    bottom: 0;
  }

  .accordian-pane._3 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: static;
    bottom: -200px;
  }

  .accordian-pane._4 {
    margin-top: auto;
    margin-bottom: 0;
    margin-left: 0;
    position: static;
    bottom: -200px;
  }

  .accordian-pane._5, .accordian-pane.warfair, .accordian-pane._5-2, .accordian-pane.diyhero {
    margin-top: 30px;
    margin-bottom: 0;
    margin-left: 0;
    position: static;
    bottom: -200px;
  }

  .paragraph-10 {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .paragraph-7-copy {
    margin-bottom: 10px;
  }

  .softskills-tree-wrapper {
    height: 90%;
  }

  .skilltree-branchgrouper {
    flex: 0 auto;
    align-self: center;
    height: 100%;
  }

  .skilltree-title-wrapper {
    align-items: center;
    width: 90%;
    margin-left: 10px;
  }

  .skilltree-gradientbg.vesitility, .skilltree-gradientbg.communication {
    width: 96.5vw;
  }

  .skilltree-gradientbg.ethic {
    width: 96.5vw;
    min-width: auto;
  }

  .skilltree-gradientbg.secretskill {
    width: 96.5vw;
  }

  .skill-tree-trunkwrapper {
    height: 100%;
    margin-left: 0;
  }

  .skilltree-groupwrapper {
    max-width: none;
  }

  .softskills-categorywrapper {
    margin-left: 0;
    padding-right: 20px;
  }

  .softskills-categorytext.versitility, .softskills-categorytext.communication, .softskills-categorytext.ethic, .softskills-categorytext.secretskill {
    font-size: 5vw;
  }

  .ttileandtrunk-wrapper {
    margin-left: -20px;
  }

  .softskills-forwardwrapper {
    margin-bottom: 20px;
  }

  .softskills-boarderbox {
    margin-bottom: 0;
  }

  .reccomendations-wrapper {
    margin-top: 0;
    margin-bottom: -100vh;
  }

  .wordmouth-container {
    z-index: auto;
  }

  .html-embed-2 {
    display: none;
  }

  .contactme-wrapper {
    flex-direction: column;
  }

  .letschat-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

  .getintouchtext {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    font-size: 25px;
    display: flex;
  }

  .getintouch-emphasizedtext {
    font-size: 60px;
  }

  .html-embed-mobile {
    height: 450px;
    display: block;
  }

  .softskills-section {
    width: 95%;
    height: 95vh;
    margin-bottom: 20px;
  }

  .softskill-wrapper {
    margin-bottom: -100vh;
    position: relative;
  }

  .read-text {
    display: none;
  }

  .swipe-text {
    display: inline;
  }

  .softskills-content {
    flex-direction: column;
    align-items: center;
    height: auto;
    min-height: 0%;
    margin-bottom: 0;
    position: static;
    top: 0;
    bottom: 0;
  }

  .slider-container {
    justify-content: center;
    align-items: stretch;
    width: 80%;
  }

  .project-slider {
    flex-direction: column;
    align-items: center;
  }

  .bullet-container {
    align-items: center;
    width: 100%;
    max-width: 90vw;
  }

  .bullet-container.static {
    background-color: #3b3b3b00;
    margin-right: 0;
  }

  .contributions-slider {
    height: 350px;
    padding-top: 0%;
  }

  .slider-bullettext.slider1, .slider-bullettext.slider2, .slider-bullettext.slider3, .slider-bullettext.slider4 {
    font-size: 16px;
  }

  .contributions-textcontainer {
    margin-top: 40px;
  }

  .left-arrow {
    margin-left: -70px;
  }

  .right-arrow {
    margin-right: -70px;
  }

  ._16-9-frame {
    border-radius: 20px;
  }

  .picture-side {
    min-width: 90%;
  }

  .single-project-contribution {
    flex-direction: column;
  }

  .div-block-78 {
    border-radius: 20px;
  }

  .picture-container {
    border-radius: 20px;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    height: auto;
  }

  .contributions-textcontainer-copy {
    margin-top: 40px;
  }

  .contributions-textcontainer-copy.aspect-16-9 {
    margin-top: 0;
  }

  ._3slide-bullet-text.slider1, ._3slide-bullet-text.slider2, ._3slide-bullet-text.slider3, ._3slide-bullet-text.slider4 {
    font-size: 16px;
  }

  .heading-21 {
    font-size: 55px;
  }

  .pager-section {
    background-color: #202020;
    height: auto;
    position: static;
  }

  .pager-section-copy.top {
    height: auto;
    position: sticky;
    top: auto;
  }

  .contactme-wrapper-copy {
    flex-direction: column;
  }

  .letschat-box-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

  .herotext_new {
    font-size: 70px;
  }

  .herotext_new.withstroke {
    font-size: 70px;
    line-height: 15vh;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    display: block;
  }

  .centerpeice {
    flex: 1;
    padding-left: 0;
    display: none;
  }

  .center-text {
    font-size: 10px;
  }

  .hero-name {
    margin-top: 8px;
    font-size: 70px;
  }

  .hero-description {
    margin-left: 0;
    font-size: 23px;
  }

  .divider {
    width: 350px;
    margin-left: -14px;
  }

  .text-block-3 {
    margin-left: 0;
    font-size: 15px;
  }

  .grid {
    grid-template-columns: 1.25fr 1fr 1.25fr .25fr;
  }

  .form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-7 {
    margin-top: 0;
    margin-left: 28px;
  }

  .project-card.actors {
    font-size: 14px;
  }

  .project-intro.black {
    flex-direction: column;
  }

  .project-paragraph {
    font-size: 14px;
  }

  .youtube {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .roles-and-responsibilities.grey {
    height: auto;
  }

  .grid-3.warfair, .grid-3._4-blocks, .grid-3._3-blocks {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .project-name-header {
    font-size: 30px;
  }

  .project-boxes {
    display: none;
  }

  .project-one-pager.warfair {
    height: 110vh;
  }

  .project-one-pager.melodramatica, .project-one-pager.zombodiesv2, .project-one-pager.vertigo {
    height: 120vh;
  }

  .one-pager-image-container {
    height: 40%;
  }

  .roles-grid-x-4 {
    grid-template-rows: 150px auto;
    grid-template-columns: .25fr .25fr;
  }

  .mobile-nav-bar {
    background-color: var(--black);
    align-items: center;
    display: flex;
  }

  .mobile-navbar-container {
    width: 100%;
    color: var(--black);
    justify-content: space-around;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .menu-button {
    color: #fff;
  }

  .nav-menu-2 {
    background-color: var(--dark-slate-grey-2);
  }

  .roles-grid-x-3-copy {
    grid-template-rows: 150px auto;
    grid-template-columns: .25fr .25fr;
  }

  .onepagerlefthalf {
    margin-left: 0;
    padding-right: 0;
  }

  .onepagerrighthalf {
    flex-direction: column;
  }

  .onepager_linehorizantal {
    width: 80%;
    height: 2px;
  }

  .onepager_projectspecs {
    flex-direction: row;
    width: 100%;
  }

  .onepager_right_bottomright {
    width: 60%;
    height: auto;
  }

  .onepager_right_textcontainer {
    width: auto;
  }

  .onepager_projecttitletext {
    font-size: 30px;
  }

  .responsibilityhighlights {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    place-items: center;
    width: auto;
    height: 35%;
    display: grid;
  }

  .list-section {
    flex-direction: column;
  }

  .list-half-block {
    flex-direction: row;
    width: 100%;
  }

  .italic-text-5 {
    margin-top: 20px;
    padding-left: 20px;
  }

  .listpoints {
    margin-bottom: 0;
    padding-left: 60px;
  }

  .onepager-main.melodramatica {
    margin-right: auto;
  }

  .hero-holder {
    background-color: #202020;
    flex-direction: column;
    margin-top: 92px;
  }

  .hero_heading, .hero_heading-inverted {
    font-size: 22vw;
  }

  .herotext {
    font-size: 50px;
    line-height: 12vh;
  }

  .herotext.withstroke {
    font-size: 50px;
    line-height: 10vh;
    position: static;
  }

  .hero-half-block.right {
    width: auto;
    min-width: 40vw;
  }

  .nonscrollingtext {
    flex: 0 auto;
    font-size: 30px;
    line-height: 30px;
  }

  .scrollingtext {
    font-size: 30px;
    display: block;
  }

  .herosubtextcontainer {
    margin-top: 0;
    margin-left: 10px;
  }

  .lefthalfblock-container {
    flex-direction: row;
    align-items: center;
    width: 100%;
  }

  .home-hero-section {
    flex-direction: column;
    height: auto;
    display: flex;
  }

  .home-aboutme-wrapper {
    margin-top: 0;
  }

  .emphasizedtext {
    font-size: 30px;
  }

  .heading-14 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 25px;
    line-height: 40px;
  }

  .paragraph-9 {
    margin-left: 0;
    font-size: 14px;
  }

  .hardskills-content {
    width: 95vw;
  }

  .hardskills-container {
    width: 98%;
    height: auto;
  }

  .tetrisgrid {
    margin-bottom: 0;
  }

  .skills-contentholder {
    position: sticky;
    top: -120vh;
  }

  .accordian-wrapper {
    position: relative;
  }

  .accordian-pane._2 {
    margin-top: auto;
    margin-bottom: 40px;
    bottom: -800px;
  }

  .accordian-pane.bottom {
    margin-top: auto;
    bottom: -913px;
  }

  .accordian-pane.front {
    margin-top: auto;
    margin-bottom: 40px;
  }

  .accordian-pane._3 {
    margin-top: auto;
    margin-bottom: 40px;
    bottom: -955px;
  }

  .accordian-pane._4 {
    margin-top: auto;
    margin-bottom: 40px;
    bottom: -924px;
  }

  .accordian-pane._5 {
    margin-top: auto;
    margin-bottom: 40px;
    bottom: -887px;
  }

  .accordian-pane.warfair {
    margin-top: auto;
    margin-bottom: 40px;
    bottom: -906px;
  }

  .accordian-pane._5-2 {
    margin-top: auto;
    margin-bottom: 40px;
    bottom: -887px;
  }

  .accordian-pane.diyhero {
    margin-top: auto;
    bottom: -913px;
  }

  .paragraph-10 {
    margin-bottom: 20px;
  }

  .tetris-side-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .hardskills-contentwrapper {
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
  }

  .hardskills-subcontentwrapper {
    display: flex;
  }

  .hardskills-subcontentwrapper._2 {
    display: none;
  }

  .hardskills-forwardwrapper {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .paragraph-7-copy {
    font-size: 13px;
  }

  .softskills-tree-wrapper {
    height: 600px;
  }

  .skilltree-branchgrouper {
    margin-top: 20px;
  }

  .trunk-head {
    flex: 0 auto;
    height: 30%;
    padding-left: 0;
  }

  .softskills-topwrapper {
    align-items: flex-end;
    height: 100px;
    margin-bottom: 0;
  }

  .skilltree-title-wrapper {
    border-bottom-left-radius: 0;
    flex: 1;
  }

  .skilltree-trunk {
    width: 2px;
    height: 100%;
  }

  .skilltreecontent-wrapper {
    max-width: 65vw;
  }

  .skilltree-gradientbg.vesitility, .skilltree-gradientbg.communication, .skilltree-gradientbg.ethic, .skilltree-gradientbg.secretskill {
    width: 100vw;
  }

  .skilltree-groupwrapper {
    flex: 0 auto;
    width: 70%;
    height: 100%;
  }

  .softskills-categorywrapper {
    width: 20%;
    padding-right: 0;
  }

  .softskills-categorytext.versitility {
    font-size: 4vw;
  }

  .softskills-categorytext.communication {
    padding-right: 40px;
    font-size: 4vw;
  }

  .softskills-categorytext.ethic, .softskills-categorytext.secretskill {
    font-size: 4vw;
  }

  .ttileandtrunk-wrapper {
    flex: 0 auto;
    justify-content: flex-end;
    height: 100%;
    margin-left: 0;
  }

  .aboutme_layoutgrid {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
  }

  .html-embed-2 {
    display: none;
  }

  .getintouchtext {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 25px;
    line-height: 40px;
  }

  .getintouch-emphasizedtext {
    margin-top: 10px;
    font-size: 60px;
  }

  .html-embed-mobile {
    display: block;
  }

  .softskills-section {
    width: 98%;
    height: auto;
  }

  .softskills-content {
    width: 95vw;
  }

  .slider-bullettext.slider1, .slider-bullettext.slider2, .slider-bullettext.slider3, .slider-bullettext.slider4 {
    font-size: 15px;
  }

  .bullet-textcontainer {
    max-width: 95%;
  }

  .left-arrow {
    margin-left: -60px;
  }

  .right-arrow {
    margin-right: -60px;
  }

  ._3slide-bullet-text.slider1, ._3slide-bullet-text.slider2, ._3slide-bullet-text.slider3, ._3slide-bullet-text.slider4 {
    font-size: 15px;
  }

  .heading-21 {
    font-size: 40px;
    line-height: 80px;
  }

  .heading-24 {
    padding-top: 30px;
  }

  .div-block-84.university-logo {
    width: 100%;
    margin-left: 14px;
  }

  .companylogocontainer.vertigo, .companylogocontainer.persona3d {
    width: 90%;
  }

  .righthalf {
    width: 100%;
  }

  .recentsslider-wrapper {
    height: 200px;
  }

  .pager-section {
    position: static;
  }

  .pager-section-copy.top {
    margin-bottom: 40px;
    position: static;
  }

  .quick-stack-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .paragraph-13 {
    padding-right: 20px;
  }

  .cell-61 {
    justify-content: center;
    align-items: center;
  }

  .heading-30 {
    padding-right: 20px;
  }

  .quote_paragraphtext {
    font-size: 17px;
  }

  .highlightspath-wrapper {
    display: none;
  }

  .herotext_new {
    font-size: 50px;
    line-height: 12vh;
  }

  .herotext_new.withstroke {
    font-size: 50px;
    line-height: 10vh;
    position: static;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 10vh;
    display: flex;
    inset: 0% 0% auto;
  }

  .container {
    justify-content: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-menu-right {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }

  .centerpeice {
    flex-direction: column;
    flex: 1;
    padding-left: 0;
    display: none;
  }

  .line-seperation.onepager {
    width: 95%;
    height: 2px;
  }

  .form {
    padding-left: 10px;
    padding-right: 10px;
  }

  .project-head-text.roles {
    font-size: 20px;
  }

  .project-paragraph {
    font-size: 13px;
  }

  .youtube {
    width: 95%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .project-release {
    margin-left: 0;
  }

  .roles-and-responsibilities.grey {
    height: auto;
    padding-bottom: 30px;
  }

  .grid-3.warfair, .grid-3._4-blocks, .grid-3._3-blocks {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .role-heading {
    font-size: 16px;
  }

  .role-text {
    margin-bottom: 0;
    font-size: 14px;
  }

  .contribution-heading {
    margin-bottom: 0;
    font-size: 15px;
  }

  .project-name-header {
    font-size: 20px;
    font-weight: 500;
  }

  .segment-box {
    display: none;
  }

  .engine-part.left {
    flex-direction: row;
    width: 100%;
    margin-right: 0;
  }

  .engine-part.onepager {
    flex: 0 auto;
    justify-content: flex-start;
    width: 100%;
    height: 25%;
  }

  .one-pager-text {
    width: 90%;
    font-size: 14px;
  }

  .unreal-engine-logo {
    flex: 0 auto;
    height: 40%;
    min-height: 100px;
  }

  .unreal-engine-logo.projectpage {
    background-size: contain;
    width: 50%;
    height: 40%;
  }

  .project-one-pager.warfair {
    border: 1px #000;
    flex-direction: column;
    justify-content: space-between;
    height: 1350px;
    min-height: 0;
  }

  .project-one-pager.melodramatica, .project-one-pager.zombodiesv2, .project-one-pager.vertigo {
    height: 160vh;
  }

  .one-pager-mid-section {
    width: 100%;
    height: 50%;
  }

  .roles-grid-x3 {
    grid-template-rows: repeat(auto-fit, 150px) 200px;
    grid-template-columns: .25fr .25fr;
  }

  .roles-block {
    min-width: 140px;
    max-width: 140px;
    min-height: 140px;
    max-height: 140px;
  }

  .role-heading-2 {
    font-size: 16px;
  }

  .one-pager-image-container {
    flex: 0 auto;
    width: 100%;
    max-width: 100%;
    height: 30%;
    max-height: 300px;
    display: flex;
    position: static;
  }

  .roles-grid-x-4 {
    grid-template-rows: 150px auto;
    grid-template-columns: .25fr .25fr;
    grid-auto-flow: column dense;
    align-content: center;
  }

  .project-tinted-slide.yellow {
    background-color: #926216c7;
    flex-direction: column;
    align-items: center;
    height: 70%;
  }

  .project-tinted-slide.red {
    background-color: #921a16c7;
    flex-direction: column;
    align-items: center;
    height: 70%;
  }

  .double-engine-holder {
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }

  .scroll-progress-bar {
    height: 15px;
  }

  .progress-bar-container {
    flex-direction: row;
    align-items: flex-end;
    padding-top: 10px;
  }

  .top-mid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .list-item {
    font-size: 14px;
  }

  .bottom-third {
    align-items: flex-start;
  }

  .text-block-12 {
    width: 98%;
    margin-left: 4px;
    font-size: 14px;
  }

  .list, .list-2 {
    padding-left: 30px;
  }

  .mobile-nav-bar {
    background-color: var(--black);
  }

  .mobile-navbar-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .menu-button {
    color: #fff;
    flex: 0 auto;
  }

  .menu-button.w--open {
    background-color: var(--dark-slate-grey-2);
  }

  .nav-link {
    color: #fdfdfd;
    text-align: left;
    border-bottom: 1px solid #fff;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    display: block;
  }

  .nav-link:hover {
    background-color: var(--peru);
  }

  .nav-link.w--current {
    color: #fff;
  }

  .nav-link.projects {
    border-bottom-style: none;
  }

  .dropdown-toggle-2 {
    width: 100%;
    font-style: italic;
  }

  .dropdown-toggle-2.projects {
    border-bottom: 1px solid #fff;
  }

  .dropdown-toggle-2.projects:hover {
    background-color: var(--peru);
  }

  .nav-menu-2 {
    background-color: var(--dark-slate-grey);
  }

  .icon {
    color: #fff;
  }

  .dropdown-list {
    background-color: #7c7b7b;
  }

  .dropdown-list.w--open {
    background-color: var(--peru);
  }

  .dropdown-projects, .dropdown-link-3 {
    border-bottom: 1px solid #000;
  }

  .italic-text-4 {
    font-weight: 500;
  }

  .roles-grid-x-3-copy {
    grid-template-rows: 150px auto;
    grid-template-columns: .25fr .25fr;
    grid-auto-flow: column dense;
    align-content: center;
  }

  .onepagerlefthalf {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    display: flex;
  }

  .onepagerrighthalf {
    justify-content: center;
    height: auto;
  }

  .onepager_linevertical {
    flex: 0 auto;
    align-self: auto;
  }

  .onepager_imagecontainer {
    flex-direction: row;
    justify-content: center;
    width: 70%;
    max-width: none;
    height: 30%;
    min-height: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .onepager_projectspecs {
    flex-direction: column;
    align-items: center;
  }

  .image-5 {
    background-size: cover;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .onepager_enginelogo {
    align-items: center;
    width: 70%;
    height: 70%;
  }

  .image-6 {
    max-width: 50%;
  }

  .onepager_right_bottomright {
    justify-content: center;
    width: 100%;
  }

  .onepager_right_textcontainer {
    flex: 0 auto;
    align-self: auto;
    width: 100%;
    height: auto;
    padding-left: 40px;
  }

  .highlightstext {
    font-size: 14px;
  }

  .projectnamebar {
    width: 95%;
  }

  .projectnamebar.warfair, .projectnamebar.melodramatica, .projectnamebar.diy-hero, .projectnamebar.truckdriver, .projectnamebar.vertigo, .projectnamebar.persona3d, .projectnamebar.zombodiesv2 {
    width: 100%;
  }

  .onepager_projecttitletext, .onepager_projecttitletext.persona3d {
    font-size: 20px;
  }

  .responsibilityhighlights {
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    height: auto;
    margin-bottom: 0;
    display: grid;
  }

  .onepager_roleblock {
    width: 140px;
    height: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .responsibilitytext {
    font-size: 14px;
  }

  .paragraph-7 {
    align-self: auto;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 13px;
  }

  .list-section {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-left: 20px;
  }

  .list-item-2 {
    display: block;
  }

  .points-list-item {
    font-size: 13px;
  }

  .list-half-block {
    width: 100%;
    padding-left: 10px;
  }

  .onepagerprojectdescription {
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    display: flex;
  }

  .resposibilitiestextblock {
    margin-top: 20px;
  }

  .italic-text-5 {
    padding-left: 10px;
    font-size: 14px;
    display: flex;
  }

  .listpoints {
    padding-left: 10px;
    display: block;
  }

  .onepager-main.vertigo {
    position: static;
  }

  .hero-section {
    justify-content: center;
    height: auto;
    padding-top: 0;
    position: sticky;
  }

  .hero-holder {
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-end;
    height: 100%;
    margin-top: 0;
    padding-top: 0;
  }

  .hero_heading, .hero_heading-inverted {
    font-size: 13vw;
  }

  .herotext {
    font-size: 30px;
  }

  .herotext.withstroke {
    -webkit-text-stroke-width: 1px;
    margin-right: 10px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
  }

  .spacer {
    background-color: #000;
    height: 100vh;
    margin-bottom: -145px;
    display: none;
  }

  .spacer.footer {
    z-index: 4;
    height: 200px;
    margin-top: -200px;
    margin-bottom: 0;
    display: block;
    position: relative;
    bottom: 0;
  }

  .page-wrapper {
    max-width: 100%;
    margin-top: -79px;
    position: relative;
  }

  .hero-half-block.left {
    white-space: normal;
    word-break: normal;
    width: 90%;
    height: auto;
    margin-top: 0;
    position: static;
  }

  .hero-half-block.right {
    justify-content: flex-start;
    width: auto;
    min-width: 50vw;
    margin-top: -345px;
    padding-left: 18px;
  }

  .hero_rightcontainer {
    justify-content: flex-start;
    margin-top: 0;
  }

  .nonscrollingtext {
    font-size: 20px;
  }

  .nonscrollingtext.bottom {
    display: flex;
  }

  .scrollingtext {
    padding-left: 5px;
    font-size: 20px;
  }

  .herosubtext-secondline {
    flex-direction: row;
    width: auto;
    height: auto;
  }

  .herosubtextcontainer {
    flex-direction: row;
    justify-content: flex-start;
    width: 90%;
    height: auto;
    margin-left: 0;
  }

  .lefthalfblock-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .emptydivider_left {
    align-items: stretch;
    width: 0%;
    height: 0%;
    display: block;
  }

  .home-hero-wrapper._2 {
    height: auto;
    margin-bottom: auto;
    padding-top: 0;
  }

  .home-hero-section {
    z-index: 1;
    flex-direction: row;
    align-items: center;
    height: auto;
    min-height: 0;
    max-height: none;
    margin-top: 0;
    padding-top: 166px;
    position: sticky;
    top: auto;
    bottom: 0;
  }

  .home-aboutme-wrapper {
    width: 100%;
    height: 100%;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 10px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .home-aboutme-section {
    height: 100%;
    margin-top: 0;
    position: static;
    top: 0;
    bottom: 0;
  }

  .footer-wrapper {
    z-index: 3;
    margin-top: auto;
    position: relative;
  }

  .footer-content {
    z-index: -1;
    height: 200px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-14 {
    height: 90%;
  }

  .paragraph-9 {
    padding-top: 20px;
    padding-left: 0;
  }

  .container-8 {
    background-position: 40% 100%;
    background-size: cover;
    width: 100%;
    height: 30vh;
  }

  .hardskills-wrapper {
    margin-bottom: auto;
    position: relative;
    top: auto;
  }

  .hardskills-content {
    position: static;
    bottom: auto;
  }

  .tetris-wrapper {
    width: 330px;
    height: 742.5px;
    position: sticky;
    top: 0;
  }

  .skills-contentholder {
    width: 100%;
    position: static;
    top: -50vh;
  }

  .accordian-wrapper {
    background-color: #202020;
  }

  .accordian-wrapper.metro {
    margin-bottom: 0;
    position: static;
    top: 0;
  }

  .accordian-wrapper.truckdriver {
    margin-bottom: 0;
  }

  .accordian-pane._2 {
    margin-bottom: 0;
    padding-bottom: 0;
    bottom: -80vh;
  }

  .accordian-pane.bottom {
    margin-top: 0;
    margin-bottom: -25px;
    padding-bottom: 0;
    bottom: -80vh;
  }

  .accordian-pane.front {
    background-color: #202020;
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  .accordian-pane._3 {
    margin-bottom: 0;
    padding-bottom: 0;
    bottom: -98.1vh;
  }

  .accordian-pane._4 {
    margin-bottom: 0;
    padding-bottom: 0;
    bottom: -95vh;
  }

  .accordian-pane._5 {
    margin-bottom: 0;
    padding-bottom: 20px;
    bottom: -85.9vh;
  }

  .accordian-pane.warfair {
    margin-bottom: 0;
    padding-bottom: 0;
    bottom: -80vh;
  }

  .accordian-pane._5-2 {
    margin-bottom: 0;
    padding-bottom: 20px;
    bottom: -85.9vh;
  }

  .accordian-pane.diyhero {
    margin-top: 0;
    margin-bottom: auto;
    padding-bottom: 20px;
    bottom: -80vh;
  }

  .paragraph-10 {
    flex: 1;
    align-self: center;
    width: 90%;
    margin-bottom: 0;
  }

  .text-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hardskills-forwardwrapper {
    width: 95%;
    margin-bottom: 10px;
  }

  .paragraph-7-copy {
    margin-bottom: 10px;
    font-size: 13px;
  }

  .softskills-tree-wrapper {
    margin-left: 20px;
  }

  .trunk-head {
    flex-direction: row;
    flex: 1;
    height: auto;
    display: none;
  }

  .softskills-topwrapper {
    flex-direction: row;
    align-items: flex-start;
    height: auto;
  }

  .skilltree-title-wrapper {
    border-width: 4px;
    border-bottom-left-radius: 10px;
    align-items: center;
    margin-left: 0;
  }

  .heading-17 {
    text-align: left;
    margin-left: 5px;
    font-size: 35px;
  }

  .skilltree-trunk {
    height: 105%;
  }

  .skilltree-trunk.end {
    height: auto;
  }

  .skilltreecontent-wrapper {
    max-width: 95vw;
  }

  .heading-18 {
    font-size: 12px;
  }

  .skilltree-gradientbg.vesitility, .skilltree-gradientbg.communication, .skilltree-gradientbg.ethic, .skilltree-gradientbg.secretskill {
    flex-direction: column;
    align-items: flex-start;
    width: 91vw;
  }

  .div-block-70 {
    flex: 0 auto;
  }

  .image-10 {
    max-width: 95%;
  }

  .skilltree-groupwrapper {
    width: 90%;
    padding-top: 30px;
  }

  .softskills-categorywrapper {
    width: 100%;
    height: 20%;
  }

  .softskills-categorytext.versitility {
    margin-bottom: 0;
    padding-top: 10px;
    padding-left: 0;
    font-size: 5vw;
  }

  .softskills-categorytext.communication {
    padding-top: 10px;
    padding-right: 0;
    font-size: 5vw;
  }

  .softskills-categorytext.ethic {
    margin-bottom: 0;
    padding-top: 10px;
    padding-left: 0;
    font-size: 5vw;
  }

  .softskills-categorytext.secretskill {
    margin-bottom: 20px;
    font-size: 6vw;
  }

  .ttileandtrunk-wrapper {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: flex-end;
    align-items: flex-start;
  }

  .text-container {
    align-self: auto;
    display: flex;
  }

  .image-11, .image-12 {
    max-width: 95%;
  }

  .reccomendations-wrapper {
    margin-bottom: auto;
    padding-top: 10px;
    position: relative;
  }

  .html-embed-2 {
    height: auto;
    max-height: 520px;
    display: none;
    overflow: hidden;
  }

  .contactme-wrapper {
    margin-bottom: 20px;
  }

  .letschat-box {
    justify-content: center;
    padding-top: 20px;
  }

  .getintouchtext {
    flex-direction: column;
    height: auto;
    line-height: 25px;
  }

  .getintouchtext.keepup {
    font-size: 20px;
  }

  .getintouch-emphasizedtext {
    flex-direction: row;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: flex-start;
    margin-top: 0;
    padding-right: 0;
    font-size: 40px;
    line-height: 44px;
    display: flex;
  }

  .getintouch-emphasizedtext.chattext {
    align-items: center;
    margin-top: 10px;
    padding-right: 0;
    font-size: 60px;
  }

  .html-embed-mobile {
    margin-bottom: 60px;
    display: block;
  }

  .html-embed-2-copy {
    height: auto;
  }

  .softskill-wrapper {
    color: #464646;
    border-color: #727272;
    margin-bottom: auto;
    position: relative;
  }

  .softskills-content {
    margin-bottom: 40px;
    position: static;
    bottom: auto;
  }

  .quick-stack-5 {
    grid-column-gap: 10px;
    grid-row-gap: 0px;
  }

  .heading-19.stay {
    font-size: 30px;
  }

  .cell-37 {
    align-items: flex-start;
  }

  .logo-wrapper {
    width: auto;
    max-width: 50px;
  }

  .socialmedia_text {
    font-size: 12px;
  }

  .slider-container {
    width: 90%;
    height: 100%;
  }

  .project-slider, .bullet-container {
    background-color: #3b3b3b00;
  }

  .slider-bullettext.slider1, .slider-bullettext.slider2, .slider-bullettext.slider3, .slider-bullettext.slider4 {
    font-weight: 300;
  }

  .bullet-textcontainer {
    max-width: 90%;
  }

  .contributions-textcontainer.aspect-16-9 {
    width: 100%;
  }

  .left-arrow {
    margin-left: -40px;
  }

  .right-arrow {
    margin-right: -40px;
  }

  .body-5 {
    background-color: var(--black);
    color: var(--black);
  }

  .project-guts {
    background-color: #303030;
  }

  .italic-text-8, .italic-text-9, .italic-text-10 {
    color: var(--black);
    font-weight: 700;
  }

  .bold-text-15, .bold-text-16, .bold-text-17 {
    font-weight: 300;
  }

  .picture-side {
    min-height: 100px;
    margin-right: 0;
    display: flex;
  }

  .picture-container {
    width: 90%;
    height: 100%;
  }

  .contributions-textcontainer-copy.aspect-16-9 {
    width: 100%;
  }

  ._3slide-bullet-text.slider1, ._3slide-bullet-text.slider2, ._3slide-bullet-text.slider3, ._3slide-bullet-text.slider4 {
    font-weight: 300;
  }

  .dropdown-2 {
    margin-left: 0;
  }

  .heading-21 {
    color: #d68401;
    width: 89%;
    font-size: 35px;
    line-height: 50px;
  }

  .heading-22 {
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 10px;
    font-size: 25px;
  }

  .div-block-79 {
    padding-top: 0;
  }

  .paragraph-12 {
    font-size: 16px;
  }

  .heading-23 {
    margin-bottom: 0;
    padding-left: 10px;
    font-size: 20px;
  }

  .heading-24 {
    padding-top: 10px;
    padding-left: 10px;
    font-size: 25px;
  }

  .div-block-84.university-logo {
    width: 85%;
    margin-top: 10px;
    display: block;
  }

  .companylogocontainer.vertigo, .companylogocontainer.persona3d, .companylogocontainer.soedesco {
    width: 85%;
  }

  .companylogocontainer.afternature {
    width: 100%;
  }

  .righthalf {
    margin-top: 0;
    margin-bottom: 0;
  }

  .recentsslidercontent._2 {
    background-position: 50% 70%;
    width: 85%;
    height: 200px;
  }

  .recentsslidercontent._1 {
    width: 85%;
    height: 200px;
  }

  .recentsslidercontent._3 {
    background-position: 50% 70%;
    width: 85%;
    height: 200px;
  }

  .recentssliderheading {
    font-size: 15px;
  }

  .recentssliderheading._2 {
    font-size: 10px;
  }

  .div-block-88 {
    height: auto;
  }

  .div-block-89 {
    margin-bottom: 0;
  }

  .pager-section {
    margin-bottom: 0;
    padding-bottom: 20px;
    position: relative;
    top: 0;
  }

  .pager-section-copy.top {
    margin-bottom: 0;
    padding-bottom: 20px;
    position: relative;
  }

  .div-block-91 {
    height: auto;
    display: flex;
  }

  .quick-stack-6, .div-block-92 {
    height: auto;
  }

  .cell-46 {
    align-items: center;
  }

  .workedwith-stack {
    grid-row-gap: 0px;
    margin-top: 0;
  }

  .quick-stack-7 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-bottom: 0;
  }

  .quick-stack-9 {
    grid-column-gap: 31px;
    grid-row-gap: 20px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-15 {
    width: 80px;
  }

  .quick-stack-10 {
    grid-column-gap: 31px;
    grid-row-gap: 20px;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .fineprint {
    text-align: center;
    padding-bottom: 10px;
  }

  .fineprint.footer {
    padding-bottom: 0;
  }

  .cell-61 {
    align-items: center;
  }

  .heading-30 {
    margin-top: 0;
  }

  .peoplesay_wrapper {
    padding-top: 0;
  }

  .reference-container {
    justify-content: center;
    width: auto;
    min-width: 320px;
    height: 300px;
  }

  .quotebubble {
    min-width: 320px;
    height: 50%;
    margin-bottom: 10px;
  }

  .quote_paragraphtext {
    padding-left: 20px;
    font-size: 20px;
    font-weight: 300;
  }

  .name_heading {
    margin-top: 0;
    font-size: 20px;
  }

  .quoter_info-wrapper {
    min-width: 320px;
  }

  .quoterinfo_text-wrapper {
    padding-left: 10px;
  }

  .position_subtext {
    font-size: 15px;
  }

  .linkedinpicture {
    margin-left: 10px;
  }

  .cell-66 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .linkedin_footer {
    justify-content: center;
    padding-right: 0;
  }

  .quick-stack-12, .quick-stack-13 {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
  }

  .bold-text-18 {
    color: var(--peru);
  }

  .notability_stack {
    padding-bottom: 0;
  }

  .homepagelinkblock {
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #d68401;
    background-color: #000;
    border: 1px solid #d68401;
    border-top-width: 3px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 40px;
    height: 40px;
    padding: 5px;
  }

  .nutshellnavbar_line {
    background-color: #d68401;
    height: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-105 {
    justify-content: flex-end;
    display: flex;
  }

  .nutshellnavbar {
    z-index: 500;
    position: fixed;
    inset: 0% 0% auto;
  }

  .highlightspath-wrapper._2 {
    align-items: flex-start;
    height: auto;
    padding-left: 15px;
    display: flex;
  }

  .heading-31 {
    margin-bottom: 0;
    font-size: 30px;
  }

  .heading-31._2 {
    font-size: 20px;
    font-weight: 300;
  }

  .heading-32 {
    margin-top: 0;
    font-size: 30px;
    line-height: 30px;
  }

  .quick-stack-14._2 {
    width: auto;
    min-width: 0;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .cell-72 {
    align-items: flex-start;
  }

  .cell-73 {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 700;
  }

  .cell-74 {
    align-items: flex-start;
    padding-right: 0;
  }

  .link-block-8 {
    width: 40px;
    height: 40px;
  }

  .div-block-109 {
    position: sticky;
    bottom: 0;
  }

  .div-block-112 {
    padding-top: 10px;
  }

  .navbar_content {
    width: 100%;
    height: 10vh;
    position: fixed;
    inset: 0% 0% auto;
  }

  .quick-stack-5-copy {
    grid-column-gap: 10px;
    grid-row-gap: 0px;
  }

  .herotext_new {
    font-size: 30px;
  }

  .herotext_new.withstroke {
    -webkit-text-stroke-width: 1px;
    margin-right: 10px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
  }

  .cell-78 {
    align-items: flex-start;
    padding-right: 0;
  }

  .heading-36 {
    margin-bottom: 0;
    font-size: 30px;
  }

  .heading-36._2 {
    font-size: 20px;
    font-weight: 300;
  }

  .cell-79 {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 700;
  }

  .heading-37 {
    margin-top: 0;
    font-size: 30px;
    line-height: 30px;
  }

  .cell-80 {
    align-items: flex-start;
  }
}

#w-node-bd9f3455-1124-bb00-f1d0-0f2102f099ea-70c6c691, #w-node-bd9f3455-1124-bb00-f1d0-0f2102f099f2-70c6c691, #w-node-bd9f3455-1124-bb00-f1d0-0f2102f099fa-70c6c691 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-bd9f3455-1124-bb00-f1d0-0f2102f09a01-70c6c691 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-bd9f3455-1124-bb00-f1d0-0f2102f09a14-70c6c691 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center;
}

#w-node-bd9f3455-1124-bb00-f1d0-0f2102f099ea-79517571, #w-node-bd9f3455-1124-bb00-f1d0-0f2102f099f2-79517571, #w-node-bd9f3455-1124-bb00-f1d0-0f2102f099fa-79517571 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-bd9f3455-1124-bb00-f1d0-0f2102f09a01-79517571 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-bd9f3455-1124-bb00-f1d0-0f2102f09a14-79517571 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center;
}

#w-node-_3bbb9ae5-1a1b-e9e1-62b5-db5b377c9b85-4b9a6d98 {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr .75fr;
}

#w-node-_3bbb9ae5-1a1b-e9e1-62b5-db5b377c9b89-4b9a6d98 {
  grid-row: span 2 / span 2;
}

#w-node-fb0d7a87-82a8-cca7-fe48-7855d5507234-4b9a6d98 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-df147ede-30ee-0202-1a94-57d72b9d48fb-4b9a6d98 {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr .75fr;
}

#w-node-df147ede-30ee-0202-1a94-57d72b9d48fd-4b9a6d98 {
  grid-row: span 2 / span 2;
}

#w-node-_24f8e15e-58e9-7186-0fd9-1e7a0a8ce96c-4b9a6d98 {
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .75fr;
}

#w-node-aa477c23-1a0f-9fae-385a-9b346e4d895f-4b9a6d98 {
  grid-column: span 2 / span 2;
}

#w-node-a7dfd8b8-e3af-d7ca-5fa2-62bfb8122372-4b9a6d98 {
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: .5fr .5fr .5fr .5fr;
}

#w-node-b28b699e-4d4c-e621-cca5-152b82ccd6b9-4b9a6d98 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_720326ca-75fb-2218-4bee-10c7123b2a73-4b9a6d98 {
  grid-row: span 2 / span 2;
}

#w-node-_5c94795d-fade-dac6-50e5-261faae7e5d0-4b9a6d98 {
  grid-row: span 4 / span 4;
}

#w-node-_82719a1f-3e96-cc9d-5edc-e8eaf6c485b8-4b9a6d98 {
  grid-row: span 2 / span 2;
}

#w-node-_604fa9b9-36a7-106d-7839-efaa1c60e0fd-4b9a6d98 {
  grid-template-rows: auto auto auto;
  grid-template-columns: .5fr .5fr .5fr;
}

#w-node-_6e8bf52c-4860-cfde-cc4e-0ee225aac7ab-4b9a6d98, #w-node-_807a5cfb-08bc-21ff-aa67-a76d2ff2f7e5-4b9a6d98 {
  grid-column: span 3 / span 3;
}

#w-node-aff4dbdf-d18a-d75c-eff0-f7a7cc11daca-cc11dac1 {
  justify-self: center;
}

#w-node-_8c268cd9-52b0-7c2d-209d-9099934eddf2-6d34da13, #w-node-_8c268cd9-52b0-7c2d-209d-9099934eddfc-6d34da13, #w-node-_8c268cd9-52b0-7c2d-209d-9099934ede04-6d34da13, #w-node-_8c268cd9-52b0-7c2d-209d-9099934ede0a-6d34da13 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-bb97a82c-d0e9-e494-ed67-ad755c4eb8eb-6d34da13 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-bb97a82c-d0e9-e494-ed67-ad755c4eb8fd-6d34da13 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center;
}

#w-node-_8c268cd9-52b0-7c2d-209d-9099934eddf2-45248413, #w-node-_8c268cd9-52b0-7c2d-209d-9099934eddfc-45248413, #w-node-_8c268cd9-52b0-7c2d-209d-9099934ede04-45248413 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-bb97a82c-d0e9-e494-ed67-ad755c4eb8eb-45248413 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-bb97a82c-d0e9-e494-ed67-ad755c4eb8fd-45248413 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center;
}

#w-node-_8c268cd9-52b0-7c2d-209d-9099934eddf2-0de17234, #w-node-_8c268cd9-52b0-7c2d-209d-9099934eddfc-0de17234, #w-node-_8c268cd9-52b0-7c2d-209d-9099934ede04-0de17234, #w-node-_8c268cd9-52b0-7c2d-209d-9099934ede0a-0de17234 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-bb97a82c-d0e9-e494-ed67-ad755c4eb8eb-0de17234 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-bb97a82c-d0e9-e494-ed67-ad755c4eb8fd-0de17234 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center;
}

#w-node-a7c0c69b-65ed-8721-fd73-78578a3a6833-ae2affa3 {
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .75fr;
}

#w-node-_8950245b-71d6-a95b-511c-7b38479af662-ae2affa3 {
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr;
}

#w-node-a2ae2137-8168-4b3e-16b8-db026d0a9687-ae2affa3, #w-node-f774bcf7-26d4-b848-ad41-b7c21abe3924-ae2affa3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-eb135991-cc9e-6855-48d5-8dc47fc87472-ae2affa3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_8e3ab339-7886-e574-cc67-f69d71271440-ae2affa3, #w-node-_47346723-e974-6549-f0ac-0ef3fcd9db39-ae2affa3, #w-node-_1bd99d44-e123-9cf3-f104-4d700e24e889-ae2affa3, #w-node-_2c902872-725a-0bcf-bb80-b1dd1140546b-ae2affa3 {
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr .25fr .25fr;
}

#w-node-bbb2788a-f21d-2897-a2bc-308e20885029-ae2affa3, #w-node-e4665505-f619-329b-4974-ac9e240f9515-ae2affa3 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f408542f-eb88-0c96-4094-c48b9b7eec62-ae2affa3 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .5fr .5fr .5fr;
}

#w-node-f408542f-eb88-0c96-4094-c48b9b7eec63-ae2affa3, #w-node-f408542f-eb88-0c96-4094-c48b9b7eec68-ae2affa3, #w-node-_0fddd895-5183-f150-d308-dcc21efbc9f2-ae2affa3 {
  grid-column: span 3 / span 3;
}

#w-node-_745a7525-8303-ba6a-d508-12bc29a970ea-80ec9d5f {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr .75fr;
}

#w-node-_745a7525-8303-ba6a-d508-12bc29a970ee-80ec9d5f {
  grid-row: span 2 / span 2;
}

#w-node-f2f5b76a-03b2-edbf-fc86-77bce6917407-80ec9d5f {
  justify-self: center;
}

#w-node-_98980c95-0940-01a5-da43-5a1a02267c04-80ec9d5f {
  grid-area: Area;
  justify-self: center;
}

#w-node-e98e6105-c6a1-4665-6922-cdec7f6ab0d7-80ec9d5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-a6f840b3-001b-31a5-2eb6-dc69209166d5-80ec9d5f {
  grid-area: Area-2;
  justify-self: center;
}

#w-node-_456b77dc-f6b9-7d5b-6a2f-795bb79948ca-80ec9d5f {
  grid-area: Area;
  justify-self: center;
}

#w-node-_964fc04a-103b-58d1-1324-f809e177d6f2-80ec9d5f, #w-node-f67a5766-0676-a8a1-fb35-b3c0837150e6-80ec9d5f, #w-node-adddf670-8227-1130-7c32-10d15d56224e-80ec9d5f, #w-node-_43a7739f-983c-429d-bdc5-fbd9b200103d-80ec9d5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_964fc04a-103b-58d1-1324-f809e177d6f4-80ec9d5f {
  grid-area: Area-2;
  justify-self: center;
}

#w-node-_964fc04a-103b-58d1-1324-f809e177d6f6-80ec9d5f {
  grid-area: Area;
  justify-self: center;
}

#w-node-ac846856-85a5-5276-6f86-8afd261846b3-80ec9d5f {
  justify-self: center;
}

#w-node-ac846856-85a5-5276-6f86-8afd261846b5-80ec9d5f {
  grid-area: Area;
  justify-self: center;
}

#w-node-_78c659d1-f0f2-199a-8e83-90343e4720a0-80ec9d5f {
  justify-self: center;
}

#w-node-_78c659d1-f0f2-199a-8e83-90343e4720a2-80ec9d5f {
  grid-area: Area;
  justify-self: center;
}

#w-node-_9a1471ad-8a32-9683-cea3-1e2b240140dc-80ec9d5f {
  justify-self: center;
}

#w-node-_9a1471ad-8a32-9683-cea3-1e2b240140df-80ec9d5f {
  grid-area: Area;
  justify-self: center;
}

#w-node-_2603a224-2ba5-f64f-df5e-d1d2fffa2ef1-80ec9d5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_2603a224-2ba5-f64f-df5e-d1d2fffa2ef3-80ec9d5f {
  grid-area: Area-2;
  justify-self: center;
}

#w-node-_2603a224-2ba5-f64f-df5e-d1d2fffa2ef5-80ec9d5f {
  grid-area: Area;
  justify-self: center;
}

#w-node-_0b46806c-701f-3503-03d0-14516aeabacd-80ec9d5f {
  justify-self: center;
}

#w-node-_488f44fe-4977-a674-3a57-ea059e47666c-80ec9d5f, #w-node-bce9cf87-5c0f-21ec-8c60-ce12b1ebfd09-80ec9d5f, #w-node-_9e824e15-8f9a-bb17-8447-3713408b3865-80ec9d5f, #w-node-c1af9eef-0188-d2d8-3de3-e963dab8b2ef-80ec9d5f, #w-node-_9a458455-66d4-35a0-3229-fa601ed2228e-80ec9d5f, #w-node-_0eeec6f3-0141-b1ca-20d5-c9bdc3617775-80ec9d5f, #w-node-_9ba7f8ae-66e8-fd32-7edf-b756a8e41c0e-80ec9d5f, #w-node-dc63587a-5afc-fd20-42e2-b96145e94702-80ec9d5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_24f8e15e-58e9-7186-0fd9-1e7a0a8ce96c-4b9a6d98 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .75fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_24f8e15e-58e9-7186-0fd9-1e7a0a8ce96c-4b9a6d98 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_8950245b-71d6-a95b-511c-7b38479af662-ae2affa3 {
    grid-template-rows: auto;
    grid-template-columns: .5fr .5fr;
  }

  #w-node-a2ae2137-8168-4b3e-16b8-db026d0a9687-ae2affa3, #w-node-f774bcf7-26d4-b848-ad41-b7c21abe3924-ae2affa3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-e4665505-f619-329b-4974-ac9e240f9515-ae2affa3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3bbb9ae5-1a1b-e9e1-62b5-db5b377c9b85-4b9a6d98 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_3bbb9ae5-1a1b-e9e1-62b5-db5b377c9b89-4b9a6d98 {
    grid-row: span 2 / span 2;
  }

  #w-node-fb0d7a87-82a8-cca7-fe48-7855d5507234-4b9a6d98 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_24f8e15e-58e9-7186-0fd9-1e7a0a8ce96c-4b9a6d98 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_24f8e15e-58e9-7186-0fd9-1e7a0a8ce96d-4b9a6d98, #w-node-_24f8e15e-58e9-7186-0fd9-1e7a0a8ce96e-4b9a6d98 {
    grid-column: span 2 / span 2;
  }

  #w-node-a7c0c69b-65ed-8721-fd73-78578a3a6833-ae2affa3 {
    grid-template-rows: auto;
    grid-template-columns: .75fr;
  }

  #w-node-_8950245b-71d6-a95b-511c-7b38479af662-ae2affa3, #w-node-a2ae2137-8168-4b3e-16b8-db026d0a9687-ae2affa3, #w-node-f774bcf7-26d4-b848-ad41-b7c21abe3924-ae2affa3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-eb135991-cc9e-6855-48d5-8dc47fc87472-ae2affa3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_47346723-e974-6549-f0ac-0ef3fcd9db39-ae2affa3, #w-node-_2c902872-725a-0bcf-bb80-b1dd1140546b-ae2affa3 {
    grid-template-rows: auto;
    grid-template-columns: .25fr .25fr;
  }

  #w-node-e4665505-f619-329b-4974-ac9e240f9515-ae2affa3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
}