*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#t {
  width: 1000px;
  height: 300px;
}
#t #t1 {
  background-image: url("/images/t1.png");
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#t #t2 {
  background-image: url("/images/t2.png");
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  position: absolute;
  top: 130px;
  left: 1140px;
  background-attachment: fixed;
  width: 300px;
  height: 300px;
  border-radius: 200px;
  mix-blend-mode: lighten;
  -webkit-box-shadow: 0 0 20px 20px #000 inset;
  box-shadow: 0 0 20px 20px #000 inset;
}
body {
  padding: 0;
  font-family: 'IBM Plex Serif', sans-serif;
  margin: 0;
  background: #fff;
}
a {
  color: #00b7ff;
}
#body #content {
  padding-top: 200px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 846px) {
  #body #content {
    padding-top: 140px;
    overflow: hidden;
    position: relative;
    max-width: 100%;
  }
}
#body #content section {
  background-color: #fff;
  position: relative;
  background-color: #fff;
  position: relative;
  padding-top: 370px;
}
@media only screen and (max-width: 846px) {
  #body #content section {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 410px) {
  #body #content section {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 540px) {
  #body #content section {
    padding-top: 160px !important;
  }
}
#body #content section .bg {
  padding: 30px 0;
  height: 750px;
  position: absolute;
  left: 0;
  top: -50px;
  top: 0;
  max-width: 770px;
  margin-left: 50%;
  left: -335px;
  width: 100%;
  height: 650px;
  border-radius: 15px;
}
@media only screen and (max-width: 846px) {
  #body #content section .bg {
    height: 1249px;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    left: 0 !important;
  }
}
#body #content section .bg .bg-inside {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-attachment: fixed;
  overflow: hidden;
}
@media only screen and (max-width: 846px) {
  #body #content section .bg .bg-inside {
    border-radius: 0;
  }
}
#body #content section .bg .bg-inside .bg-static {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
}
#body #content section.active .bg {
  position: fixed;
}
#body #content section.above .bg {
  position: absolute;
  bottom: 0;
  top: auto;
}
#body #content section .content {
  z-index: 1000;
  max-width: 770px;
  margin: auto;
  background: #fff;
  padding: 330px 60px 60px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 130px 90px;
  position: relative;
  margin-bottom: 100px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border-radius: 7px;
}
@media only screen and (max-width: 846px) {
  #body #content section .content {
    padding: 100px 40px 40px;
  }
}
#body #content section .part {
  text-align: center;
  font-weight: normal;
  color: #717279;
  margin: 0;
  font-size: 18px;
}
#body #content section h1 {
  font-family: Lusitana, serif;
  font-weight: 700;
  text-align: center;
  margin: 5px 0 30px 0;
  font-size: 60px;
  line-height: 1em;
}
#body #content section .byline {
  text-align: center;
  color: #999;
  margin-bottom: 50px;
}
#body #content section h2 {
  text-align: center;
  margin: 5px 0 30px 0;
  font-size: 24px;
}
#body #content section p,
#body #content section li {
  color: #2c2c2e;
  line-height: 1.7em;
  font-size: 17px;
}
#body #content section#intro {
  padding-top: 100px;
}
@media only screen and (max-width: 846px) {
  #body #content section#intro {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#body #content section#intro .content {
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 50px;
}
#body #content section#intro .bg {
  display: none;
}
#body #content section#capitalism-for-everyone .bg {
  left: -435px;
}
#body #content section#capitalism-for-everyone .bg .bg-inside {
  background-color: #f3d64f;
  background-image: url("/images/pattern-2.png");
  -webkit-background-size: 80px;
  -moz-background-size: 80px;
  background-size: 80px;
  position: relative;
}
#body #content section#capitalism-for-everyone .bg .bg-inside .bg-static {
  background-image: url("/images/bg-2.png");
}
#body #content section#the-ai-revolution {
  padding-top: 270px;
}
#body #content section#the-ai-revolution .bg {
  left: -435px;
}
#body #content section#the-ai-revolution .bg .bg-inside {
  background-color: #7da557;
  background-image: url("/images/pattern-0.png");
  -webkit-background-size: 50px;
  -moz-background-size: 50px;
  background-size: 50px;
  position: relative;
}
#body #content section#the-ai-revolution .bg .bg-inside .bg-static {
  background-image: url("/images/bg-0.png");
}
#body #content section#moores-law-for-everything .bg .bg-inside {
  background-color: #df7965;
  background-image: url("/images/pattern-1.png");
  -webkit-background-size: 120px;
  -moz-background-size: 120px;
  background-size: 120px;
  position: relative;
}
#body #content section#moores-law-for-everything .bg .bg-inside .bg-static {
  background-image: url("/images/bg-1.png");
}
#body #content section#implementation-and-troubleshooting .bg .bg-inside {
  background-color: #a8dfe9;
  background-image: url("/images/pattern-3.png");
  -webkit-background-size: 140px;
  -moz-background-size: 140px;
  background-size: 140px;
  position: relative;
}
#body #content section#implementation-and-troubleshooting .bg .bg-inside .bg-static {
  background-image: url("/images/bg-3.png");
}
#body #content section#shifting-to-the-new-system .bg {
  left: -435px;
}
#body #content section#shifting-to-the-new-system .bg .bg-inside {
  background-color: #c095eb;
  background-image: url("/images/pattern-5.png");
  -webkit-background-size: 140px;
  -moz-background-size: 140px;
  background-size: 140px;
  -webkit-background-size: 180px;
  -moz-background-size: 180px;
  background-size: 180px;
  position: relative;
}
#body #content section#shifting-to-the-new-system .bg .bg-inside .bg-static {
  background-image: url("/images/bg-5.png");
}
#body #content #thanks {
  color: #616265;
  line-height: 1.4em;
  font-size: 15px;
  padding: 30px 60px;
  text-align: center;
  max-width: 800px;
  margin: auto;
  color: #666;
  padding-top: 0;
  padding-bottom: 60px;
}
#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sidebar ul a {
  display: block;
  text-decoration: none;
  padding: 10px 0;
  color: #c3c4c7;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
