.work {
  width               : 100%;
  min-width           : 1378px;
  height              : 100vh;
  min-height          : 23334px;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color    : rgba(255, 255, 255, 1.0);
}
a {
  text-decoration     : none;
}
div {
  -webkit-text-size-adjust: none;
}
.anima-full-width-a {
  width               : 100%;
}
.anima-full-height-a {
  height              : 100%;
}
div {
  -webkit-text-size-adjust: none;
}
.work .logocopy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 36px;
  height              : 192px;
  width               : 260px;
  position            : absolute;
  margin              : 0;
  left                : 39px;
  overflow            : hidden;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .logocopy .background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 192px;
  width               : 260px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .logocopy .logo {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 192px;
  width               : 260px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .work1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 91px;
  height              : auto;
  width               : 119px;
  position            : absolute;
  margin              : 0;
  left                : 769px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "NanumGothic", Helvetica, Arial, serif;
  font-size           : 40.0px;
  color               : rgba(153, 153, 153, 1.0);
  text-align          : left;
  line-height         : 46.0px;
}
.work .information {
  background-color    : rgba(255,255,255,0.0);
  top                 : 93px;
  height              : auto;
  width               : 234px;
  position            : absolute;
  margin              : 0;
  left                : 934px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "NanumGothic", Helvetica, Arial, serif;
  font-size           : 40.0px;
  color               : rgba(153, 153, 153, 1.0);
  text-align          : left;
  line-height         : 46.0px;
}
.work .contact {
  background-color    : rgba(255,255,255,0.0);
  top                 : 93px;
  height              : auto;
  width               : 208px;
  position            : absolute;
  margin              : 0;
  left                : 1201px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "NanumGothic", Helvetica, Arial, serif;
  font-size           : 40.0px;
  color               : rgba(153, 153, 153, 1.0);
  text-align          : left;
  line-height         : 46.0px;
}
.work .more {
  background-color    : rgba(255,255,255,0.0);
  top                 : 547px;
  height              : auto;
  width               : 557px;
  position            : absolute;
  margin              : 0;
  left                : -75px;
  -ms-transform       : rotate(270deg); /* IE 9 */
  -webkit-transform   : rotate(270deg); /* Chrome, Safari, Opera */
  transform           : rotate(270deg);
  font-family         : "NanumGothic", Helvetica, Arial, serif;
  font-size           : 100.0px;
  color               : rgba(153, 153, 153, 1.0);
  text-align          : left;
  line-height         : 115.0px;
}
.work .information1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 498px;
  height              : auto;
  width               : 557px;
  position            : absolute;
  margin              : 0;
  left                : 32px;
  -ms-transform       : rotate(270deg); /* IE 9 */
  -webkit-transform   : rotate(270deg); /* Chrome, Safari, Opera */
  transform           : rotate(270deg);
  font-family         : "NanumGothic", Helvetica, Arial, serif;
  font-size           : 100.0px;
  color               : rgba(153, 153, 153, 1.0);
  text-align          : left;
  line-height         : 115.0px;
}
.work .sincestartingatde {
  background-color    : rgba(255,255,255,0.0);
  top                 : 275px;
  height              : auto;
  width               : 720px;
  position            : absolute;
  margin              : 0;
  left                : 646px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "NanumGothic", Helvetica, Arial, serif;
  font-size           : 60.0px;
  color               : rgba(172, 172, 172, 1.0);
  text-align          : left;
  line-height         : 69.0px;
}
.work .newesttooldest {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1230px;
  height              : auto;
  width               : 508px;
  position            : absolute;
  margin              : 0;
  left                : 39px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "NanumGothic", Helvetica, Arial, serif;
  font-size           : 60.0px;
  color               : rgba(153, 153, 153, 1.0);
  text-align          : left;
  line-height         : 69.0px;
}
.work .lockscreen20 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1391px;
  height              : 383px;
  width               : 676px;
  position            : absolute;
  margin              : 0;
  left                : 49px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .screenshot20190920at60442pmcopy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 4642px;
  height              : 779px;
  width               : 976px;
  position            : absolute;
  margin              : 0;
  left                : 55px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .oldlogo {
  background-color    : rgba(255,255,255,0.0);
  top                 : 5554px;
  height              : 935px;
  width               : 925px;
  position            : absolute;
  margin              : 0;
  left                : 499px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .cssmockup {
  background-color    : rgba(255,255,255,0.0);
  top                 : 6622px;
  height              : 1444px;
  width               : 815px;
  position            : absolute;
  margin              : 0;
  left                : 73px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .artwork5 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 8199px;
  height              : 906px;
  width               : 724px;
  position            : absolute;
  margin              : 0;
  left                : 659px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .frontpage2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 9238px;
  height              : 268px;
  width               : 951px;
  position            : absolute;
  margin              : 0;
  left                : 73px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .selfie {
  background-color    : rgba(255,255,255,0.0);
  top                 : 9639px;
  height              : 874px;
  width               : 874px;
  position            : absolute;
  margin              : 0;
  left                : 545px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .img9668 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 11380px;
  height              : 751px;
  width               : 760px;
  position            : absolute;
  margin              : 0;
  left                : 646px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .projectdrawing1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 12264px;
  height              : 887px;
  width               : 687px;
  position            : absolute;
  margin              : 0;
  left                : 74px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .coltcafegeofilter {
  background-color    : rgba(255,255,255,0.0);
  top                 : 13284px;
  height              : 1133px;
  width               : 640px;
  position            : absolute;
  margin              : 0;
  left                : 755px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .jimenzservices {
  background-color    : rgba(255,255,255,0.0);
  top                 : 10646px;
  height              : 601px;
  width               : 958px;
  position            : absolute;
  margin              : 0;
  left                : 35px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .pronounbusinesscards6 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1907px;
  height              : 866px;
  width               : 957px;
  position            : absolute;
  margin              : 0;
  left                : 422px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .reclamingtransnarratives {
  background-color    : rgba(255,255,255,0.0);
  top                 : 2803px;
  height              : 1043px;
  width               : 589px;
  position            : absolute;
  margin              : 0;
  left                : 49px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .okboomer {
  background-color    : rgba(255,255,255,0.0);
  top                 : 3979px;
  height              : 530px;
  width               : 792px;
  position            : absolute;
  margin              : 0;
  left                : 632px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .pcentralgeofilter {
  background-color    : rgba(255,255,255,0.0);
  top                 : 14523px;
  height              : 1176px;
  width               : 546px;
  position            : absolute;
  margin              : 0;
  left                : 111px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .snapchatstlc {
  background-color    : rgba(255,255,255,0.0);
  top                 : 15820px;
  height              : 1133px;
  width               : 526px;
  position            : absolute;
  margin              : 0;
  left                : 812px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .screenshot20191119at115724am {
  background-color    : rgba(255,255,255,0.0);
  top                 : 17091px;
  height              : 694px;
  width               : 690px;
  position            : absolute;
  margin              : 0;
  left                : 111px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .screenshot20191119at115758am {
  background-color    : rgba(255,255,255,0.0);
  top                 : 17903px;
  height              : 1133px;
  width               : 882px;
  position            : absolute;
  margin              : 0;
  left                : 456px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .spidermanweb {
  background-color    : rgba(255,255,255,0.0);
  top                 : 19240px;
  height              : 707px;
  width               : 707px;
  position            : absolute;
  margin              : 0;
  left                : 94px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .screenshot20191119at120204pm {
  background-color    : rgba(255,255,255,0.0);
  top                 : 20151px;
  height              : 1133px;
  width               : 968px;
  position            : absolute;
  margin              : 0;
  left                : 413px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .screenshot20191119at120229pm {
  background-color    : rgba(255,255,255,0.0);
  top                 : 21488px;
  height              : 554px;
  width               : 968px;
  position            : absolute;
  margin              : 0;
  left                : 50px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .screenshot20191119at120251pm {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22246px;
  height              : 311px;
  width               : 660px;
  position            : absolute;
  margin              : 0;
  left                : 719px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.work .screenshot20191119at120305pm {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22761px;
  height              : 295px;
  width               : 870px;
  position            : absolute;
  margin              : 0;
  left                : 94px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
/* .anima-animate-appear prefix for appear animations */
.anima-animate-appear {
  opacity             : 0;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 normal forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 normal forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 normal forwards;
}
.anima-animate-disappear {
  opacity             : 1;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 reverse forwards;
}
.anima-animate-nodelay {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay  : 0;
  animation-delay     : 0;
}
@-webkit-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-moz-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-o-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}