@import url('https://fonts.googleapis.com/css2?family=Montagu+Slab&family=Roboto:wght@100&display=swap');

@media only screen and (max-width: 768px){

  .homeStage {
      min-height: calc(100vh - 210px) !important;
  }

  body{
    background-size: 120% !important;
  }

}
:root {
    --bkgd: rgb(255 255 255);
    /* --bkgd: #ffffff; */
    --frgd: #505050;
    --frgd: #191919;
    --frgd: #3a4237;
    /* --action: #c5e1a5; */
    /* --action: #b5d48d; */
    /* --action: #aaff48; */
    /* --action: #80ff69; */
    /* --action: #f5fed4; */
    --action: #fcf7a7;--accent: #ecf3e3;
    --accent: #f1f8e9;
    --accent: #f0f5e6;
    --accent: #daffb17d;--accent: #c0ffb55e;--accent: #f4f4f4;--accent: #f5f3ea;--accent: #f8fff0;
    /* --accent: #fff4ce; */--stars:red;
    /* --action: #ffa726; */
    /* --accent: #f7f1b9; */
    /* --notime: #ffbfca; */
    /* --notime: #fdece8; */
    /* --notime: #f8bbd0; */
    --notime: #e9ffe0;
    /* --notime: #c6cbff; */
    --recommend: #E3F2FD;
    /* --recommend: #c1ffee; */
    --recommend: #e8e8ea;
    --shadow: #00000080;
    /* --shortTrigger: #a38fff; */
    --shortTrigger: #ff7574;
    }



body#MainSection {/* --bkgd: #e6f1d9; */background-position: bottom;}

.visually-hidden{
    display: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.topBorder{
    display: none;
    width: 100%;
    height: 18px;
    position: sticky;
    z-index: 5;
    top: 0;
    margin-bottom: -16px;
    background: var(--frgd);
}

body {
	line-height: 1;
	text-rendering: geometricprecision;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
    padding: 0;
    --gap: 2rem;
    margin: 0;
    font-family: 'Merriweather',Arial, Helvetica, Arial, serif;
    font-weight: 400;
    line-height: 1.5;
    color: var(--frgd);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: var(--frgd);
    background-color: var(--accent);
    /* background: linear-gradient(180deg, var(--accent), var(--bkgd)); */
    overflow-x: hidden;
    /* background-image: url('grid3.png') !important; */
    background-size: coveR !important;
    -webkit-font-smoothing: antialiased;
    /* animation: animatedBackground 0s ease-in-out infinite alternate; */
}

img#face {
    display: none;
    opacity: 0.8;
    position: absolute;
    top: -8px;
    right: -32px;
    filter: grayscale(1);
    animation-name: shake-slow;
    animation-duration: 60s;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-iteration-count: infinite;
}

.headerHeading{
    display: none;
    color: var(--frgd);
    background: var(--bkgd);
    position: sticky;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 20;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    width: 100%;
    text-align: center;
    line-height: 1.05;
    margin: 0 8px;
    margin-bottom: -16px;
  }

  .headerHeading span{
      z-index: 9;
  }

  .headerHeading a {
    position: absolute;
    right: 16px;
    top: 0px;
}

.headerHeading a svg *{
    fill: var(--action);
}

nav.mainNavigation{box-sizing: border-box;width: 100%;padding: 32px 0 8px;margin-bottom: 8px;z-index: 6;max-width: 1400px;margin: auto;}

nav.mainNavigation ol{
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0 0px 4px 0;
    /* margin-top: 16px; */
    flex-wrap: nowrap;
    z-index: 6;
    align-items: flex-end;
}

nav.mainNavigation ol li {
    padding: 8px 16px 8px;
    margin: 0;
    border-left: 1px solid #bababa;
    z-index: 0;
    }


nav.mainNavigation ol li:first-child {border: none;}

nav.mainNavigation ol li a{
    top: 0;
    left: 0;
    box-sizing: border-box;
    /* transition: 0.3s linear; */
    color: var(
    --frgd);
    font-weight: 600;
    text-transform: uppercase;
    font-family:
    'Inter', sans-serif;
    font-size: 38px;
    letter-spacing: 2px;
    text-decoration: none;
    text-align: center;
     /* Will override color (regardless of order) */
    /* -webkit-text-stroke-color: var(--action);;text-underline-offset: 16px;
    line-height: 100%;
    /* background: var(--frgd); */
    border-radius: 8px;
    padding: 4px 8px;
    box-shadow: 2px 2px 0 var(--shadow);
    border: 2px solid;
    backdrop-filter: hue-rotate(45deg);
    background: var(--action);
    }


.graffiti{
    position: absolute;
    height: 120px;
    /* width: 190px; */
    border-radius: 8px;
    right: 240px;
    z-index: 2;
    transform: rotate(348deg);
    /* animation: rubberBand 7s infinite; */
    -webkit-animation-name: rubberBand 15s infinite;
    /* filter: drop-shadow(-2px -4px 2px #fff); */
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  
  45% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  47% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  48% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  52% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  54% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  
  56% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  
  45% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  47% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  48% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  52% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  54% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  
  56% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



#HomeLink{
  z-index: 2;
  min-width: 126px;
  max-width: 160px;
  background: var(--action);
  position: absolute;
  left: 16px;
  top: 16px;
  border-radius: 50%;
  box-shadow: 4px 5px 0 var(--frgd);
  max-width: 50px !important;
  min-width: 50px !important;
  height: 50px;
  overflow: hidden;
  box-shadow: none !important;
  border: 2px solid var(--action);
  /* position: fixed; */
  z-index: 99999;
}

#HomeLink img {
  width: 100px !important;
  min-width: 100px !important;
  height: 100px;
  margin-top: -32px;
  margin-left: -16px;
  filter: grayscale(1);
  animation-name: shake-slow;
  animation-duration: 30s;
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  animation-iteration-count: infinite;
  /* margin-top: 16px; */
  z-index: 7;
}

#HomeLink img:hover{
    animation-duration: 100s;
    filter: none;
}

nav.mainNavigation ol li a:hover{
    /* text-decoration: underline; */
    /* -webkit-text-fill-color: var(--action); */
    color: var(--frgd);
    /* text-shadow: 0 0 16px var(--bkgd); */
    background: var(--action);
    box-shadow: none;
    /* background: none; */
    position: relative;
    /* border-color: transparent; */
    top: 2px;
    left: 2px;
    transition: 0.3s linear;
}


article {
    box-sizing: border-box;
    /* border: 8px solid var(--action); */
    border-width: 4px 0;
    margin: 0 auto;
    background-color: var(--bkgd);
    box-shadow: 0 0 32px 32px var(--bkgd);/* z-index: 1; */
    width: 100%;
}

.ABBFill, .HitachiFill{
    fill: var(--frgd);
    fill: var(--frgd);
    }

svg.companyLogo{
    margin-top: 128px;
    margin-bottom: 32px;
    max-width: 50%;
    min-width: 248px;
    margin-left: -2%;
    opacity: 0.7;
}
  
h1, h2, h3 {
    margin: 0;
    line-height: 1.2;
    font-weight: 600;
}

h1
	{
	font-size: 128px;
	font-weight: 600;
	font-family: 'Merriweather', serif;
	font-family: 'Inter', sans-serif;
	word-break: break-word;
	text-align: left;
	padding: 8px 0 64px;
	line-height: 0.9;
	/* line-height: 1; */
	position: relative;}
h2
	{
	padding-top: 80px;
	margin-top: 150px;
	font-size: 42px;
	letter-spacing: 2px;
	font-family:'Inter', sans-serif;
	}
h3
	{
	font-size: 16px;
	text-align: center;
	background: var(--accent);
	padding: 8px 0;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 6px;
	font-family:'Inter', sans-serif;
	border-radius: 1px;
	margin-top: -8px !important;
	}

h3 + ul{
    margin-top: -32px !important;
}

ul + h3{
    margin-top: 0px !important;
}


p, li
	{
	margin: 16px 4px;
	line-height: 175%;
	list-style-position: outside;
	text-align: justify;
	box-sizing: border-box;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	/* position: relative; */
}

.main li{
    padding-left: 18px;
    margin-left: -18px;
}


/* HOME PAGE -------------------*/

.mainSection:nth-child(2) {
    border-left: 1px solid;
    border-right: 1px solid;
}

.mainSection {
    display: flex;
    flex-direction: column;
    width: 33%;
    justify-content: space-between;
    padding: 18px 16px 64px;
    z-index: 1;
}

.homeStage{position: relative;margin: 0 auto;display: flex;max-width: 1400px;min-height: 100vh;/* min-height: calc(100vh - 210px); */min-height: calc(100vh - 360px) !important;/* z-index: 2; */align-items: center;justify-content: space-around;align-content: center;flex-direction: row;overflow: hidden;/* position: relative; */}

.homeStage h1 {
    text-align: center;
    z-index: 2;
    text-transform: uppercase;
    width: unset;
    font-weight: 800;
    /* margin: 64px 16px 0; */
    font-size: 162px !important;
    text-align: left;
    color: var(--action);
    /* padding: 16px; */
    font-family: 'Inter', sans-serif !important;
    /* border-radius: 32px 32px 32px 0px; */
    /* text-shadow: 0 0 16px var(--frgd); */
    -webkit-text-fill-color: var(--bkgd) !important;
    -webkit-text-fill-color: none;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--action);
    -webkit-text-stroke-color: var(--frgd);
    /* text-shadow: 0 0 8px var(--action); */
}

.homeStage h2 {position: relative;display: inline-block;font-family: 'Merriweather';margin: 16px 16px;padding: 16px 32px;color: var(--bkgd);letter-spacing: inherit;font-size: 64px;line-height: 1;background: var(--action);/* border: 1px solid var(--action); *//* box-shadow: -4px 4px 0px var(--action); */font-weight: 200;z-index: 2;}

.homeStage p{
    background: var(--bkgd);
    color: var(--frgd);
    line-height: 1.5;
    font-size: 18px;
    font-weight: 300;
    padding: 16px 18px;
    font-family: 'Merriweather', serif;
    max-width: 380px;
    margin: 0px 6px 0;
    z-index: 2;
    border-radius: 32px 32px;
    border: 2px solid;
    position: relative;
    display: none;
}

  
  .homeStage p:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 16px solid var(--bkgd);
    border-right: 16px solid rgba(255, 255, 255, 0);
    border-top: 16px solid var(--bkgd);
    border-bottom: 16px solid rgba(255, 255, 255, 0);
    left: 100px;
    bottom: -29px;
  }

.marquee {
    transform: rotate(357deg);
    position: absolute;
    min-height: 30px;
    left: 0;
    top: 56vh;
    margin: 0 auto;
    width: 105%;
    margin-left: -8px;
    min-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    opacity: 0.3;background: var(--action);
  }

  .marquee__content.opposite {
    animation: marqueeOpposite 600s linear infinite;
    }

.marquee .marquee__content.opposite li {font-size: 20px;font-family: 'Inter', sans-serif;font-weight: 600;letter-spacing: initial;padding: 2px 16px;line-height: 1;margin: 0;background-color: var(--action) !important;color: var(--bkgd) !important;/* text-transform: uppercase; */}

  .marquee li {
    box-sizing: content-box;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    line-height: 0.9;
    font-size: 64px;
    background-color: var(--action);
    color: var(--bkgd);
    display: inline-block;
    margin: 0;
    text-align: center;
    padding: 0px 22px 15px 0px;
    letter-spacing: -4px;
    margin-bottom: -6px;
}

.marquee li:nth-child(odd){
    background-color: var(--bkgd);
    color: var(--action);
}

  .marquee__content {
    will-change: content;
    width: 300%;
    display: flex;
    animation: marquee 600s linear infinite backwards;
  }
  .marquee:hover .marquee__content {
    animation-play-state: paused;
  }

  .opposite ul.list-inline {
    justify-content: space-around;
    display: flex !important;
}

  .list-inline {
    display: flex;
    justify-content: flex-end;
    min-width: 33.33%;
    /* reset list */
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  @keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-66.6%);
    }
  }

  @keyframes marqueeOpposite {
    0% {
      transform: translateX(-66.6%);
    }
    100% {
      transform: translateX(0);
    }
  }

  @keyframes animatedBackground {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 0 10%;
    }
  }

  

::marker{font-weight: 700;font-size: 24px;letter-spacing: 4px;font-family:'Inter', sans-serif;}

