@import url("https://use.typekit.net/wvy1wda.css");
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:300,400&display=swap");
@import url("https://fonts.googleapis.com/css?family=Space+Mono:400,400i&display=swap");
@import url("https://use.typekit.net/wvy1wda.css");
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:300,400&display=swap");
@import url("https://fonts.googleapis.com/css?family=Space+Mono:400,400i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
@import url("https://use.typekit.net/wvy1wda.css");
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:300,400&display=swap");
@import url("https://fonts.googleapis.com/css?family=Space+Mono:400,400i&display=swap");
@font-face {
  font-family: motor;
  src: url(https://use.typekit.net/af/74cb29/00000000000000003b9afa2b/27/l?subset_id=2&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/74cb29/00000000000000003b9afa2b/27/d?subset_id=2&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/74cb29/00000000000000003b9afa2b/27/a?subset_id=2&fvd=n4&v=3) format("opentype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'basier_square_monoregular';
  src: url("../../static/fonts/basiersquaremono-regular-webfont.eot");
  src: url("../../static/fonts/basiersquaremono-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../static/fonts/basiersquaremono-regular-webfont.woff2") format("woff2"), url("../../static/fonts/basiersquaremono-regular-webfont.woff") format("woff"), url("../../static/fonts/basiersquaremono-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
#other a {
  color: #b2b2b2;
  transition: 0.5s; }
#other a:hover {
  color: #d2d2d2; }
#other:hover {
  transform: scale(1.6); }

#home a {
  color: #b2b2b2;
  text-decoration: none;
  transition: 0.5s; }
#home:hover {
  transform: scale(2); }

.welcome {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  margin: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  border: 1px solid #b2b2b2; }

.welcome-item {
  color: #b2b2b2;
  font-family: 'basier_square_monoregular';
  font-weight: 400;
  font-style: normal;
  font-size: 1.2345vw;
  text-transform: lowercase; }

.head-container {
  border: 1px solid #b2b2b2;
  margin: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  .head-container table {
    padding-top: 50px;
    padding-bottom: 50px;
    table-layout: auto; }
    .head-container table th, .head-container table td {
      letter-spacing: 5px;
      padding: 5px;
      text-align: left; }

.border-white {
  /*border white with light shadow*/
  text-shadow: 1px 1px #b2b2b2, -1px 1px #b2b2b2, 1px -1px #b2b2b2, -1px -1px #b2b2b2; }

.name {
  font-family: 'acumin-pro', sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #111;
  text-transform: uppercase;
  font-size: 220px;
  letter-spacing: 8px; }

#en:hover {
  text-shadow: 1px 1px #b2b2b2, -1px 1px #b2b2b2, 1px -1px #b2b2b2, -1px -1px #b2b2b2, 10px 10px 1px #b2b2b2; }

#ch {
  text-align: right;
  font-family: 'STXinwei'; }

@font-face {
  font-family: motor;
  src: url(https://use.typekit.net/af/74cb29/00000000000000003b9afa2b/27/l?subset_id=2&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/74cb29/00000000000000003b9afa2b/27/d?subset_id=2&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/74cb29/00000000000000003b9afa2b/27/a?subset_id=2&fvd=n4&v=3) format("opentype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'basier_square_monoregular';
  src: url("../../static/fonts/basiersquaremono-regular-webfont.eot");
  src: url("../../static/fonts/basiersquaremono-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../static/fonts/basiersquaremono-regular-webfont.woff2") format("woff2"), url("../../static/fonts/basiersquaremono-regular-webfont.woff") format("woff"), url("../../static/fonts/basiersquaremono-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
* {
  cursor: none; }

.cursor {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  border: 0.5px solid white;
  opacity: 0.5;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: all 100ms ease-out; }

.cursor2 {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: white;
  opacity: 0.8;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: width 0.3s, height 0.3s, opacity 0.3s; }

.clock {
  color: #b2b2b2;
  font-family: 'Roboto Mono', monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2345vw;
  text-transform: uppercase;
  letter-spacing: 2px; }

.clock-container {
  margin: 10px;
  padding: 50px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #b2b2b2; }

.experience {
  font-size: 1.15vw;
  margin: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #b2b2b2; }
  .experience table {
    table-layout: auto;
    font-weight: 300; }
    .experience table th, .experience table td {
      letter-spacing: 0.6528px;
      padding: 12px;
      text-align: left; }

#title {
  opacity: 0.7;
  text-align: left;
  vertical-align: top;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  padding-right: 300px; }

#time {
  padding-right: 100px; }

#mx a {
  color: #b2b2b2;
  text-decoration: none; }
#mx a:hover {
  color: #DB0A5B;
  text-decoration: underline;
  text-decoration-color: #DB0A5B; }

#entrust a {
  color: #b2b2b2;
  text-decoration: none; }
#entrust a:hover {
  color: #FF8000;
  text-decoration: underline;
  text-decoration-color: #FF8000; }
#entrust:hover {
  color: #FF8000;
  transform: scale(1.2); }

#talton a {
  color: #b2b2b2;
  text-decoration: none; }
#talton a:hover {
  color: #396245;
  text-decoration: underline;
  text-decoration-color: #396245; }
#talton:hover {
  color: #396245;
  transform: scale(1.2); }