#sidebar ul a strong {
  color: #a4a6aa;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
#sidebar ul a.active {
  color: #85868a;
}
#sidebar ul a.active strong {
  color: #4c4d50;
}
#rough {
  background: #922525;
  color: #fff;
  padding: 15px 30px;
  border-radius: 5px;
  max-width: 800px;
  margin: 30px auto;
  line-height: 1.4em;
}
#t {
  position: relative;
  left: 50%;
  margin-left: -1000px;
  top: -120px;
  position: absolute;
  z-index: 100;
  width: 2000px;
  height: 600px;
}
#t .t-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("/images/dollars/greenbg.png");
}
#t .money {
  background: url("/images/dollars/money.png");
  position: absolute;
  background-position: -17px -7px;
  width: 71px;
  height: 50px;
}
#t .money.v2 {
  background-position: -20px -71px;
  width: 64px;
  height: 42px;
}
#t .money.v3 {
  background-position: -2px -119px;
  width: 78px;
  height: 42px;
}
#t .money.v4 {
  background-position: -90px -66px;
  width: 70px;
  height: 71px;
}
#t .money.v5 {
  background-position: -89px -141px;
  width: 70px;
  height: 49px;
}
#t .money.v6 {
  background-position: -144px 0px;
  width: 76px;
  height: 55px;
}
#t .money.v7 {
  background-position: -160px -57px;
  width: 71px;
  height: 51px;
}
#t .money.v8 {
  background-position: -164px -147px;
  width: 67px;
  height: 58px;
}
#t .money.v9 {
  background-position: -237px -47px;
  width: 74px;
  height: 51px;
}
#t .money.v9 {
  background-position: -237px -47px;
  width: 74px;
  height: 51px;
}
#t .money.v10 {
  background-position: -237px -108px;
  width: 64px;
  height: 37px;
}
#t .money.v11 {
  background-position: -245px -148px;
  background-color: #f00;
  width: 64px;
  height: 43px;
}
#t .money.blue {
  background-image: url("/images/dollars/tech1.png");
  pointer-events: none;
}
#t .active {
  -webkit-box-shadow: 0 0 4px 2px #dcc104;
  box-shadow: 0 0 4px 2px #dcc104;
}