.navigationHidder{
    /* display: none; */
    height: 76px;
    background: var(--bkgd);
    z-index: 4;
    margin-top: -68px;
    position: relative;
    border-bottom: 1px solid var(--accent);
}

.inpageNavigation{position: -webkit-sticky;position: sticky;top: 8px;background: var(--bkgd);background: var(--accent);z-index: 3;/* padding-right: 16px; */border: 2px solid var(--bkgd);border-radius: 16px;/* width: calc(100% - 64px); */margin: 4px;padding: 0 8px;backdrop-filter: blur(3px);}

.inpageNavigation ul{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;overflow: auto;justify-content: space-between;margin-bottom: 2px;}

.inpageNavigation nav li{
    list-style: none;
    float: left;
    padding: 4px 2px 6px;
    margin: 0;
    white-space: nowrap;
}

.inpageNavigation nav li a{text-decoration: none;background: var(--action);color: var(--frgd);padding: 4px 8px;margin: 0px 2px;font-family: 'Inter', sans-serif;text-transform: uppercase;border: 2px solid;border-radius: 16px;font-size: 12px;font-weight: 600;box-shadow: 1px 1px;}

.inpageNavigation nav li a.active {margin-top: 2px;background: var(--bkgd);box-shadow: none;color: var(--frgd);border-color: var(--bkgd);}

.main h2 + p {
    margin-top: 212px;
    /* min-height: 68px; */
    margin-bottom: 24px;
}

.main {
    --max-width: 800px;
    --col-width: 60%;
    --threshold: calc(var(
    --max-width) - 112px);
    max-width: var(--max-width);
    margin: auto;
    padding: var(--gap) var(--gap) 128px;
    align-self: center;
    font-size: 1.1em;
    line-height: 2;
    /* position: relative; */
}

.main > p, .main > ol, .main > ul,  .main > h3, .main > a{
    margin: 48px 0;
    max-width: 100%;
    min-width: var(--col-width);
    width: calc((var(--threshold) - 100%) * 1000);
    margin-left: auto;
    display: block;
}

#downloadResumeHome, a#downloadReferences, .home article button, .nextCaseStudy a, .downloadResumeTop a, .home article a:not(#everestLink)  {
    width: fit-content;
    display: block;
    box-sizing: border-box;
    margin: 8px auto;
    text-align: center;
    background: var(--action);
    padding: 4px 16px;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    color: var(--frgd);
    text-decoration: none;
    border: 2px solid var(--frgd) !important;
    border-radius: 4px;
    box-shadow: 2px 2px var(--frgd);
    box-shadow: 2px 2px var(--shadow);
    font-weight: 800;
    letter-spacing: 0.5px;
}

.home article a:hover, .home article button:hover {
    box-shadow: none !important;
    position: relative;
    left: 2px;
    top: 2px;
    cursor: pointer;
}

.imagePlaceholder{
    border-radius: 8px;
    /* background-color: var(--action); */
    box-sizing: border-box;
    width: 100%;
    height: 20vh;
    
    margin: 0 0 8px;
    position: relative;
    overflow: hidden;
    display: flex;
box-shadow: 0 0 16px 0px var(--accent);}

.imagePlaceholder img{position: relative;/* top: -60px; */min-width: auto !important;min-height: 80% !important;width: 100%;filter: grayscale(1);/* margin: -10% 0 0 -10%; */}

.imagePlaceholder .before {
    /* display: none !important; */
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: var(--action); */
    background: var(--accent);
    opacity: 0.4;
    z-index: 1;
  }

.mainHome {
    display: flex;
    padding: 4px;
    justify-content: center;
    flex-wrap: nowrap;
    max-width: 1400px;
    margin: auto;
}

.mainHome .borderWrapper{
    box-sizing: border-box;
    width: 100%;
    /* border: 1px solid; */
    border-radius: 30px;
    padding: 0 16px 16px;
    /* box-shadow: inset 0px -1px 1px var(--action); */
    display: flex;
    flex-wrap: wrap;
}

.mainSectionsContainer{
    display: flex;
    border-top: 1px solid;
    border-bottom: 1px solid;
    width: 100%;
}

.mainHome h2{
    text-align: center;
    padding: 16px 8px 16px;
    padding-top: 32px;
    line-height: 1;
    margin: auto;
    /* border-bottom: 1px solid; */
    align-items: flex-end;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
width: fit-content;}

.main > h2, .quoteImage{
    min-width: calc(100% - var(--col-width) - var(--gap));
    max-width: 100%;
    width: calc((var(--threshold) - 100%) * 1000);
    text-align: end;
    float: left;
padding-bottom: 16px;}

.main .quoteText{
    box-sizing: border-box;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    font-style: italic;
    /* font-family: monospace; */
    padding: 21px 16px;
    line-height: 1.3;
    background: var(--accent);
    border-radius: 16px;
    max-width: calc(100% - 32px);
};

.main .quoteAuthor{
    padding: 16px 8px;
    border-radius: 8px;
    /* color: #fff; */
    }

.main .quoteAuthor{
    margin-top: -48px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.main .quoteDescription{
    margin-top: -4px;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    opacity: 0.85;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: left;
}

.main .quoteDescription.mediaDescription{
  margin-top: 8px;
  text-align: center;
  width: 100%;
font-size: 12px;margin-bottom: -32px;}


.main .quoteImage{
    margin-bottom: -44px;
    padding-top: 0px;
    border-radius: 100%;
}

.quoteImage img{font-size: 0;height: 84px;width: auto;border-radius: 100%;filter: grayscale(1);background: var(--accent);border: 4px solid var(--accent);}

#BackToTop{
    display: none;
    position: fixed;
    right: 16px;
    bottom: -80px;
    background: var(--action);
    text-decoration: none;
    color: var(--frgd);
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    padding: 16px 8px;
    text-transform: uppercase;
    border: 2px solid;
    border-radius: 100%;
    font-size: 12px;
    max-width: 52px;
    min-width: 52px;
    line-height: 1.5;
    text-align: center;
    margin: 0;
}

#BackToTop.appear{
    bottom: 16px;
    transition-property: bottom;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    /* transition-delay: 1s; */
}

.crossSectionNavigation{z-index: 1;cursor: pointer;/* background: var(--action); */display: flex;justify-content: center;}

.crossSectionNavigation ul{list-style: none;display: flex;padding: 0px;text-decoration: none;flex-direction: row;justify-content: center;align-items: stretch;max-width: 800px;width: 100%;padding: 0 8px;flex-wrap: wrap;}



.crossSectionNavigation ul li{
    margin: 8px;
    text-align: start;
    flex-grow: 1;
    cursor: pointer;
    max-width: calc(33% - 16px);
    width: 33%;
}

.crossSectionNavigation ul li a{
    /* background: var(--bkgd); */
    border: 8px solid var(--action);
    background: var(--action);
    text-decoration: none;
    display: block;
    padding: 8px 16px 16px;
    border-radius: 16px;
    color: var(
    --frgd);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    cursor: pointer;
    align-items: flex-start;
    border: 1px solid;
    box-shadow: 3px 3px var(--bkgd);
}

.crossSectionNavigation ul li a:hover {
    box-shadow: 0 0 16px var(--bkgd);
    background: var(--accent);
    border-color: var(--accent);
}

.crossSectionNavigation svg.companyLogo {
    min-width: 181px;
    margin-left: -5%;
    max-width: 60%;
}

.crossSectionNavigation span{display: block;width: 100%;font-family: 'Inter', sans-serif;/* text-shadow: 1px 1px 16px var(--bkgd); */}

.section-title{font-size: 16px;font-weight: 800;/* padding-bottom: 4px; */line-height: 1.1;min-height: 36px;}

span.section-description{display: none;font-size: 12px;padding: 0px 0px 0px;max-width: 300px;}
.section-callToAction{font-weight: 800;text-transform: uppercase;font-size: 22px;padding-top: 32px;/* min-width: 50%; */display: none !important;}

footer{box-sizing: border-box;max-width: 100%;display: flex;text-align: center;font-size: 18px;padding: 64px 16px 64px;flex-direction: column;justify-content: flex-end;align-content: center;font-family: 'Inter', sans-serif;}

.footerHeading{
    text-align: center;
    color: var(--bkgd);
    font-size: 48px;
    letter-spacing: 2px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    padding: 32px 0 8px;
    text-shadow: 2px 2px 8px var(--frgd);
}

.footerNavigation  ol{margin: auto;max-width: 800px;display: flex;justify-content: space-evenly;list-style: none;}

.footerNavigation  ol a{box-sizing: border-box;background: var(--action);text-decoration: none;font-weight: 600;font-size: 22px;text-transform: uppercase;padding: 8px 8px;/* text-shadow: 2px 2px 8px var(--frgd); */color: var(--frgd);border-radius: 8px;border: 2px solid;box-shadow: 2px 3px 0 var(--shadow);}

footer span{
    /* width: 320px; */
    color: var(--bkgd);
    /* text-shadow: 2px 2px 8px var(--frgd); */
    color: var(--frgd);
    margin: 0 auto;
}

.socialNavigation{margin: 0 auto;margin-top: 64px;}

.socialNavigation ol{display: flex;list-style: none;align-items: center;flex-wrap: nowrap;}

.socialNavigation ol a{display: block;box-sizing: border-box;padding: 8px;margin: 4px;height: 44px;width: 44px;background: var(--action);fill: var(--frgd);border-radius: 32px;border: 2px solid var(--frgd);box-shadow: 1px 1px 0 var(--shadow);}

footer ol a:hover {
    /* color: var(--bkgd); */
    /* text-decoration: underline; */
    /* fill: var(--bkgd); */
    /* filter: drop-shadow(0px 0px 17px var(--bkgd)); */
    /* background: none; */
    position: relative;
    top: 2px;
    left: 2px;
    box-shadow: none;
}

.Introduction p {
    font-family: 'Inter', sans-serif;
    font-size: 40px;
    line-height: 50px;
    padding: 16px;
    font-weight: 400;
    filter: grayscale(1);
    /* padding-bottom: 32px; */
}

#Welcome {
    position: relative;
    font-size: 100px;
    line-height: 1;
    border-bottom: 1px solid;
    margin: 8px 0px;
    padding: 64px 0 16px;
    letter-spacing: -4px;
    font-weight: 600;
    width: 100%;
}


.mainHome p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    z-index: 2;
}



.Introduction {
  text-align: center;
  /* padding-bottom: 32px; */
  width: 100%;
  position: relative;
  /* border-bottom: 1px solid; */
}

.mainSection svg {
  margin: 0 auto;
  width: 100%;
  opacity: 0.95;
}

.mainSection svg * {
  fill: var(--frgd);
}

.mainHome h2 span {
  font-size: 18px;
  position: absolute;
  filter: grayscale(1);
}

.companiesContainer div > * {
  max-width: 160px;
  min-width: 17%;
  padding: 16px;
  max-height: 80px;
}

.companiesContainer div {display: flex;align-items: stretch;justify-content: space-around;flex-direction: row;flex-wrap: wrap;opacity: 0.65;margin: auto;filter: grayscale(1);flex-grow: 1;align-content: space-around;}

.companiesContainer {
  box-sizing: border-box;
  width: 50%;
  padding: 16px 8px 64px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid;
}

.colleaguesContainer {
  background: var(--bkgd);
  width: 50%;
  position: relative;
  /* background: red; */
  min-height: 300px;
  border-left: 1px solid;
  padding: 16px 16px 64px;
  box-sizing: border-box;
  border-bottom: 1px solid;
}

.colleaguesContainer img {
  max-width: 80px;
  filter: grayscale(1);
  opacity: 0.6;
}

.poweredByLI {
  display: flex;
  margin: auto;
  width: 160px;
  text-align: center;
  font-family: 'Inter',sans-serif;
  font-size: 14px;
  flex-direction: column;
  align-items: center;
}

.chat-wrapper {
  border-top: 2px dashed;
  height: 75vh;
  display: flex;
  /* justify-content: center; */
}

.chat-container {
  background: var(--bkgd);
  overflow:auto;
  max-width: 360px;
  max-height: 150vh;
  display: flex;
  flex-direction: column-reverse;
  padding: 10px;
  background: radial-gradient(var(--accent), transparent);
}

.chat-container {
-ms-overflow-style: none;  /* Internet Explorer 10+ */
scrollbar-width: none;  /* Firefox */
}
.chat-container::-webkit-scrollbar { 
display: none;  /* Safari and Chrome */
}

.recommendation{
  height: auto;
  transition: height 0.8s ease-out, width 0.2s ease-out, color 1s ease-out;
}