#sox a {
  color: #b2b2b2;
  text-decoration: none; }
#sox a:hover {
  opacity: 0.7;
  text-decoration: underline; }
#sox:hover {
  opacity: 0.7;
  transform: scale(1.2); }

#sws a {
  color: #b2b2b2;
  text-decoration: none; }
#sws a:hover {
  color: #26488F;
  text-decoration: underline;
  text-decoration-color: #26488F; }
#sws:hover {
  color: #26488F;
  transform: scale(1.2); }

#aiesec a {
  color: #b2b2b2;
  text-decoration: none; }
#aiesec a:hover {
  color: #037ef3;
  text-decoration: underline;
  text-decoration-color: #037ef3; }
#aiesec:hover {
  color: #037ef3;
  transform: scale(1.2); }

#uchicago a {
  color: #b2b2b2;
  text-decoration: none; }
#uchicago a:hover {
  color: #800000;
  text-decoration: underline;
  text-decoration-color: #800000; }
#uchicago:hover {
  color: #800000;
  transform: scale(1.2); }

#jlu:hover {
  color: #002147;
  transform: scale(1.2); }

.intro-container {
  font-size: 1.15vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin: 10px;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid #b2b2b2; }
  .intro-container table {
    table-layout: auto;
    font-weight: 300; }
    .intro-container table th, .intro-container table td {
      letter-spacing: 0.6528px;
      padding: 12px;
      text-align: left; }

#intro {
  line-height: 40px;
  padding-left: 28%; }

#contact-title {
  opacity: 0.7;
  text-align: left;
  vertical-align: top;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  padding-right: 80px; }

.underlined {
  color: #b2b2b2;
  flex: 1;
  line-height: 1.2;
  text-decoration: none;
  background-image: linear-gradient(to right, #037ef3 0, #037ef3 100%);
  background-position: 0 1.25em;
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: background 0.5s; }

.underlined:hover {
  background-size: 100% 100%; }

.underlined--gradient {
  background-position: 0 -0.1em;
  background-image: linear-gradient(to right, #037ef3 0, lightgreen 100%); }
  .underlined--gradient:hover {
    color: white; }

.underlined--gradient-2 {
  background-position: 0 -0.1em;
  background-image: linear-gradient(to right, lightgreen 0, #037ef3 100%); }
  .underlined--gradient-2:hover {
    color: white; }

.underlined--thin {
  background-image: linear-gradient(to right, #b2b2b2 0, #b2b2b2 100%); }
  .underlined--thin:hover {
    color: white; }

@font-face {
  font-family: motor;
  src: url(https://use.typekit.net/af/74cb29/00000000000000003b9afa2b/27/l?subset_id=2&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/74cb29/00000000000000003b9afa2b/27/d?subset_id=2&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/74cb29/00000000000000003b9afa2b/27/a?subset_id=2&fvd=n4&v=3) format("opentype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'basier_square_monoregular';
  src: url("../../static/fonts/basiersquaremono-regular-webfont.eot");
  src: url("../../static/fonts/basiersquaremono-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../static/fonts/basiersquaremono-regular-webfont.woff2") format("woff2"), url("../../static/fonts/basiersquaremono-regular-webfont.woff") format("woff"), url("../../static/fonts/basiersquaremono-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
.scroll-container {
  margin: 10px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #b2b2b2; }

.m-scroll {
  display: -webkit-box;
  display: flex;
  width: 1200px;
  height: 300px;
  overflow: hidden;
  z-index: 1; }

.m-scroll__title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }

.m-scroll__title > div {
  display: -webkit-box;
  display: flex;
  -webkit-animation: scrollText 10s infinite linear;
  animation: scrollText 10s infinite linear; }

.m-scroll__title h1 {
  font-family: 'basier_square_monoregular';
  font-weight: 400;
  font-style: normal;
  font-size: 120px;
  letter-spacing: 2px;
  color: #b2b2b2;
  -webkit-transition: all 2s ease;
  transition: all 2s ease; }

@-we bkit-keyframes scrollText {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }

  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); } }
@keyframes scrollText {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); } }
.footer-container {
  margin: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  .footer-container table {
    text-transform: uppercase;
    font-size: 30px;
    table-layout: auto;
    font-weight: 300; }
    .footer-container table th, .footer-container table td {
      letter-spacing: 5px;
      padding: 5px;
      text-align: left; }

#right {
  text-align: right; }

#seeya {
  text-transform: lowercase;
  font-size: 1.1345vw; }
  #seeya:hover {
    transform: scale(1.6); }

.last-part {
  margin: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border: 1px solid #b2b2b2; }

.qiao {
  color: #111;
  font-size: 180px;
  font-family: 'STXinwei';
  transform: translate(-50%, -50%);
  animation: rotate 10s linear infinite;
  text-shadow: 1px 1px #b2b2b2, -1px 1px #b2b2b2, 1px -1px #b2b2b2, -1px -1px #b2b2b2; }

.qiao-container {
  margin: 10px;
  padding: 170px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center; }

@keyframes rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
html {
  background-color: #111;
  color: #b2b2b2;
  font-family: 'Roboto Mono', monospace;
  font-weight: 300;
  font-style: normal;
  font-size: 1.2345vw;
  letter-spacing: 2px; }

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