@import url('https://fonts.googleapis.com/css?family=Convergence:400|Montserrat:700');


.menu {
  width               : 100%;
  min-width           : 320px;
  height              : 100vh;
  min-height          : 722px;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color    : rgba(255, 255, 255, 1.0);
  opacity             : 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;
}
.anima-animate-enter5 {
  opacity             : 0;
  transform           : translate(0, 25px);
  display             : block;
  -webkit-animation   : anima-animate-enter5-frames 0.40000000596s ease-in-out 1 normal forwards;
  -moz-animation      : anima-animate-enter5-frames 0.40000000596s ease-in-out 1 normal forwards;
  -o-animation        : anima-animate-enter5-frames 0.40000000596s ease-in-out 1 normal forwards;
  animation           : anima-animate-enter5-frames 0.40000000596s ease-in-out 1 normal forwards;
  -webkit-animation-delay: 0.800000011921s;
  -moz-animation-delay: 0.800000011921s;
  -o-animation-delay  : 0.800000011921s;
  animation-delay     : 0.800000011921s;
}
@-webkit-keyframes anima-animate-enter5-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 25px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
@-moz-keyframes anima-animate-enter5-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 25px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
@-o-keyframes anima-animate-enter5-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 25px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
@keyframes anima-animate-enter5-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 25px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
.anima-animate-enter6 {
  opacity             : 0;
  transform           : translate(0, 30px);
  display             : block;
  -webkit-animation   : anima-animate-enter6-frames 0.40000000596s ease-in-out 1 normal forwards;
  -moz-animation      : anima-animate-enter6-frames 0.40000000596s ease-in-out 1 normal forwards;
  -o-animation        : anima-animate-enter6-frames 0.40000000596s ease-in-out 1 normal forwards;
  animation           : anima-animate-enter6-frames 0.40000000596s ease-in-out 1 normal forwards;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay  : 0.5s;
  animation-delay     : 0.5s;
}
@-webkit-keyframes anima-animate-enter6-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 30px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
@-moz-keyframes anima-animate-enter6-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 30px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
@-o-keyframes anima-animate-enter6-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 30px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
@keyframes anima-animate-enter6-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 30px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
.anima-animate-enter7 {
  opacity             : 0;
  transform           : translate(0, 55px);
  display             : block;
  -webkit-animation   : anima-animate-enter7-frames 0.40000000596s ease-in-out 1 normal forwards;
  -moz-animation      : anima-animate-enter7-frames 0.40000000596s ease-in-out 1 normal forwards;
  -o-animation        : anima-animate-enter7-frames 0.40000000596s ease-in-out 1 normal forwards;
  animation           : anima-animate-enter7-frames 0.40000000596s ease-in-out 1 normal forwards;
  -webkit-animation-delay: 0.40000000596s;
  -moz-animation-delay: 0.40000000596s;
  -o-animation-delay  : 0.40000000596s;
  animation-delay     : 0.40000000596s;
}
@-webkit-keyframes anima-animate-enter7-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 55px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
@-moz-keyframes anima-animate-enter7-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 55px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
@-o-keyframes anima-animate-enter7-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 55px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
@keyframes anima-animate-enter7-frames {
  0%
   
  {
  opacity: 0;
  transform: translate(0, 55px);
    }
  
    
  100%
   
  {
  opacity: 0.66;
  transform: translate(0,0);
    }
}
.menu .backgroundmenu {
  background-color    : rgba(147, 149, 152, 1.0);
  top                 : 0px;
  height              : 100%;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .x {
  background-color    : rgba(255,255,255,0.0);
  top                 : 34px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 44px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Convergence", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 25.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : right;
  letter-spacing      : 2.34px;
  line-height         : 30.0px;
}
.menu .group {
  background-color    : rgba(255,255,255,0.0);
  margin-right        : -6px;
  height              : 479px;
  width               : 206px;
  margin-top          : -30px;
  margin-left         : 6px;
  position            : relative;
  margin-bottom       : 30px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 0;
  align-items         : center;
  height              : 100%;
  width               : 100%;
  justify-content     : center;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.menu .group-layout-container > * {
  pointer-events      : auto;
}
.menu .group .contact {
  background-color    : rgba(255,255,255,0.0);
  top                 : 178px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 44px;
  transform           : rotate(0deg);
  opacity             : 0.66;
  font-family         : "Montserrat", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 24.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : center;
  letter-spacing      : 2.25px;
  line-height         : 29.0px;
}
.menu .group .contact {
  opacity             : 0;
  transform           : translate(0, 25px);
}
.menu .group .resumepdf {
  background-color    : rgba(255,255,255,0.0);
  top                 : 89px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : -1px;
  transform           : rotate(0deg);
  opacity             : 0.66;
  font-family         : "Montserrat", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 24.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : center;
  letter-spacing      : 2.25px;
  line-height         : 29.0px;
}
.menu .group .resumepdf {
  opacity             : 0;
  transform           : translate(0, 30px);
}
.menu .group .work {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 64px;
  transform           : rotate(0deg);
  opacity             : 0.66;
  font-family         : "Montserrat", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 24.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  letter-spacing      : 2.25px;
  line-height         : 29.0px;
}
.menu .group .work {
  opacity             : 0;
  transform           : translate(0, 55px);
}
.menu .group .pulseicon {
  background-color    : rgba(255,255,255,0.0);
  top                 : 417px;
  height              : 62px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 70px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy3 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 100%;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 0.41;
}
.menu .group .pulseicon .iconcopy3 .fill1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy3 .fill2 {
  background-color    : rgba(255,255,255,0.0);
  right               : 0px;
  top                 : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy3 .fill3 {
  background-color    : rgba(255,255,255,0.0);
  bottom              : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy3 .fill4 {
  background-color    : rgba(255,255,255,0.0);
  right               : 0px;
  bottom              : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy4 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 100%;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 0.0;
}
.menu .group .pulseicon .iconcopy4 .fill11 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy4 .fill21 {
  background-color    : rgba(255,255,255,0.0);
  right               : 0px;
  top                 : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy4 .fill31 {
  background-color    : rgba(255,255,255,0.0);
  bottom              : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy4 .fill41 {
  background-color    : rgba(255,255,255,0.0);
  right               : 0px;
  bottom              : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy5 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 100%;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 0.0;
}
.menu .group .pulseicon .iconcopy5 .fill12 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy5 .fill22 {
  background-color    : rgba(255,255,255,0.0);
  right               : 0px;
  top                 : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy5 .fill32 {
  background-color    : rgba(255,255,255,0.0);
  bottom              : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.menu .group .pulseicon .iconcopy5 .fill42 {
  background-color    : rgba(255,255,255,0.0);
  right               : 0px;
  bottom              : 0px;
  height              : 48.39%;
  width               : 48.15%;
  position            : absolute;
  margin              : 0;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
/* .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;
    }
}
.anima-component-wrapper,
.anima-component-wrapper * {
  pointer-events      : none;
}
.anima-component-wrapper a *,
.anima-component-wrapper a,
.anima-component-wrapper input,
.anima-component-wrapper video,
.anima-component-wrapper iframe,
.anima-listeners-active,
.anima-listeners-active * {
  pointer-events      : auto;
}
.anima-hidden,
.anima-hidden * {
  visibility          : hidden;
  pointer-events      : none;
}
.anima-smart-layers-pointers,
.anima-smart-layers-pointers * {
  pointer-events      : auto;
  visibility          : visible;
}
.anima-component-wrapper.anima-not-ready,
.anima-component-wrapper.anima-not-ready * {
  visibility          : hidden !important;
}
.anima-listeners-active-click,
.anima-listeners-active-click * {
  cursor              : pointer;
}
.anima-word-break {
  overflow-wrap       : break-word;
  word-wrap           : break-word;
  word-break          : break-all;
  word-break          : break-word;
}