.chat-container .singlerecomendation:first-child .recommendation:not(.last-recomendation){
  /* margin-left: -6px; */
  background:url(./typingDots.gif);
  background-size: cover;
  color: transparent;
  width: 50px !important;
  height: 30px !important;
  padding: 0;
  box-shadow: none;
  filter: none;
}

.chat-container .singlerecomendation:first-child .recommendation:before,
.chat-container .singlerecomendation:first-child .recommendation:after{
  display: none;
}

/*.recommendation {*/
/*  /* background: var(--accent); */*/
/*  background: var(--recommend);*/
/*  border-radius: 8px;*/
/*  padding: 16px 16px;*/
/*  font-size: 16px;*/
/*  line-height: 1.8;*/
/*  /* font-style: italic; */*/
/*  margin-top: 16px;*/
/*  position: relative;*/
/*  text-align: left;*/
/*  filter: drop-shadow(1px 1px 1px #bababa);*/
/*}*/
/**/
/*.recommendation:after {content: '';position: absolute;bottom: 0;left: 32px;width: 0;height: 0;border: 22px solid rgba(255, 255, 255, 0);border-top-color: var(--accent);border-top-color: var(--recommend);border-bottom: 0;border-right: 0;margin-left: -11px;margin-bottom: -22px;}*/

.singlerecomendation {
    background-color: #fff;
    border: 1px solid #e5e5ea;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    font-size: 1.25rem;
    margin: 0 auto 1rem;
    max-width: 600px;
    padding: 0.5rem 1.5rem;
}

.recommendation {
  /* filter: drop-shadow(1px 1px 1px var(--shadow)); */
  border-radius: 1.15rem;
  line-height: 1.25;
  max-width: 75%;
  padding: 0.5rem .875rem;
  position: relative;
  word-wrap: break-word;
  font-family:
  -apple-system, BlinkMacSystemFont, sans-serif;
}

.recommendation::before,
.recommendation::after {
  bottom: -0.1rem;
  content: "";
  height: 1rem;
  position: absolute;
}

.recommendation {
  background-color: var(--recommend);
  /* background: linear-gradient(180deg, #5eabff, #3394ff,#057cff); */
  color: #000;
  color: var(--frgd);
  /* color: #fff; */
  max-width: calc(100% - 80px);
}

.recommendation:before {
  border-bottom-right-radius: 0.8rem 0.7rem;
  border-left: 1rem solid var(--recommend);
  /* border-color: #057cff; */
  left: -0.35rem;
  transform: translate(0, -0.1rem);
}

.recommendation::after {
  background-color: var(--bkgd);
  border-bottom-right-radius: 0.5rem;
  left: 20px;
  transform: translate(-30px, -2px);
  width: 10px;
  filter: none;
}

.recommendationAuthor {
  padding-top: 4px;
  font-family: 'Inter';
  width: 100%;
  font-weight: 600;
  color: var(--frgd);
  /* padding: 8px 16px 0 100px; */
}

.recommendationAuthorRole {
  font-family: 'Inter';
  font-size: 12px;
  /* padding: 0 102px 0; */
  margin-bottom: 32px;
}

.mainHome *:not(a) {border-color: #dddddd !important;/* border-color: var(--frgd) !important; *//* border-width: 2px !important; *//* filter: grayscale(1); */}



#NNg {
  position: absolute;
  margin: 0 auto;
  top: 76px;
  left: 8px;
  z-index: 1;
  /* left: calc(50% - 100px); */
  /* top: -175px; */
}



a#NNg:hover {
  filter: none;
}




i {
  font-style: italic;
  letter-spacing: 0px;
}

.home article {
  box-sizing: border-box !important;
  width: auto;
  /* width: 100%; */
  /* max-width: 1400px; */
  box-sizing: border-box;
  border-radius: 32px;
  min-height: 100vh;
  box-shadow: 0 0  32px 32px var(--bkgd);
  border: none;margin: 0 8px;
  z-index: 1;
}

.home nav.mainNavigation {
  max-width: 1400px;
}

body.home, body#MainSection {
  box-sizing: border-box;
  width: 100%;
  /* padding: 0 16px; */
}

nav.mainNavigation ol li a.disabled {
  -webkit-text-fill-color: unset;
  -webkit-text-fill-color: unset;
  text-decoration: none;
  text-shadow: none;
  background: none;
  /* color: var(--frgd); */
  /* color: var(--bkgd); */
  background: var(--bkgd);
  /* text-shadow: 2px 2px 6px var(--action); */
  pointer-events: none;
  cursor: default;
  background: var(--action);
  /* background: var(--bkgd); */
  box-shadow: 0 0 16px 8px var(--action);
  /* border: none; */
  border-color: var(--action);
}

.Introduction img {
  max-width: 1000px;
  width: 72vw;
  min-width: 200px;
  margin: 64px auto 32px;
  padding: 16px;
  /* background: radial-gradient(var(--bkgd), #f5f8f2); */
  /* box-shadow: 0 0 32px var(--accent); */
  border-radius: 32px;
}

.dictionarySnippet h2 {
  hyphens: manual;
  display: inline-block;
  text-align: left;
  /* font-family: serif; */
  border-width: 0;
  padding: 0;
  font-size: 32px;
  padding-right: 4px;
  text-shadow: 2px 2px var(--bkgd);
  /* word-break: break-all; */
}

.dictionarySnippet {
  text-align: left;
}

div.dictionarySnippet {
  min-width: calc (30% - 36px) !important;
  position: relative;
  flex-basis: 100%;
  flex-shrink: 1;
  padding: 24px;
  background: var(--accent);
  /* border: 2px solid var(--bkgd) !important; */
  /* border-width: 0 2px !important; */
  border-radius: 8px;
  margin: 4px;
  filter: drop-shadow(1px 1px 1px #bababa);
  overflow: hidden;
}

span.wordType {
  display: inline-block;
  padding: 0 10px;
  font-size: 12px;
  background: var(--bkgd);
  border-radius: 8px;
}

span.wordSeparation {display: inline-block;font-weight: 600;letter-spacing: 2px;padding: 4px;}

.dictionarySnippet p {
  font-size: 16px;
}

.dicctionaryRow {
  margin: 32px 0;
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}

span.wordPronunciation {
  display: inline-block;
  margin-bottom: 16px;
}

p.manifest_copy {
  line-height: 1.4;
  font-size: 48px;
  text-align: center;
  max-width: 640px;
  display: block;
  margin: auto;
  margin-top: 32px;
}

.Manifest {
  position: relative;width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 64px 0 128px;
  background: radial-gradient(var(--accent), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

.Manifest h2 {
  border-bottom: none;
}

.ExperienceWrapper {
  padding-left: 32px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}


.ExperienceContent, .RecomendationsContent {
  width: 33%;
  min-width: 280px;
  max-width: 50%;
  box-sizing: border-box;
  padding: 16px 16px 32px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  /* border: 1px solid; */
  /* margin: -2px; */
}

.ExperienceContent h5 {font-weight: bold;font-size: 18px;/* margin-bottom: 8px; */}

.poweredByLI.aboutUsLinkedin img {
  filter: grayscale(1);
  opacity: 0.6;
}

.ExperienceWrapper img {
  filter: grayscale(1);
  opacity: 0.8;
  max-width: 75%;
}

.aboutUsLinkedin {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  align-items: baseline;
}

.aboutUsLinkedin a {
  flex-grow: 1;
}

.home article a.referenceDoc{margin: 8px 0 16px !important;border-width: 1px !important;background: none !IMPORTANT;padding: 4px 8px !important;color: var(--frgd);font-size: 14px;align-items: center;font-weight: 600 !important;border-width: 1px solid !important;}

.home article a.referenceDoc:hover{
  background: var(--action);
}

.referenceDoc-View{
  height: 60px;
  margin: -12px 0px -14px 0px;
  height: 60px;
}

div.mainHome div div.CaseStudyAnimation {
  width: 25vw;
  height: 25vw;
  min-width: 240px;
  min-height: 240px;
  position: relative;
  margin-right: 16px;
  margin-left: 16px;
  border-radius: 100%;
  overflow: hidden;
  background: var(--accent);
  /* background: radial-gradient( transparent,var(--accent),var(--accent)); */
  border: 1px solid;
  filter: drop-shadow(1px 1px 1px #bababa);
}

.CaseStudyWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 64px 0px;
}

svg.CaseStudycompanyLogo {
  width: 200px;
  margin-top: 32px;
  margin-left: -9px;
}

div.CaseStudyDescription * {
  text-align: left;
  padding: 0;
margin-left: 0;margin-right: 0;}

.CaseStudyDescription {
  /* background: radial-gradient(var(--accent), transparent, transparent); */
  width: 40%;
  min-width: 420px;
  padding-bottom: 58px;
  margin: 0 16px;
}

.CaseStudyAnimation svg {width: 100%;height: 100%;opacity: 0.85;}

article .CaseStudyDescription > a {
  margin: 16px 0 !important;
  width: fit-content;
}

.flashCardsArea{
  display: none;
  width: 228px;
  position: fixed;
  bottom: 16px;
  left: 16px;
  border: 2px solid;
  border-style: dashed;
  text-align: center;
  padding: 16px 32px;
  background-color: var(--accent);
  /* background: url(Grass.jpeg); */
  background-size: cover;
  /* text-shadow: 2px 2px 16px #002d00; */
  color: #2e36d9;
  border-radius: 16px;
  /* filter: hue-rotate(123deg); */
}

.flashCardsArea span{
  display: block;
  padding: 8px 0;
}

.flashCardsArea span.flashCardInstructionTitle{font-size: 47px;line-height: 0.9;font-weight: 700;font-family: 'Inter', sans-serif;}

.flashCardsArea button {
  text-decoration: none;
  background: var(--action);
  color: var(--frgd);
  padding: 4px 8px;
  margin: 0px 2px;
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  border: 2px solid;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 800;
}

@keyframes shake-slow {
2% {
  transform: translate(0px, -7px) rotate(2.5deg)
}
4% {
  transform: translate(6px, 3px) rotate(-.5deg)
}
6% {
  transform: translate(6px, -5px) rotate(.5deg)
}
8% {
  transform: translate(3px, 3px) rotate(-1.5deg)
}
10% {
  transform: translate(-4px, 5px) rotate(1.5deg)
}
12% {
  transform: translate(2px, 7px) rotate(2.5deg)
}
14% {
  transform: translate(0px, 6px) rotate(-1.5deg)
}
16% {
  transform: translate(-9px, 5px) rotate(-2.5deg)
}
18% {
  transform: translate(4px, -8px) rotate(-.5deg)
}
20% {
  transform: translate(2px, 9px) rotate(3.5deg)
}
22% {
  transform: translate(-5px, 1px) rotate(-2.5deg)
}
24% {
  transform: translate(-2px, -8px) rotate(.5deg)
}
26% {
  transform: translate(4px, -2px) rotate(-.5deg)
}
28% {
  transform: translate(-4px, 9px) rotate(1.5deg)
}
30% {
  transform: translate(-4px, -3px) rotate(3.5deg)
}
32% {
  transform: translate(-2px, 6px) rotate(-2.5deg)
}
34% {
  transform: translate(4px, -4px) rotate(-.5deg)
}
36% {
  transform: translate(-1px, 6px) rotate(.5deg)
}
38% {
  transform: translate(8px, 8px) rotate(1.5deg)
}
40% {
  transform: translate(9px, -2px) rotate(3.5deg)
}
42% {
  transform: translate(-2px, -9px) rotate(.5deg)
}
44% {
  transform: translate(-1px, 10px) rotate(-1.5deg)
}
46% {
  transform: translate(-1px, 1px) rotate(-.5deg)
}
48% {
  transform: translate(6px, -8px) rotate(2.5deg)
}
50% {
  transform: translate(-1px, -7px) rotate(-1.5deg)
}
52% {
  transform: translate(0px, 1px) rotate(-1.5deg)
}
54% {
  transform: translate(1px, -8px) rotate(-2.5deg)
}
56% {
  transform: translate(-4px, 2px) rotate(1.5deg)
}
58% {
  transform: translate(10px, -7px) rotate(-2.5deg)
}
60% {
  transform: translate(-2px, -4px) rotate(-1.5deg)
}
62% {
  transform: translate(-3px, 3px) rotate(1.5deg)
}
64% {
  transform: translate(8px, 2px) rotate(-1.5deg)
}
66% {
  transform: translate(-4px, -1px) rotate(1.5deg)
}
68% {
  transform: translate(-1px, -2px) rotate(-1.5deg)
}
70% {
  transform: translate(8px, 8px) rotate(.5deg)
}
72% {
  transform: translate(-8px, -3px) rotate(-2.5deg)
}
74% {
  transform: translate(6px, 5px) rotate(.5deg)
}
76% {
  transform: translate(4px, -9px) rotate(1.5deg)
}
78% {
  transform: translate(-2px, -6px) rotate(3.5deg)
}
80% {
  transform: translate(1px, 0px) rotate(1.5deg)
}
82% {
  transform: translate(-4px, 6px) rotate(-2.5deg)
}
84% {
  transform: translate(-4px, -3px) rotate(1.5deg)
}
86% {
  transform: translate(7px, 10px) rotate(2.5deg)
}
88% {
  transform: translate(-3px, -2px) rotate(1.5deg)
}
90% {
  transform: translate(8px, -3px) rotate(3.5deg)
}
92% {
  transform: translate(0px, 3px) rotate(1.5deg)
}
94% {
  transform: translate(5px, -5px) rotate(-2.5deg)
}
96% {
  transform: translate(7px, -2px) rotate(-.5deg)
}
98% {
  transform: translate(-6px, 0px) rotate(3.5deg)
}
0%,
100% {
  transform: translate(0, 0) rotate(0)
}
}

.sweaterContainer {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  /* background: #ffffff; */
  z-index: -1;
  cursor: pointer;
  /* backdrop-filter: hue-rotate(178deg); */
}

.sweater {
  /* -webkit-animation: grain 7s steps(10) infinite; */
  /* animation: grain 7s steps(10) infinite; */
  background-image: url(noise.webp);
  content: "";
  height: 285%;
  left: -50%;
  opacity: .4;
  position: absolute;
  top: -100%;
  width: 300%;
}

.homepage .sweater {
  -webkit-animation: grain 7s steps(10) infinite;
  animation: grain 7s steps(10) infinite;
}

.quoteImage img {
  -webkit-animation: nod 3s infinite;
  animation: nod 3s infinite;
}

.quoteDescription+.quoteImage img{
  animation-delay: 2s;
}

@keyframes nod {
  30% {
    -webkit-transform: rotate(0deg); 
    transform:rotate(0deg)
  }
  40% {
    -webkit-transform: rotate(10deg); 
    transform:rotate(10deg)
  }
  60% {
    -webkit-transform: rotate(-10deg); 
    transform:rotate(-10deg)
  }
  70% {
    -webkit-transform: rotate(0deg); 
    transform:rotate(0deg)
  }
}


@-webkit-keyframes grain {
  0%,
  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  10% {
    -webkit-transform: translate(-5%, -10%);
    transform: translate(-5%, -10%)
  }
  20% {
    -webkit-transform: translate(-15%, 5%);
    transform: translate(-15%, 5%)
  }
  30% {
    -webkit-transform: translate(7%, -25%);
    transform: translate(7%, -25%)
  }
  40% {
    -webkit-transform: translate(-5%, 25%);
    transform: translate(-5%, 25%)
  }
  50% {
    -webkit-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%)
  }
  60% {
    -webkit-transform: translate(15%);
    transform: translate(15%)
  }
  70% {
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
  }
  80% {
    -webkit-transform: translate(3%, 35%);
    transform: translate(3%, 35%)
  }
  90% {
    -webkit-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%)
  }
}

@keyframes grain {
  0%,
  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  10% {
    -webkit-transform: translate(-5%, -10%);
    transform: translate(-5%, -10%)
  }
  20% {
    -webkit-transform: translate(-15%, 5%);
    transform: translate(-15%, 5%)
  }
  30% {
    -webkit-transform: translate(7%, -25%);
    transform: translate(7%, -25%)
  }
  40% {
    -webkit-transform: translate(-5%, 25%);
    transform: translate(-5%, 25%)
  }
  50% {
    -webkit-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%)
  }
  60% {
    -webkit-transform: translate(15%);
    transform: translate(15%)
  }
  70% {
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
  }
  80% {
    -webkit-transform: translate(3%, 35%);
    transform: translate(3%, 35%)
  }
  90% {
    -webkit-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%)
  }
}



@keyframes floatinPopUp {
  0% {
    box-shadow: 2px 2px 0px var(--frgd);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 2px 4px 0px var(--frgd);
    transform: translatey(-4px);
  }
  100% {
    box-shadow: 2px 2px 0px var(--frgd);
    transform: translatey(0px);
  }
}







.aboutUsLinkedin {
  font-family: 'Inter';
  flex-direction: column;
  text-align: center;
  align-items: center;
  padding: 32px 0;
}

.aboutUsLinkedin a {
  width: 100%;
  max-width: 260px;
}

.RecomendationsWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.poweredByLI img {
  filter: grayscale(1);
  opacity: 0.6;
}

div#recomendationsContainer.load-all {
  max-height: 999999px;
}

.load-more {
  max-height: 80vh;
  transition-property: max-height;
  transition-duration: 12s;
  transition-timing-function: ease-in;
  overflow: hidden;
  position: relative;
  margin: 32px 0 64px;
  }

.load-more-footer {
  /* border-bottom: 1px solid; */
  position: absolute;
  display: flex;
  bottom: 0;
  width: 100%;
  background: linear-gradient(1deg, var(--bkgd), var(--bkgd),rgb(255 255 255 / 0%)), rgba(255, 255, 255, 0);
  height: 120px;
  /* border-radius: 0 0 32px 32px; */
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 4px 0;
  z-index: 1;
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function: ease-in;
  padding-bottom: 16px;
}

#hide-btn {
  display: none;
}

.load-all .load-more-footer {opacity: 0;}

.mainSection h2 {
  /* border-bottom: 1px solid; */
}

.dictionarySnippet svg {
  opacity: 0.75;
  margin: -24px -24px 16px -24px;
}

img.recommendationImage {
  position: absolute;
  bottom: 0;
  left: 50px;
  border-radius: 100%;
  filter: grayscale(1);
  opacity: 0.8;
}

.singleRecomendation {
  position: relative;
}

.recommendationimage {
  /* position: absolute; */
  bottom: 0;
  filter: grayscale(1);
  border-radius: 32px;
  left: 50px;
  opacity: 0.8;
}

.RecomendationsContent:nth-child(odd) .singlerecomendation:nth-child(odd),
.RecomendationsContent:nth-child(even) .singlerecomendation:nth-child(even){
  /* text-align: right; */
  margin-bottom: 32px;
}

.RecomendationsContent:nth-child(odd) .singlerecomendation:nth-child(odd) .recommendationimage,
.RecomendationsContent:nth-child(even) .singlerecomendation:nth-child(even) .recommendationimage{
  /* right: 50px; */
  /* left: auto; */
}

.RecomendationsContent:nth-child(odd) .singlerecomendation:nth-child(odd) .recommendationAuthor,
.RecomendationsContent:nth-child(even) .singlerecomendation:nth-child(even) .recommendationAuthor,
.RecomendationsContent:nth-child(odd) .singlerecomendation:nth-child(odd) .recommendationAuthorRole,
.RecomendationsContent:nth-child(even) .singlerecomendation:nth-child(even) .recommendationAuthorRole{/* padding-left: 16px; *//* padding-right: 100px; */}

.RecomendationsContent:nth-child(odd) .singlerecomendation:nth-child(odd) .recommendation:after ,
.RecomendationsContent:nth-child(even) .singlerecomendation:nth-child(even) .recommendation:after {/* content: ''; *//* position: absolute; *//* bottom: 0; *//* right: 30px; *//* left: auto; *//* width: 0; *//* height: 0; *//* border: 22px solid rgba(255, 255, 255, 0); *//* border-top-color: var(--recommend); *//* border-bottom: 0; *//* border-left: 0; *//* margin-left: 0; *//* margin-right: -11px; *//* margin-bottom: -22px; */}



.singlerecomendation {
  display: flex;
  width: 100%;
  /* position: relative; */
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-around;
  align-items: flex-end;
  max-width: 440px;
  margin: 8px auto;
}

.sprite {background: url('sprite.png') no-repeat top left;width: 42px;height: 42px;margin-right: 10px;} 
.sprite.sprite-SR { background-position: 0 0; } 
.sprite.sprite-DDE { background-position: -52px 0; } 
.sprite.sprite-LAO { background-position: -104px 0; } 
.sprite.sprite-PJ { background-position: -156px 0; } 
.sprite.sprite-JMU { background-position: -208px 0; } 
.sprite.sprite-JMO { background-position: -260px 0; } 
.sprite.sprite-ALR { background-position: -312px 0; } 
.sprite.sprite-MMA { background-position: -364px 0; } 
.sprite.sprite-RBA { background-position: -416px 0; } 
.sprite.sprite-IPE { background-position: -468px 0; } 
.sprite.sprite-NDR { background-position: -520px 0; } 
.sprite.sprite-MME { background-position: -572px 0; } 
.sprite.sprite-BGR { background-position: -624px 0; } 
.sprite.sprite-GPO { background-position: -676px 0; } 
.sprite.sprite-KHO { background-position: -728px 0; } 
.sprite.sprite-IDJ { background-position: -780px 0; } 
.sprite.sprite-MBA { background-position: -832px 0; } 
.sprite.sprite-ABR { background-position: -884px 0; } 
.sprite.sprite-VSH { background-position: -936px 0; } 
.sprite.sprite-CIN { background-position: -988px 0; } 
.sprite.sprite-KTH { background-position: -1040px 0; } 
.sprite.sprite-AWI { background-position: -1092px 0; } 
.sprite.sprite-EMO { background-position: -1144px 0; } 
.sprite.sprite-BAL { background-position: -1196px 0; } 
.sprite.sprite-IGP { background-position: -1248px 0; } 
.sprite.sprite-AG { background-position: -1300px 0; } 
.sprite.sprite-AI { background-position: -1352px 0; } 
.sprite.sprite-AL { background-position: -1404px 0; } 
.sprite.sprite-AP { background-position: -1456px 0; } 
.sprite.sprite-API { background-position: -1508px 0; } 
.sprite.sprite-DB { background-position: -1560px 0; } 
.sprite.sprite-DD { background-position: -1612px 0; } 
.sprite.sprite-DG { background-position: -1664px 0; } 
.sprite.sprite-EM { background-position: -1716px 0; } 
.sprite.sprite-GS { background-position: -1768px 0; } 
.sprite.sprite-LM { background-position: -1820px 0; } 
.sprite.sprite-MAV { background-position: -1872px 0; } 
.sprite.sprite-MB { background-position: -1924px 0; } 
.sprite.sprite-PL { background-position: -1976px 0; } 
.sprite.sprite-PP { background-position: -2028px 0; } 
.sprite.sprite-SB { background-position: -2080px 0; } 
.sprite.sprite-SJ { background-position: -2132px 0; } 
.sprite.sprite-UH { background-position: -2184px 0; } 

.sprite-9 {
background: url('sprite-second.png') -10px -10px;
}

.sprite-12 {
background: url('sprite-second.png') -72px -10px;
}

.sprite-2 {
background: url('sprite-second.png') -134px -10px;
}

.sprite-3 {
background: url('sprite-second.png') -196px -10px;
}

.sprite-5 {
background: url('sprite-second.png') -258px -10px;
}

.sprite-4 {
background: url('sprite-second.png') -320px -10px;
}

.sprite-6 {
background: url('sprite-second.png') -382px -10px;
}

.sprite-7 {
background: url('sprite-second.png') -444px -10px;
}

.sprite-8 {
background: url('sprite-second.png') -506px -10px;
}

.sprite-10 {
background: url('sprite-second.png') -568px -10px;
}

.sprite-11 {
background: url('sprite-second.png') -630px -10px;
}

.sprite-13 {
background: url('sprite-second.png') -692px -10px;
}

.sprite-14 {
background: url('sprite-second.png') -754px -10px;
}

.sprite-15 {
background: url('sprite-second.png') -816px -10px;
}

.sprite-16 {
background: url('sprite-second.png') -878px -10px;
}

.sprite-18 {
background: url('sprite-second.png') -940px -10px;
}

.sprite-17 {
background: url('sprite-second.png') -1002px -10px;
}

.sprite-19 {
background: url('sprite-second.png') -1064px -10px;
}

.sprite-20 {
background: url('sprite-second.png') -1126px -10px;
}

.sprite-21 {
background: url('sprite-second.png') -1188px -10px;
}

.sprite-22 {
background: url('sprite-second.png') -1250px -10px;
}

.sprite-23 {
background: url('sprite-second.png') -1312px -10px;
}

.sprite-24 {
background: url('sprite-second.png') -1374px -10px;
}

.sprite-25 {
background: url('sprite-second.png') -1436px -10px;
}

.sprite-1 {
background: url('sprite-second.png') -1498px -10px;
}



a.social-icon img {
  margin: -3px;
}

.sprite.sprite-default{
  background: url(sprite-default.png) no-repeat top left !important;
}

#Welcome{text-align: center;z-index: 999 !important;text-shadow: 4px 4px 16px var(--bkgd);/* backdrop-filter: blur(5px); */background: #ffffffb3;border-radius: 16px 16px 0 0;z-index: 2;}

@-webkit-keyframes intro-gradient {
0%{background-position:0% 4%}
50%{background-position:100% 97%}
100%{background-position:0% 4%}
}
@-moz-keyframes intro-gradient {
0%{background-position:0% 4%}
50%{background-position:100% 97%}
100%{background-position:0% 4%}
}
@keyframes intro-gradient { 
0%{background-position:0% 4%}
50%{background-position:100% 97%}
100%{background-position:0% 4%}
}

.CaseStudyWrapper:nth-child(odd) .CaseStudyDescription *{text-align: right;margin-left: auto !important;overflow-wrap: normal;}

.CaseStudyWrapper:nth-child(odd) {flex-direction: row-reverse;text-align: right;display: flex;justify-content: flex-start;/* background: var(--accent); */}

.CaseStudyWrapper:last-child .CaseStudyDescription {
  border-radius: 8px 8px 24px 24px;
  margin-bottom: 0px;
}

.curve {
-webkit-shape-outside:circle();
shape-outside:circle();
}

div.CaseStudyDescription p span {
  text-align: center;
  font-weight: 600;
}

span.scratch {
  font-weight: 300;
}

div#workfooter {
  /* min-height: 32px; */
}

span.scratch {
  font-weight: 200 !important;
  text-decoration: line-through;
}

.dictionaryNumber {
  position: absolute;
  font-family: 'Inter';
  width: 24px;
  height: 24px;
  background: var(--bkgd);
  border-radius: 50%;
  text-align: center;
  z-index: 1;
  top: 16px;
  left: 16px;
  border: 2px solid var(--accent);
}

div.popUp {
  z-index: 2;
  /* display: none; */
  /* left: 9999999px; */
  border: 1px solid var(--frgd) !important;
  border-radius: 8px;
  position: absolute;
  /* box-shadow: 4px 4px 8px #bdbdbd; */
  overflow: hidden;
  max-width: 380px;
  transform: translatey(0px);
  /* animation: floatinPopUp 8s ease-in-out infinite; */
  filter: grayscale(1);
  /* opacity: 0.9; */
  transition: top 12s ease, left 2s ease;
}

.popUp:hover{z-index: 99 !important;cursor: grab;box-shadow: 8px 8px 22px #bababa;filter: none;opacity: 1;border: 2px solid #bababa !important;transition: top 30s ease, left 30s ease !important;}

div.popUpHeader {
  display: flex;
  height: 24px;
  background: var(--action);
  background: var(--accent);
  border-bottom: 2px solid var(--action) !important;
  justify-content: space-between;
  z-index: 2;
}

.popUpArea {
  width: 100%;
  position: relative;
  min-height: 100vh;
  background: radial-gradient(var(--accent), #ffffff00, #ffffff00);
}

.popUpActions {
  display: flex;
}

.popUpHeader .popUpActions button {
  width: 18px;
  height: 18px;
  padding: 0px 0px 1px 1px;
  margin: 4px 2px;
  box-shadow: 1px 1px var(--action);
  border-radius: 32px;
  background: var(--accent);
  border-color: var(--frgd);
  font-family: monospace;
  font-size: 16px;
  text-align: center;
  line-height: 0;
  text-transform: lowercase;
  background: var(--action);
  border-width: 1px !important;
}

.popUpContent {
  overflow: hidden;
  z-index: 1;
  display: flex;
  width: 320px;
  max-height: 475px;
  background: radial-gradient(var(--bkgd), var(--accent));
  /* background: var(--accent); */
  flex-direction: column;
  justify-content: flex-end;
}

.popUpCategory {
  padding: 4px 8px;
  font-family: 'Inter';
  font-size: 12px;
}

.popUpContent h2 {
  font-size: 47px;
  font-weight: 800;
  text-align: left;
  text-transform: uppercase;
  padding: 16px;
}

.popUpLinks {
  display: flex;
  justify-content: space-evenly;
  padding: 0 0 16px;
}

.popUpImage {/* display: none !important; */height: 40%;overflow: hidden;flex-shrink: 1;display: flex;justify-content: center;align-items: center;background: var(--action);}

.popUpText p {
  padding: 0 16px;
  font-size: 14px;
  filter: grayscale(1);
}

.popUpText {
  height: 60%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  backdrop-filter: opacity(1);
}

.popUpLinks a {
  font-size: 12px;
  padding: 2px 8px !important;
  margin: 2px !important;
  background: var(--action) !important;
}

.popUp.ui-draggable-dragging {
  cursor: grabbing;
}

/* .PopUpsAreAwesomeText {
  display: block;
  margin: auto;
  z-index: 1 !important;
  line-height: 0.8;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%,-50%);
  text-transform: uppercase;
  font-family: verdana;
  font-size: 6vw;
  font-weight: 800 !important;
  color: #f5f5f5;
  text-shadow: 1px 1px 1px var(--action),
      1px 2px 1px var(--action),
      1px 3px 1px var(--action),
      1px 4px 1px var(--action),
      1px 5px 1px var(--action),
      1px 6px 1px var(--action),
      1px 7px 1px var(--action),
      1px 8px 1px var(--action),
      1px 9px 1px var(--action),
      1px 10px 1px var(--action),
  1px 18px 6px rgba(16,16,16,0.4),
  1px 22px 10px rgba(16,16,16,0.2),
  1px 25px 35px rgba(16,16,16,0.2),
  1px 30px 60px rgb(197 225 165 / 39%);
} */

/* .PopUpsAreAwesomeText span{
  font-size: 25vw;
} */

 .PopUpsAreAwesomeText {
   z-index: 1 !important;
   position: absolute;
   font-size: 5vw;
   font-weight: 800 !important;
   text-align: center;
   line-height: 0.9;
   top: 30vh;
   width: 100%;
   padding: 18px;
   border-radius: 8px;
 }

 .PopUpsAreAwesomeText span {
   font-size: 8vw;
   text-transform: uppercase;
 }

 .huerotate {
  /* -webkit-animation: hue 10s infinite; */
  /* background: var(--action) !important; */
}

@-webkit-keyframes hue {
  1% { -webkit-filter: hue-rotate(0deg);}
  100% { -webkit-filter: hue-rotate(359deg);}
}

/* smartphones, touchscreens */


@media only screen and (min-width: 1600px){
  .CaseStudyWrapper {margin-left: calc(94vw - 104vw);margin-right: calc(94vw - 104vw);margin-bottom: calc(96vw - 102vw);/* margin: 128px 0px; */}

  .CaseStudyAnimation{
    width: 33vw;
    height: 33vw;
  }

 #workfooter{height: 10vw;}


 .popUpArea{
   left: -10vw;
 }

 .contactMe{
   
 }
 
}

#carousel {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  margin-left: auto;
}

#carouselBlocks {
  display: flex;
  overflow: hidden;
   /* Adjust based on your requirement */
}

#carouselBlocks .storySnippet {
  max-width: 100%;
  opacity:0; /* Hide Blocks initially */
  width: 0;
  display: none;
}

#carouselBlocks .storySnippet.shown, #carousel.showAll #carouselBlocks .storySnippet{
  opacity: 1; /* Show active image */
  transition: 2s;
  width: 100%;
  display: block;
}

#carousel.showAll .storySnippetContainer{
  flex-wrap: wrap;
}

#carousel.showAll button{
  display: none;
}

#prevBtn,#nextBtn{
  font-size: 20px;
  line-height: 0.5;
  padding: 8px 5px 4px;
}

.storySnippetContainerScrollable{
  overflow-x: scroll;
}

#microProblems{
  font-size: 32px;
}

.storySnippetContainer{display: flex;width: auto;flex-direction: row;flex-wrap: nowrap;align-items: stretch;}

.storySnippet{background: var(--accent);font-family:'Inter',sans-serif;font-size: 15px;text-align: left;line-height: 1.25;padding: 16px;border-radius: 4px;/* min-width: 240px; */margin: 16px;}

.storySnippet img{
  width: 60px;
  padding: 10px;
  margin-right: 18px;
  opacity: 0.75;
  float: left;
  border-radius: 100px;
  background: var(--bkgd);
  border: 1px solid var(--recommend);
}

.storySnippet b{
 display: block;
 font-weight: bold;
 font-size: 10px;
 padding: 16px 0 8px;
 text-transform: uppercase;
 letter-spacing: 1px;
}

.showAll{max-width: 500px!important;margin-right: 0px !important;}



.mainHome a.disabled {
  /* display: none; */
  filter: grayscale(1);
  opacity: 0.5;
  cursor: default !important;
  box-shadow: none !important;
  position: static !important;
  z-index: -1;
}

div#uniquePopUp-10 {
  top: 47vh;
  left: 11vw;
}

div#uniquePopUp-9 {
  top: 26vh;
  left: 67vw;
}

div#uniquePopUp-8 {
  top: 22vh;
  left: 32vw;
}

div#uniquePopUp-6 {
  left: 61vw;
  top: 10vw;
}

div#uniquePopUp-5 {
  left: 64vw;
  top: -5vh;
}

div#uniquePopUp-4 {
  left: 38vw;
}

div#uniquePopUp-3 {left: -2vw;top: 69vh;}

div#uniquePopUp-12 {
  top: 60vh;
  left: 62vw;
}

div#uniquePopUp-11 {
  left: 40vw;
  top: 53vh;
}

div#uniquePopUp-7 {
  left: 2vw;
  top: 30vh;
}

div#uniquePopUp-2 {
  left: 18vw;
}

div#uniquePopUp-1 {
  left: 1vh;
  top: 2vh;
}


a:active {
  box-shadow: inset 4px 3px 0px 0px #6262625e !important;
}

.homepage .sweaterContainer {
  display: block;
}

.popUpImage img {
  width: 100%;
  opacity: 0.6;
  filter: contrast(1.5);
}

.planet {
  display: none;
  height: 100vh;
  width: 100vw;
  max-width: 1200px;
  position: absolute;
  top: 1px;
}

svg#eXgNx2DaCFV1 {
  padding: 9%;
  box-sizing: border-box;
}

div#CustomerJourney {
  background: radial-gradient( transparent,var(--accent),var(--accent), var(--bkgd), var(--bkgd),var(--bkgd),var(--bkgd));
}

.PopUpsAreAwesomeText i {
  font-size: 12px;
  color: var(--frgd);
}

body#MainSection > a {
  /* display: block; */
  /* width: 80px; */
  /* height: 80px; */
}

.main li b {
  display: block;
  background: var(--accent);
  /* line-height: 1.8; */
  /* text-transform: uppercase; */
  padding: 4px;
  letter-spacing: 1px;
  font-family: 'Inter', sans-serif;
}

.contactMe {
  /* background: linear-gradient(45deg,#ec8c86,#d78191,#c1759c,#8eabcb,#7cbddb,#91C6AC,#b4d48d,#dfc17e); */
  /* background-image: conic-gradient(#ec8c86,#d78191,#c1759c,#8eabcb,#7cbddb,#91c6a8,#b4d48d,#dfc17e,#ec8c86); */
  background: var(--action);
  box-sizing: border-box;
  color: var(--frgd);
  border-radius: 16px;
  padding: 32px 16px;
  margin: 16px 0;
  /* box-shadow: 8px 8px 12px #e0e0e0; */
  filter: drop-shadow(1px 1px 1px #bababa);
  flex-direction: column !important;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.contactMe h2 {
  /* text-align: left; */
  text-transform: none;
  font-weight: 600;
  font-size: 92px;
  padding: 16px 0;
  letter-spacing: -4px;
}

.contactMe p {
  text-align: center;
  /* color: var(--frgd); */
  font-size: 32px;
  margin: 0;
  padding: 8px;
}

.contactMeButtons {
  display: flex;
}

#contact-background-video {position: absolute;bottom: -40%;left: 0;right: 0;margin: 0;z-index: -1;opacity: 0.1;min-height: 110%;min-width: 110%;filter: blur(2px);/* filter: grayscale(0.6); */}

div#contactMeButtons {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

div#contactMeButtons a {
  color: var(--frgd);
  border-color: var(--frgd) !important;
  background: var(--bkgd);
  font-size: 18px;
  margin: 08px;
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  padding: 8px
 16px;
  border-radius: 8px;
  border: 2px
 solid;
}

a.lowTimeIcon svg#eiLeq2IX49s1 {
  width: 36px;
  padding: 0;
}

nav.mainNavigation ol.second-level-navigation {
  position: absolute;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 16px;
  right: 16px;
  left: 16px;
  width: calc(100vw - 32px);
  justify-content: center;
  }

nav.mainNavigation ol ol li a {
  font-size: 12px;
  display: block;
  line-height: 1;
  background: var(--accent);
}

nav.mainNavigation ol ol li {
  padding: 8px;
  border: none;
}



.main > video {box-sizing: border-box;width: 100%;margin-top: 32px;margin-bottom: -64px;/* box-shadow: 2px 2px 12px 1px var(--action); */border-radius: 8px;border: 1px solid var(--accent);margin-bottom: 0px;}

.imageViewer {display: flex;flex-wrap: wrap;justify-content: space-evenly;align-items: flex-start;margin-top: 128px;background: var(--accent);padding: 16px 8px;border-radius: 16px;margin-bottom: 8px;}

.imageViewer img {width: 22%;}

.imageViewer.templatePictograms > img {filter: grayscale(1);opacity: 0.7;}

ellipse#eibwYEZDXzF4 {stroke: var(--action);}

g#eibwYEZDXzF5_to {}

ellipse#eibwYEZDXzF5 {fill: var(--action);}

h2::before {
    content: '';
    width: 100%;
    height: 20px;
    /* background: var(--accent); */
    /* background: var(--action); */
    position: absolute;
    left: 0;
    bottom: 16px;
    z-index: -1;
    border-radius: 2px;
    transform: rotate(358deg);
    transition: all .2s;
    opacity: 0.5;
    }

h2 {z-index: 2;position: relative;}

.contactMe h2::before {content: none;}

div.CaseStudyDescription h2 {padding-bottom: 16px;}

tspan#epOGhwRnLdF43 {fill: var(--accent);}

.nextCaseStudy {text-align: right;padding-bottom: 64px;padding-top: 32px;/* display: inline-block; */}

.nextCaseStudy p {width: auto;}

.nextCaseStudy span {font-weight: 600;letter-spacing: 1px;
    display: block;font-family: 'Inter', sans-serif;}

.nextCaseStudy a {margin-right: 0;}

.main img.mainImage {max-width: 100%;margin: 64px auto 0;border-radius: 16px;filter: grayscale(1);}

.imageViewer.bigViewer img {width: 44%;}

#movingBanner {display: none;box-sizing: border-box;background: var(--accent);/* background: var(--action); */padding: 32px;border-radius: 16px;margin: 16px 0;position: relative;filter: drop-shadow(1px 1px 1px #bababa);overflow: hidden;/* border: 6px solid var(--action) !important; */}

#movingBanner > p {text-align: left !important;margin: 0;font-size: 1rem;line-height: 1.5;
  display: block;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;padding: 0;max-width: 55%;}

#movingBanner > h2 {
line-height: 1;text-align: left;padding-bottom: 16px;margin: 0;width: 600px;max-width: 70%;padding-left: 0;}

#movingBanner > h2::before {
display: none;}

#movingBanner > img {
  position: absolute;
  top: -15vw;
  width: 63vw;
  right: -27%;
  /* max-width: 775px !important; */
  opacity: 0.8;
  margin: 0;
  -webkit-animation:spin 120s linear infinite;
  -moz-animation:spin 120s linear infinite;
  animation:spin 120s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

#movingBanner > * {max-width: 70%;}

@media only screen and (max-width: 768px) {
    
  body{
    background-size: 120% !important;
  }

  .homeStage {
    min-height: 0 !important;
    /* align-items: flex-end; */
    margin: 0;
    }

  a#NNg {
    top: 3px;
    left: 40px;
    z-index: 3;
    }

  #NNg img {
    height: 60px;
    width: auto;
    /* margin: 8px; */
    z-index: 3;
    }

  .companiesContainer, .colleaguesContainer {
    /* display: none; */
    padding: 0;
    width: 100%;
    min-width: 100%;
    border: none !important;
    border-top: 1px solid !important;
    margin-top: -1px;
    padding-bottom: 64px !important;
    }

    .sweaterContainer{
    opacity: 0.7;
    }

    .graffiti{
        height: 120px;
        bottom: 16px;
        right: auto;
        display: none;
    }
    


    .Introduction p {margin: 0;font-size: 16px;line-height: 24px;letter-spacing: 0.5px;padding: 0;}

    #Welcome {
    font-size: 16vw;
    letter-spacing: -2px;
    padding-top: 32px;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background: none;
    /* text-transform: capitalize; */
    }

    .mainHome h2 {
      width: 100%;border: none;
      text-align: center;
      font-size: 24px;
      padding: 32px 4px 16px;
      text-transform: uppercase;
    text-shadow: 2px 2px var(--bkgd);}

    .companiesContainer div > * {
      max-width: 70px !important;
    }

    nav.mainNavigation ol {
      justify-content: flex-end;
      left: auto !important;
      right: 8px !important;
      justify-content: flex-end !important;
      padding-left: 68px;
      }

    div.mainHome div div.ExperienceContent {
      max-width: 100%;
      width: -webkit-fill-available;
      min-width: 280px;
      font-size: 14px;
      padding: 16px 8px;
      font-size: 12px;
      /* border-left: 2px solid #fdfefc !important; */
      /* border-color: #fdfefc !important; */
  }
  .RecomendationsContent {
    width: 100%;
    padding: 8px;
  }

  .RecomendationsContent:nth-child(3){
    display: none;
  }

  .contactMe h2 {
    letter-spacing: 0;
    font-size: 60px;
    letter-spacing: -2px;
    text-transform: none !important;
    /* text-align: left; */
}

    .imagePlaceholder {
        display: flex;
        height: 100px;
        width: 100px;
        margin-bottom: -16px;
        /* max-width: 400px; */
        max-height: 400px;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        border-radius: 100%;
        border: 1px solid var(--recommend);
    }
    
    .mainHome .mainSectionsContainer{
        display: flex;
        flex-direction: column;
        padding-bottom: 16px;
        padding-top: 32px;
    }

    .mainSection{
        display: flex;
        box-sizing: border-box;
        width: 100%;
        padding: 0 0 66px;
        flex-direction: row;
        align-items: center;
        position: relative;
    }

    .mainSection:nth-child(2){
        border: none;
    }

    .dicctionaryRow {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
    }

    div.dictionarySnippet{
    margin-bottom: 16px;
    }

    p.manifest_copy {
      font-size: 26px;
      line-height: 1.6;
    }

    .aboutUsLinkedin {
      flex-direction: column;
      text-align: center;
      align-items: center;
      padding: 32px 8px;
      width: auto;
  }

  .aboutUsLinkedin * {
    width: 100%;
}

    .marquee {
        top: 50vh;
        display: none!important;
    }

    .marquee__content li{
    font-size: 23px;
    letter-spacing: -3px;
    line-height: 1.1;
    padding: 2px 6px 8px;
}

    .marquee .marquee__content.opposite li {
    font-size: 13px !important;
    background-color: var(--accent) !important;
}

    .marquee__content.opposite {
    display: none;
    }

    .homeStage h1 {
      /* opacity: 0; */
      /* margin-top: 8px !important; */
      color: var(--frgd) !important;
      width: 100%;
      text-align: center;
      margin: 32px 0 16px !important;
      font-size: 24px !important;
      /* height: 200px; */
      /* font-size: 100px !important; */
      padding: 0 16px;
      text-align: center;
      -webkit-text-stroke-width: 0px;
      -webkit-text-fill-color: var(--frgd)!important;
      letter-spacing: 2px;
      /* text-shadow: 4px 4px var(--bkgd); */
      /* text-align: left !important; */
      z-index: 1;
      /* display: none; */
      padding-left: 120px !important;
      font-weight: 600;
      text-align: right !important;
      }

  #movingBanner > p {
    max-width: 100%;
    /* background: var(--action); */
    text-shadow: 2px 2px var(--accent);
    filter: none;
    filter: drop-shadow(2px 4px 6px var(--accent));
    }

  #movingBanner{
    display: none;
    padding: 16px;
    margin: 64px 0 0;
    position: relative;
    }

  .planet {
    height: 30vh;
    width: 60vw;
    top: -10vh;
}

  #top + .noTimeLink{
    display: none;
  }

    .homeStage h2 {
        font-size: 34px;
        margin: 8px auto;
        text-align: center;
    }

    div#stars, div#stars2 {
        display: none;
    }

    ul.list-inline:nth-child(1) {
        display: none;
    }

    nav.mainNavigation {
        padding: 16px 0 8px;
        margin: 0;
    }

    nav.mainNavigation ol li a {
        font-size: 14px;
        -webkit-text-stroke-width: 0px;
        /* -webkit-text-fill-color: var(--action); */
        text-underline-offset: 2px;
        padding: 4px 8px;
        border-width: 2px !important;
    }

    nav.mainNavigation ol li {padding: 4px 8px;margin: 4px 4px 4px -2px;border-width: 2px !important;}

    a.disabled {
      pointer-events: none;
      cursor: default;
    }


    
    .main{
        padding: 16px;
        text-align: center;
        --max-width: 800px;
        --col-width: 100%;
        --threshold: calc(var(--max-width) - 112px);
    }

    .main h2{
        text-align: left;
        padding-bottom: 0px;
        margin-top: -16px !important;
        padding-top: 100px;
        width: 100%;
        border: none;
        text-align: center;
        font-size: 24px;
        text-transform: uppercase;
    padding-bottom: 16px;}

    .main h2 + p {
        min-width: 100%;
        width: 100%;
        margin-top: 185px;
    }

    .main .quoteImage {
        float: none;
        text-align: center;
        margin-bottom: -54px;
        margin-top: -32px;
        z-index: 1;
        position: relative;
        bottom: -12px;
    }

    .quoteImage img {
        height: 100px;
        border: 4px solid var(--bkgd);
        margin-bottom: -8px;
    }

    h1{
        font-size: 16vw;
        text-align: center;
    }

    ::marker {
    font-size: 16px;
    }

    .main li {
        padding-left: 0;
        margin-left: 0;
        list-style-position: inside;
    }

    .main .quoteText {
    min-width: calc(100vw - 64px);
    margin-left: auto;
    padding: 16px;
    margin-right: auto;
    margin-bottom: 56px;
    }

    a.lowTimeIcon svg#eiLeq2IX49s1 {
      width: 36px;
      padding: 0px 0px;
  }
  
  nav.mainNavigation ol li a.lowTimeIcon {
      padding: 2px;
      min-height: 40px;
  }

    .section-description{
        display: none !important;
    }

    .crossSectionNavigation ul li a {
        padding: 8px;
        border-radius: 8px;
        border-width: 4px;
    }

    .crossSectionNavigation svg.companyLogo {
        min-width: 100%;
        padding: 2px 0px 4px;
    }



  nav.mainNavigation > a img {
    max-width: 60px !important;
    min-width: 60px !important;
    height: 60px;
  }

  .CaseStudyWrapper {
    /* background: radial-gradient(var(--accent), transparent); */
    text-align: center;
    margin: 0px 0px;
    padding: 48px 0px 0;
}

  .CaseStudyAnimation {
    background: var(--accent);
    /* width: 80% !important; */
    max-width: 50vh;
    height: auto !important;
    margin: auto !important;
}
  .CaseStudyDescription {
    width: 100%;
    height: auto;
    text-align: center !important;
    margin-bottom: 32px;
    margin: 16px 8px;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 32px;
    background: linear-gradient(0deg, var(--accent), rgb(255 255 255 / 0%), rgb(255 255 255 / 0%));
    padding: 0 16px 32px;
    border-radius: 8px;
    min-width: auto;
  }

  article .CaseStudyDescription > a {
    /* width: 90%; */
    margin: 12px auto 4px !important;
  }

  svg.CaseStudycompanyLogo {
    margin: 0;
    margin-bottom: -30px;
  }

  .CaseStudyWrapper:nth-child(odd) .CaseStudyDescription p {
    text-align: left !important;
    margin-left: auto;
  }

  .CaseStudyWrapper:nth-child(odd) .CaseStudyDescription a,
  .CaseStudyWrapper:nth-child(odd) .CaseStudyDescription h2{
    text-align: center !important;
  }

  .PopUpsAreAwesomeText{
    display: none;
  }

  .popUp.ui-draggable.ui-draggable-handle {
    filter: none;
    position: static;
    animation: none;
    box-shadow: none;
    margin: 16px auto 1px;
    /* border: none !important; */
    max-width: 100%;
    width: 100%;
    border: 2px solid;
    border-width: 0 0 1px !important;
    border-color: #dddddd !important;
  }
  div.popUpHeader {
      display: none;
  }

  .popUpLinks {
    /* justify-content: flex-start; */
    /* flex-direction: column; */
    padding: 8px 16px;
  }
  
  .popUpLinks a {
    margin-bottom: 8px !important;
  }

  .popUpText {
      /* width: calc(100vw - 200px); */
      min-width: 66%;
      height: auto;
      background: var(--bkgd);
      border-radius: 0 0 8px 8px;
      /* border-top: none; */
      border: none !important;
  text-align: center !IMPORTANT;}

  div.popUpContent{
    min-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    max-height: inherit;
    position: relative;
    background: var(--bkgd);
    border: 2px solid;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 0 0 8px;
    border: none !important;
    box-shadow: none !important;
  }

  div.popUpImage{border-radius: 100%;max-width: 25vw;max-height: 25vw;margin-top: 16px;/* margin: auto; */margin-left: 16px;flex-shrink: 1;display: none;}

  div.popUpImage img{height: 24vw;width: 25vw;display: none;}

  .main p+svg, .main p+object, .main ol+object {
    margin: 0;
    width: 100% !important;
  }

  .contactMe p{
    font-size: 24px;
  }

  .contactMe svg {
    /* height: 100vh !important; */
    /* margin-left: -100vw; */
  }

  ol.second-level-navigation {
    margin-top: 4px;
    margin-left: -18px;
}



nav.mainNavigation ol ol li a {
    /* padding: 2px; */
    box-shadow: 1px 1px;
    font-size: 10px;
}



nav.mainNavigation ol ol li {
    margin: 0;
}

.ExperienceWrapper {
  padding-left: 16px;
}

body#short h1 {
  /* font-size: 80px !important; */
}

.load-more {
  max-height: 1200px;
}

.mainSection > div{
  display: flex;
  flex-direction: column-reverse;
  padding: 8px 4px;
}

.mainSection > p{
  margin: 0;
  position: relative;
  padding: 8px;
}

.mainSection h2{
  padding: 4px 0 8px;
  display: none;
}

.mainSection a{position: absolute !important;right: 0 !IMPORTANT;bottom: 26px !important;top: auto !important;left: auto !important;align-items: center;}

.companiesMobile{display: block !important;margin-bottom: 1px !important;}

.Introduction{
    padding-bottom: 8px;
}

.companiesContainer{
  display: none;
}

.colleaguesContainer h2{
  display: none;
}

.colleaguesContainer{
  display: flex;
  align-items: center;
  flex-direction: column;
}

.colleaguesContainer p {
  margin-top: 32px;
}


.Introduction a{
  /* margin: 32px auto !IMPORTANT; */
}

#downloadResumeHome{
  display: none;
}

div.latestDescription{display: flex;flex-wrap: wrap;}

div.latestDescription > div{
  width: 46%;
  flex-grow: 1;
}

div.LatestProject{
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  justify-content: flex-start;
  overflow-x: scroll;
  padding: 24px;
  /* position: relative; */
  max-width: calc(100vw - 76px);
  padding: 0;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  margin: 0 0 32px 16px;
  }

  div.LatestProject::-webkit-scrollbar {
    display: none;
  }

  div.topProject{
    padding: 0;
  }

  p#topPhrase{font-size: 28px;padding: 32px 16px;}

  div#topDate{font-size: 16px;top: 20px;right: 32px;}

  img#topLogo{margin-top: 16px;margin-left: 32px;width: 64px;}

div.LatestProject > img{
    aspect-ratio: .4666666666666667 / 1;
    width: 50vw;
    flex: none;
    overflow: visible;
    position: relative;
    /* width: 280px; */
}

#carousel{
  margin-right: auto;
}

}

/* End of Media Mobile */

.companiesMobile{display: none;}

@media (hover: none) and (pointer: coarse) {

 .PopUpsAreAwesomeText{
   display: none;
 }

  .popUpArea {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: auto;
    justify-content: center;
  }

      div.popUp {
        position: static !important;
        box-shadow: none;
        margin: 16px auto 32px;
        border: none !important;
        max-width: 100%;
        width: 45%;
        margin: 16px auto;
        box-shadow: none !important;
        display: flex;
        align-items: center;
        justify-content: space-around;
      }
      div.popUpHeader {
          display: none;
      }

      .popUpLinks {
        justify-content: space-evenly;
        flex-direction: row;
        padding: 8px 8px;
      }
      
      .popUpLinks a {
        margin-bottom: 8px !important;
    }

    .popUpText {
        background: var(--bkgd);
        border: 2px solid;
        border-radius: 0 0 8px 8px;
    }

    a#contactMeBadge {
    transform: scale(0.75);
}

}



a#contactMeBadge {
    display: none !important;
    box-sizing: border-box;
    position: absolute !important;
    top: -12px !important;
    right: -27px !important;
    left: auto !important;
    z-index: 9999;
    /* background: linear-gradient(45deg,#ec8c86,#d78191,#c1759c,#8eabcb,#7cbddb,#91C6AC,#b4d48d,#dfc17e); */
    /* background-image: conic-gradient(#ec8c86,#d78191,#c1759c,#8eabcb,#7cbddb,#91c6a8,#b4d48d,#dfc17e,#ec8c86); */
    color: var(--frgd);
    padding: 0px;
    border-radius: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0;
    padding: 0!important;
    box-shadow: 3px 3px var(--frgd);
}

a#contactMeBadge:hover{
  filter: saturate(1.5);
} 

a#contactMeBadge svg {
  width: 80px;
  height: 80px;
  margin: 5px 5px 0;
}

.rotate {
  animation: rotation 20s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.contactMeButton * {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background: linear-gradient(45deg,#ec8c86,#d78191,#c1759c,#8eabcb,#7cbddb,#91C6AC,#b4d48d,#dfc17e);
    background-image: conic-gradient(#ec8c86,#d78191,#c1759c,#8eabcb,#7cbddb,#91c6a8,#b4d48d,#dfc17e,#ec8c86);
}

.contactMe.popUp{
  border: none !important;
  left: 30vw;
  top: 30vh;
  z-index: 1;
  filter: none !important;
}



a.contactMeLink {
    box-shadow: -2px -2px var(--frgd) !important;
    position: relative;
    top: -30px !important;
    left: 12px !important;
    /* background: linear-gradient(45deg,#ec8c86,#d78191,#c1759c,#8eabcb,#7cbddb,#91C6AC,#b4d48d,#dfc17e) !important; */
    /* background-image: conic-gradient(#ec8c86,#d78191,#c1759c,#8eabcb,#7cbddb,#91c6a8,#b4d48d,#dfc17e,#ec8c86) !important; */
    /* background: #fdd835!important; */
    /* color: var(--bkgd) !important; */
}



a.contactMeLink:hover {
}

a.contactMeLink:hover {
    box-shadow: none !important;
    top: -32px
 !important;
    left: 10px
 !important;
}

.noTimeLink {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    /* background: var(--bkgd); */
    background: var(--notime);
    display: flex;
    padding: 8px 8px 8px 4px;
    border-radius: 0px 0 0 16px;
    max-height: 60px;
    display: none;
}

svg#eiLeq2IX49s1 {
    padding: 0 4px 0 0;
    width: 50px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.noTimeLink span {
    font-size: 40px;
    color: var( --frgd);
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    text-align: center;
    display: block;
}

.noTimeLink a {
    display: block;
    font-size: 11px;
    box-sizing: border-box;
    text-align: center;
    background: var(--shortTrigger);
    padding: 2px
8px;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    color: var(--bkgd);
    d); */
    text-decoration: none;
    color: var(--frgd);
    text-decoration: none;
    border: 2px solid var(--frgd) !important;
    border-radius: 4px;
    box-shadow: 2px 2px var(
    --shadow);
    font-weight: 600;
    letter-spacing: 0.5px;
}

body.home.homepage {
    border-top: 4px
 solid var(--notime);
    border-bottom: 4px
 solid var(--notime);
}

.noTimeLink a:hover {
    box-shadow: none;
    position: relative;
    left: 2px;
    top: 2px;
    cursor: pointer;
}

body#short {
    --accent: #ffbfca;
    /* --frgd: rgb(10 98 85); */
    --action: #fcf7a7;
    --accent: #e9ffe0;
    /* --accent: #8cff32; */
    /* --accent: #c6cbff; */
    /* --frgd: #095a4e; */
    /* --frgd: #0a6255; */
    /* --action: #fdece8; */
    /* --action: #ffffff; */
    /* padding: 16px; */
    font-family: 'Inter' !important;
    background: linear-gradient(180deg, var(--accent), var(--bkgd));
}

body#short * {
    font-family: 'Inter' !important;
}

body#short h2 {
    font-size: 12px;
    padding-top: 0px;
    margin-top: 0;
    font-weight: 600;
    text-transform: uppercase;
}

body#short p {
    font-size: 20px;
    text-align: left;
    padding-bottom: 32px;
    line-height: 1.8;
    hyphens: none !important;
}

.shortContent {
    box-sizing: border-box;
    max-width: 600px;
    width: 100%;
    margin: auto;
    padding: 16px;
    /* background: var(--accent); */
    z-index: 1;
    backdrop-filter: blur(42px);
}

body#short footer {
    padding: 0px;
    padding-bottom: 32px;
}

body#short h1 {
    text-align: left;
    font-size: 32px;
    font-weight: 800;
    /* margin-top: 128px; */
    line-height: 1.2;
    padding-bottom: 16px;
}

a.contactMeShort {box-sizing: border-box;padding: 8px;text-align: center;display: block;color: var(--frgd);/* color: black; */text-decoration: none;font-weight: 800;text-transform: uppercase;border: 2px solid;box-shadow: 2px 2px;border-radius: 4px;font-size: 34px;background: var(--action);/* background: orange; */width: 100%;}

a.contactMeShort:hover {
    box-shadow: none;
    position: relative;
    left: 2px;
    top: 2px;
    cursor: pointer;
}

.noTimeLink.bottomNotime {
    position: static;
    width: fit-content;
    flex-direction: row-reverse;
    border-radius: 0 8px 0 0;
    padding: 8px 0px 20px 16px;
    max-height: 64px;
}

body#short p a, .gotSomeTime a {
    text-decoration: none !important;
    color: var(--frgd);
    background: var(--action);
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.6;
    cursor: pointer;
    padding: 2px 8px;
    margin: 2px 8px 2px 0;
    /* border: 2px solid rgb(0 0 0 / 0%); */
    font-weight: 800;
    border-radius: 8px;
    border: 2px solid;
    box-shadow: 1px 1px var(--frgd);
}

body#short p a:hover, .gotSomeTime a:hover {
    border: 2px solid;
    position: relative;
    box-shadow: none;
    top: 1px;
    left: 1px;
}

.main-CaseStudy-link{
  color: var(--frgd);
  text-decoration: none;
  margin-bottom: 16px;
  display: block;
}

.linkIcon{background: var(--bkgd);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 100%;margin-left: auto;/* border: 4px solid var(--action); */transition: 0.5s;position: absolute;bottom: -4px;right: -4px;}

.linkIcon:hover{
  transition: box-shadow 0.2s ease-out 0s;
  box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(255, 255, 255, 0.5) 0px 0px 0px 6px;
}

.linkIcon svg{
  
}

.main-CaseStudy:hover{
  box-shadow: none;
  margin: 2px 0 2px 2px;
}

.gotSomeTime {
    display: block;
    margin: 64px
 auto 32px;
    width: fit-content;
    text-align: center;
}

.main-CaseStudy{background: var(--bkgd);border: 2px solid var(--frgd);border-radius: 8px;overflow: hidden;box-shadow: 2px 2px var(--shadow);}
.contentLayout-CaseStudy{display: flex;align-items: stretch;background: var(--action);flex-wrap: nowrap;}
.content-CaseStudy h4{
    font-weight: bold;
    text-transform: uppercase;
    padding: 4px 0 8px;
    letter-spacing: 1px;
}
.contentLayout-CaseStudy {}
.image-CaseStudy{
    min-width: 100px;
    width: 100px;
    background: var(--bkgd);
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
}

body#short .content-CaseStudy p{
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 16px;
  flex-grow: 1;
}

.content-CaseStudy{
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
}
.CaseStudyAnimation{
  background: var(--bkgd);
}

body#short .metaInformation {
    display: none;
    position: absolute;
    top: 8px;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    font-family: monospace !important;
    letter-spacing: 1px;
    font-size: 12px;
}

.faces .recommendationimage {
    position: initial;
    margin-left: -20px;
    border: 2px solid var(--bkgd);
}

.faces {
    display: flex;
    padding: 8px 2px 0px;
    justify-content: center;
    flex-direction: row-reverse;
}

.faces div{
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

.faces div:nth-child(odd){
  animation-name: bounce-1;
}

.faces div:nth-child(even){
  animation-name: bounce-2;
}

.faces div:nth-child(3n){
  animation-name: bounce-3;
}

@keyframes bounce-1 {
  0%   { transform: scale(1,1)    translateY(0); }
  10%  { transform: scale(1.1,.9) translateY(0); }
  30%  { transform: scale(.9,1.1) translateY(-10px); }
  50%  { transform: scale(1,1)    translateY(0); }
  100% { transform: scale(1,1)    translateY(0); }
}

@keyframes bounce-2 {
  0%   { transform: scale(1,1)    translateY(0); }
  10%  { transform: scale(1.1,.9) translateY(0); }
  20%  { transform: scale(.9,1.1) translateY(-10px); }
  50%  { transform: scale(1,1)    translateY(0); }
  100% { transform: scale(1,1)    translateY(0); }
}

@keyframes bounce-3 {
  0%   { transform: scale(1,1)    translateY(0); }
  40%  { transform: scale(1.1,.9) translateY(0); }
  50%  { transform: scale(.9,1.1) translateY(-12px); }
  80%  { transform: scale(1,1)    translateY(0); }
  100% { transform: scale(1,1)    translateY(0); }
}

nav.mainNavigation ol li.lowTime {
    padding: 0;
}

nav.mainNavigation ol li a.lowTimeIcon {
    border: 0;
    box-shadow: none;
    background: none !important;
    top: 0;
    left: 0;
}



.main p+svg, .main p+object, .main ol+object {
    border: 1px solid var(--accent);
    border-radius: 16px;
    margin-bottom: 22px;
    min-width: var(--col-width);
    width: calc((var(--threshold) - 100%) * 1000);
    margin-left: auto;
    display: block;
}

.main p+h2, .main ul+h2, .main ol+h2 {
    margin-top: 86px;
}

.main object {
    border: none !important;
    border-radius: 0 !important;
filter: grayscale(1);}


.contactMe svg {
    /* display: none; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    height: 20px;
    width: 20px;
    fill: var(--frgd);
    z-index: 0 !important;
}

.contactMe * {
    z-index: 1;
}

ol {}




ol.second-level-navigation {}

.relaxTime {
    display: none;
    position: absolute;
    right: 94px;
    bottom: 0;
    height: 0;
    /* z-index: -1; */
}

.relaxTime img {
    opacity: 0.8;
    width: 80px;
}

body#short .relaxTime p {
    margin: 0 0 4px;
    padding: 0;
    font-size: 12px;
    max-width: 80px;
    line-height: 1;
    text-align: center;
}

@keyframes scroll {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(calc(-250px * 7));
  }
  }
  .slider {
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
  border-top: 1px solid !important;
  }
  .slider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 30);
  }
  .slider .slide {
  height: 100px;
  width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  .slider .slide img {
  width: 100px;
  height: auto;
  filter: grayscale(1);
  }

#ProfilePic{
  width: 80px;
  border-radius: 100%;
  margin-top: 128px;
  margin-bottom: 32px;
  border: 2px solid var(--bkgd);
  -webkit-animation: nod 3s infinite;
  animation: nod 3s infinite;
}

.relaxTime a {
    font-size: 10px;
    display: block;
    text-align: center;
    width: 70px;
    text-decoration: none !important;
    color: var(--frgd);
    background: var(--action);
    text-transform: uppercase;
    cursor: pointer;
    padding: 2px 8px;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid;
    box-shadow: 1px 1px var(--frgd);
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}


#movingBanner > a {margin: 16px 0;}

div#newExperienceContent {display: flex;background: rgb(255 255 255);border-radius: 16px;border-color: var(--bkgd) !important;border-width: 2px;border-style: dashed;border-style: solid;box-shadow: 0px 0px 16px var(--bkgd);flex-direction: column;justify-content: flex-end;}

div#newExperienceContent a {margin: 16px 0 0;}

img#signature {position: absolute;bottom: 32px;right: 0;opacity: 0.9;filter: drop-shadow(4px 4px 2px var(--action));}

span#revamp {color: var(--action);text-transform: uppercase;font-size: 52px;position: absolute;bottom: 60px;left: 40%;transform: rotateZ(348deg);text-shadow: -2px 2px var(--bkgd);-webkit-text-stroke: 1px var(--frgd);}

p > b {
    font-weight: bold;
}


img.snake {
    position: absolute;
    bottom: 32px;
    right: 33%;
    height: 80px;
    transform: rotateZ(15deg);
}

.colleaguesContainer p {/* margin-top: 48px; */}

.NDAsign {
    background: var(--accent);
    font-size: 12px;
    padding: 16px;
    font-family: monospace;
    border-radius: 4px;
    line-height: 1.2;
    margin-top: 16px;
}

img.companyLogo {
    padding-top: 48px;
}

.storySnippet i {line-height: 0.25;}

div#carousel button {
    border: 2px solid;
    background: var(--action);
    color: var(--frgd);
    border-radius: 30px;
    min-height: 30px;
    /* margin: auto; */
    font-weight: 600;
    /* line-height: 2; */
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 1px 1px var(--shadow);
}

.carouselControls {
    display: flex;
    justify-content: space-between;
    margin-bottom: -25px;
    z-index: 1;
}

sup {
    font-size: 12px;
    font-weight: bold;
}

#short a+span {
    text-align: center;
    width: 100%;
    display: block;
    padding: 2px;
    font-size: 14px;
}

body#short .CaseStudyAnimation {
    width: 100px;
    height: auto;
}

.homepage nav.mainNavigation ol {
    justify-content: center !important;
}

.downloadIcon {
    width: 18px;
    height: 18px;
    margin: 0px 0px -2px 4px;
    display: inline-block;
    background: url(downloadIcon.svg) no-repeat;
}

a.contactDownload {/* background-color: var(--bkgd) !important; */font-size: 17px;border-radius: 8px !important;/* width: 288px !important; */max-width: 10;}

#Welcome + p {
    text-align: center;
    width: 100%;
}

p.experienceIntro {
    text-align: center;
    margin: 0;
    font-family: monospace;
    filter: grayscale(1);
    font-size: 14px;
    margin-top: -14px;
}

li#shortVersion {
    max-width: 90px;
    /* min-width: 20px; */
}

li#shortVersion a {
    /* min-width: 20px; */
    max-width: 100px !important;
    background: var(--shortTrigger);
    /* color: var(--bkgd); */
    letter-spacing: 0px;
    font-style: italic;
    /* box-shadow: var(--shortTrigger) 2px 2px 10px; */
    padding-left: 0;
    padding-right: 0;
    line-height: 0.75;
    /* border-radius: 100%; */
}

.bottomNotime {
    display: flex;
}

a#downloadReferences {
    position: absolute;
    top: 60px;
    right: 16px;
    text-transform: uppercase;
    border-radius: 32px;
    background: var(--bkgd);
    /* background: linear-gradient(45deg, var(--notime),var(--action), var(--bkgd), var(--shortTrigger) ) !important; */
    transition: background 2s ease;
}

a#downloadResumeHome {
    position: absolute;
    top: 16px;
    right: 16px;
    text-transform: uppercase;
    border-radius: 32px;
    background: var(--bkgd);
    /* background: linear-gradient(45deg, var(--notime),var(--action), var(--bkgd), var(--shortTrigger) ) !important; */
    transition: background 2s ease;
}

.a#downloadResumeHome:hover{
  
}

a#downloadResumeHome:hover {
    background: var(--action) !important;
}

.LatestProject {
:;display: flex;flex-wrap: nowrap;padding: 16px 0 0;justify-content: space-between;}

.LatestProject #hand {
    width: 300px;
    height: auto;
}

img.Latestmockup {
    width: 23%;
    filter: grayscale(0);
}

.topProject {
    padding: 32px;
    position: relative;
    /* background: var(--accent); */
    background: linear-gradient(180deg, var(--accent),rgb(0 0 0 / 0%), rgb(0 0 0 / 0%),  var(--accent));
    margin: 16px 0;
    border-radius: 32px;
    /* border: 1px solid; */
    box-sizing: border-box;
}



#topDate {
    display: block;
    position: absolute;
    top: 16px;
    right: 32px;
    font-size: 26px;
    font-family: 'Inter';
    text-align: -webkit-center;
}

#topPhrase {
    font-size: 40px;
    /* font-weight: 600; */
    line-height: 1.25;
    /* font-family: 'Merriweather'; */
    letter-spacing: 2px;
    display: block;
    padding: 32px 0;
    margin: 0;
    text-align: left;
}



p#latestProjectSticker {
    font-size: 12px;
    bsolute;
    margin: 0;
    /* background: var(--shortTrigger); */
    background: var(--bkgd);
    border: 1px solid black !important;
    padding: 0 16px;
    border-radius: 32px;
    /* color: var(--bkgd); */
    font-weight: 600;
    /* width: 120px; */
    text-align: center;
    color: var(--frgd);
}

.latestDescription {
    display: flex;
}

.latestDescription > div {
    padding: 8px;
    width: 25%;
}

.latestDescription h5 {
    font-size: 20px;
    font-weight: 800;
    font-family: 'Inter';
}

.latestDescription p {
    line-height: 1.25;
    text-align: left;
}

div#disclaimer {
    font-size: 12px;
    font-family: 'Inter';
    position: absolute;
    bottom: 8px;
    right: 16px;
}

.readMoreTop p {
    display: block;
    text-align: left !important;
    width: 100%;
}

.readMoreTop {
    width: 100%;
    padding-bottom: 16px;
}

#short .slider {
    border-bottom: none !important;
}

.downloadResumeTop {
    width: 100%;
    padding-bottom: 32px;
    border-bottom: 1px solid;
}

.Introduction a {
    display: inline;
}

svg#Arrow\.7 {
    display: inline-block;
    height: 18px;
    width: auto;
    alignment-baseline: middle;
}

.readMoreTop {
    display: flex;
    flex-direction: row;
}

div#contactMeButtons a {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 4px !important;
}

img#AWSHand {
    position: absolute;
    width: 43%;
    right: 0;
}

p#\34 04 {
    font-size: 4vw;
}

div#fourOfour {
    text-align: center;
    font-size: 6vw;
    line-height: 1;
    padding: 64px 64px 32px;
    font-weight: 800;
}

div#fourOfourHelp {
    text-align: center;
    padding: 0 64px;
}

.sprite-Andr {
    background: url('recomendation3rd_sprites.png') -0 -0;
}

.sprite-Bruc {
    background: url('recomendation3rd_sprites.png') -42px -0;
}

.sprite-Iren {
    background: url('recomendation3rd_sprites.png') -84px -0;
}

.sprite-Darr {
    background: url('recomendation3rd_sprites.png') -126px -0;
}

.sprite-Gize {
    background: url('recomendation3rd_sprites.png') -168px -0;
}

.sprite-Crai {
    background: url('recomendation3rd_sprites.png') -210px -0;
}

.sprite-Pila {
    background: url('recomendation3rd_sprites.png') -252px -0;
}

.sprite-Paul {
    background: url('recomendation3rd_sprites.png') -294px -0;
}

.sprite-Sara {
    background: url('recomendation3rd_sprites.png') -336px -0;
}

.sprite-Anku {
    background: url('recomendation3rd_sprites.png') -378px -0;
}

.sprite-Mart {
    background: url('recomendation3rd_sprites.png') -420px -0;
}

.sprite-Anwe {
    background: url('recomendation3rd_sprites.png') -462px -0;
}

.sprite-Leis {
    background: url('recomendation3rd_sprites.png') -504px -0;
}