body {
  background: url("../images/noise.png") #cfcfcf; }

body {
  font-size: 100%;
  font-family: "adelle-1", "adelle-2", serif;
  font-weight: 300; }

#omg-text {
  width: 960px;
  margin: 50px auto;
  line-height: 0.88; }

h1 {
  font-size: 9.5em;
  margin: 10px 0;
  color: white;
  text-shadow: 0px 0px 0 #f69ae6, -0.643px 0.766px 0 #f69ae6, -1.286px 1.532px 0 #f69ae6, -1.928px 2.298px 0 #f69ae6, -2.571px 3.064px 0 #f699e6, -3.214px 3.83px 0 #f699e6, -3.857px 4.596px 0 #f699e6, -4.5px 5.362px 0 #f698e6, -5.142px 6.128px 0 #f697e5, -5.785px 6.894px 0 #f697e5, -6.428px 7.66px 0 #f696e5, -7.071px 8.426px 0 #f695e5, -7.713px 9.193px 0 #f695e5, -8.356px 9.959px 0 #f594e4, -8.999px 10.725px 0 #f593e4, -9.642px 11.491px 0 #f592e4, -10.285px 12.257px 0 #f590e4, -10.927px 13.023px 0 #f58fe3, -11.57px 13.789px 0 #f58ee3, -12.213px 14.555px 0 #f58de3, -12.856px 15.321px 0 #f58be2, -13.499px 16.087px 0 #f58ae2, -14.141px 16.853px 0 #f488e2, -14.784px 17.619px 0 #f487e1, -15.427px 18.385px 0 #f485e1, -16.07px 19.151px 0 #f483e0, -16.712px 19.917px 0 #f481e0, -17.355px 20.683px 0 #f47fdf, -17.998px 21.449px 0 #f37ddf, -18.641px 22.215px 0 #f37bde, -19.284px 22.981px 0 #f379de, -19.926px 23.747px 0 #f377dd, -20.569px 24.513px 0 #f375dd, -21.212px 25.279px 0 #f273dc, -21.855px 26.046px 0 #f270dc, -22.498px 26.812px 0 #f26edb, -23.14px 27.578px 0 #f26bda, -23.783px 28.344px 0 #f269da, -24.426px 29.11px 0 #f166d9, -25.069px 29.876px 0 #f163d8, -25.712px 30.642px 0 #f160d8, -26.354px 31.408px 0 #f15ed7, -26.997px 32.174px 0 #f05bd6, -27.64px 32.94px 0 #f058d6, -28.283px 33.706px 0 #f054d5, -28.925px 34.472px 0 #f051d4;
  text-align: right;
  font-weight: 900; }

h2 {
  text-align: center;
  display: block;
  position: relative;
  margin: 40px 0;
  font-size: 2.6em;
  color: rgba(48, 54, 54, 0.4);
  padding: 20px 0;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px;
  border-top: solid 1px rgba(48, 54, 54, 0.25);
  border-bottom: solid 1px rgba(255, 255, 255, 0.8);
  z-index: 10; }
  h2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border-top: solid 1px rgba(255, 255, 255, 0.8);
    border-bottom: solid 1px rgba(48, 54, 54, 0.25); }

h3 {
  font-size: 40px;
  line-height: 1;
  color: #999999;
  font-weight: 300;
  margin: 18px 0;
  text-shadow: white 0 1px; }

h4 {
  margin: 45px 0 0 0;
  font-size: 17px;
  color: #858585;
  font-weight: 700;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px; }

p {
  font-size: 17px;
  color: rgba(48, 54, 54, 0.7);
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px; }

a {
  color: #ee44d0;
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    color: #e915c4; }

.intro {
  width: 460px;
  float: left;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
  padding: 0px 0 0 55px; }

pre {
  background: rgba(20, 20, 20, 0.35);
  padding: 15px 0 15px 20px;
  margin: 10px 0 25px;
  color: white;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px; }

#installing {
  line-height: 1.7;
  padding: 0 0 0 55px; }

#usage {
  margin: 45px 0 0 0;
  line-height: 1.7;
  padding: 0 0 0 55px; }

#angles {
  font-size: 50px;
  color: white;
  overflow: hidden;
  padding: 30px 0;
  margin: -30px 0 0 0;
  font-weight: bold; }

.circle {
  width: 375px;
  float: right;
  margin: 10px 0 0 0;
  font-family: "adelle-1", "adelle-2", serif;
  position: relative; }
  .circle:hover #arrow {
    opacity: 0.15; }
  .circle ol {
    list-style-type: none;
    display: block;
    position: relative;
    width: 250px;
    height: 250px;
    margin: 20px 0 0 0; }
    .circle ol:before {
      content: "";
      background: rgba(204, 204, 204, 0.2);
      display: block;
      width: 250px;
      height: 250px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 10%;
      right: 0;
      -moz-border-radius: 5em;
      -webkit-border-radius: 5em;
      -o-border-radius: 5em;
      -ms-border-radius: 5em;
      -khtml-border-radius: 5em;
      border-radius: 5em; }
    .circle ol li {
      cursor: pointer; }

#arrow {
  width: 2em;
  height: 2em;
  background: #333333;
  position: absolute;
  top: 36%;
  left: 28%;
  opacity: 0.05;
  -moz-border-radius: 0em 10em 10em 10em;
  -webkit-border-radius: 0em 10em 10em 10em;
  -o-border-radius: 0em 10em 10em 10em;
  -ms-border-radius: 0em 10em 10em 10em;
  -khtml-border-radius: 0em 10em 10em 10em;
  border-radius: 0em 10em 10em 10em;
  -moz-box-shadow: black 0 0 5px inset;
  -webkit-box-shadow: black 0 0 5px inset;
  -o-box-shadow: black 0 0 5px inset;
  box-shadow: black 0 0 5px inset;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0; }

.inner-arrow {
  width: 1em;
  height: 1em;
  background-color: white;
  position: absolute;
  top: 25%;
  left: 25%;
  -moz-border-radius: 0em 10em 10em 10em;
  -webkit-border-radius: 0em 10em 10em 10em;
  -o-border-radius: 0em 10em 10em 10em;
  -ms-border-radius: 0em 10em 10em 10em;
  -khtml-border-radius: 0em 10em 10em 10em;
  border-radius: 0em 10em 10em 10em; }

.angle-0deg {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.angle-45deg {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.angle-90deg {
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

.angle-135deg {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.angle-180deg {
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg); }

.angle-225deg {
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.angle-270deg {
  -moz-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg); }

.angle-315deg {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); }

.zero {
  text-shadow: 0px 0px 0 rgba(182, 175, 175, 0.8), 0px -1px 0 rgba(182, 175, 175, 0.8), 0px -2px 0 rgba(182, 175, 175, 0.8), 0px -3px 0 rgba(182, 175, 175, 0.8), 0px -4px 0 rgba(182, 175, 175, 0.8), 0px -5px 0 rgba(182, 175, 175, 0.8), 0px -6px 0 rgba(182, 175, 175, 0.8), 0px -7px 0 rgba(182, 175, 175, 0.8), 0px -8px 0 rgba(182, 175, 175, 0.8);
  position: absolute;
  top: -5%;
  left: 48%;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0; }
  .zero:hover {
    text-shadow: 0px 0px 0 rgba(217, 140, 140, 0.8), 0px -1px 0 rgba(217, 140, 140, 0.8), 0px -2px 0 rgba(217, 140, 140, 0.8), 0px -3px 0 rgba(217, 140, 140, 0.8), 0px -4px 0 rgba(217, 140, 140, 0.8), 0px -5px 0 rgba(217, 140, 140, 0.8), 0px -6px 0 rgba(217, 140, 140, 0.8), 0px -7px 0 rgba(216, 139, 139, 0.8), 0px -8px 0 rgba(216, 139, 139, 0.8), 0px -9px 0 rgba(216, 139, 139, 0.8), 0px -10px 0 rgba(216, 139, 139, 0.8), 0px -11px 0 rgba(216, 138, 138, 0.8), 0px -12px 0 rgba(216, 138, 138, 0.8), 0px -13px 0 rgba(216, 137, 137, 0.8), 0px -14px 0 rgba(216, 137, 137, 0.8), 0px -15px 0 rgba(216, 137, 137, 0.8), 0px -16px 0 rgba(215, 136, 136, 0.8), 0px -17px 0 rgba(215, 136, 136, 0.8), 0px -18px 0 rgba(215, 135, 135, 0.8); }

.fourty-five {
  text-shadow: 0px 0px 0 rgba(182, 180, 175, 0.8), 0.707px -0.707px 0 rgba(182, 180, 175, 0.8), 1.414px -1.414px 0 rgba(182, 180, 175, 0.8), 2.121px -2.121px 0 rgba(182, 180, 175, 0.8), 2.828px -2.828px 0 rgba(182, 180, 175, 0.8), 3.536px -3.536px 0 rgba(182, 180, 175, 0.8), 4.243px -4.243px 0 rgba(182, 180, 175, 0.8), 4.95px -4.95px 0 rgba(182, 180, 175, 0.8), 5.657px -5.657px 0 rgba(182, 180, 175, 0.8);
  position: absolute;
  top: 10%;
  right: 5%;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0; }
  .fourty-five:hover {
    text-shadow: 0px 0px 0 rgba(217, 198, 140, 0.8), 0.707px -0.707px 0 rgba(217, 198, 140, 0.8), 1.414px -1.414px 0 rgba(217, 198, 140, 0.8), 2.121px -2.121px 0 rgba(217, 198, 140, 0.8), 2.828px -2.828px 0 rgba(217, 197, 140, 0.8), 3.536px -3.536px 0 rgba(217, 197, 140, 0.8), 4.243px -4.243px 0 rgba(217, 197, 140, 0.8), 4.95px -4.95px 0 rgba(216, 197, 139, 0.8), 5.657px -5.657px 0 rgba(216, 197, 139, 0.8), 6.364px -6.364px 0 rgba(216, 197, 139, 0.8), 7.071px -7.071px 0 rgba(216, 197, 139, 0.8), 7.778px -7.778px 0 rgba(216, 197, 138, 0.8), 8.485px -8.485px 0 rgba(216, 196, 138, 0.8), 9.192px -9.192px 0 rgba(216, 196, 137, 0.8), 9.899px -9.899px 0 rgba(216, 196, 137, 0.8), 10.607px -10.607px 0 rgba(216, 196, 137, 0.8), 11.314px -11.314px 0 rgba(215, 196, 136, 0.8), 12.021px -12.021px 0 rgba(215, 195, 136, 0.8), 12.728px -12.728px 0 rgba(215, 195, 135, 0.8); }

.ninety {
  text-shadow: 0px 0px 0 rgba(179, 182, 175, 0.8), 1px 0.0px 0 rgba(179, 182, 175, 0.8), 2px 0.0px 0 rgba(179, 182, 175, 0.8), 3px 0.0px 0 rgba(179, 182, 175, 0.8), 4px 0.0px 0 rgba(179, 182, 175, 0.8), 5px 0.0px 0 rgba(179, 182, 175, 0.8), 6px 0.0px 0 rgba(179, 182, 175, 0.8), 7px 0.0px 0 rgba(179, 182, 175, 0.8), 8px 0.0px 0 rgba(179, 182, 175, 0.8);
  position: absolute;
  top: 41%;
  right: -8%;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0; }
  .ninety:hover {
    text-shadow: 0px 0px 0 rgba(179, 217, 140, 0.8), 1px 0.0px 0 rgba(178, 217, 140, 0.8), 2px 0.0px 0 rgba(178, 217, 140, 0.8), 3px 0.0px 0 rgba(178, 217, 140, 0.8), 4px 0.0px 0 rgba(178, 217, 140, 0.8), 5px 0.0px 0 rgba(178, 217, 140, 0.8), 6px 0.0px 0 rgba(178, 217, 140, 0.8), 7px 0.0px 0 rgba(178, 216, 139, 0.8), 8px 0.0px 0 rgba(178, 216, 139, 0.8), 9px 0.0px 0 rgba(178, 216, 139, 0.8), 10px 0.0px 0 rgba(177, 216, 139, 0.8), 11px 0.0px 0 rgba(177, 216, 138, 0.8), 12px 0.0px 0 rgba(177, 216, 138, 0.8), 13px 0.0px 0 rgba(177, 216, 137, 0.8), 14px 0.0px 0 rgba(176, 216, 137, 0.8), 15px 0.0px 0 rgba(176, 216, 137, 0.8), 16px 0.0px 0 rgba(176, 215, 136, 0.8), 17px 0.0px 0 rgba(175, 215, 136, 0.8), 18px 0.0px 0 rgba(175, 215, 135, 0.8); }

.one-thirty-five {
  text-shadow: 0px 0px 0 rgba(175, 182, 177, 0.8), 0.707px 0.707px 0 rgba(175, 182, 177, 0.8), 1.414px 1.414px 0 rgba(175, 182, 177, 0.8), 2.121px 2.121px 0 rgba(175, 182, 177, 0.8), 2.828px 2.828px 0 rgba(175, 182, 177, 0.8), 3.536px 3.536px 0 rgba(175, 182, 177, 0.8), 4.243px 4.243px 0 rgba(175, 182, 177, 0.8), 4.95px 4.95px 0 rgba(175, 182, 177, 0.8), 5.657px 5.657px 0 rgba(175, 182, 177, 0.8);
  position: absolute;
  bottom: 10%;
  right: -3%;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0; }
  .one-thirty-five:hover {
    text-shadow: 0px 0px 0 rgba(140, 217, 159, 0.8), 0.707px 0.707px 0 rgba(140, 217, 159, 0.8), 1.414px 1.414px 0 rgba(140, 217, 159, 0.8), 2.121px 2.121px 0 rgba(140, 217, 159, 0.8), 2.828px 2.828px 0 rgba(140, 217, 159, 0.8), 3.536px 3.536px 0 rgba(140, 217, 159, 0.8), 4.243px 4.243px 0 rgba(140, 217, 159, 0.8), 4.95px 4.95px 0 rgba(139, 216, 159, 0.8), 5.657px 5.657px 0 rgba(139, 216, 158, 0.8), 6.364px 6.364px 0 rgba(139, 216, 158, 0.8), 7.071px 7.071px 0 rgba(139, 216, 158, 0.8), 7.778px 7.778px 0 rgba(138, 216, 158, 0.8), 8.485px 8.485px 0 rgba(138, 216, 157, 0.8), 9.192px 9.192px 0 rgba(137, 216, 157, 0.8), 9.899px 9.899px 0 rgba(137, 216, 157, 0.8), 10.607px 10.607px 0 rgba(137, 216, 156, 0.8), 11.314px 11.314px 0 rgba(136, 215, 156, 0.8), 12.021px 12.021px 0 rgba(136, 215, 155, 0.8), 12.728px 12.728px 0 rgba(135, 215, 155, 0.8); }

.one-eighty {
  text-shadow: 0px 0px 0 rgba(175, 182, 182, 0.8), 0.0px 1px 0 rgba(175, 182, 182, 0.8), 0.0px 2px 0 rgba(175, 182, 182, 0.8), 0.0px 3px 0 rgba(175, 182, 182, 0.8), 0.0px 4px 0 rgba(175, 182, 182, 0.8), 0.0px 5px 0 rgba(175, 182, 182, 0.8), 0.0px 6px 0 rgba(175, 182, 182, 0.8), 0.0px 7px 0 rgba(175, 182, 182, 0.8), 0.0px 8px 0 rgba(175, 182, 182, 0.8);
  position: absolute;
  bottom: -5%;
  left: 39%;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0; }
  .one-eighty:hover {
    text-shadow: 0px 0px 0 rgba(140, 217, 217, 0.8), 0.0px 1px 0 rgba(140, 217, 217, 0.8), 0.0px 2px 0 rgba(140, 217, 217, 0.8), 0.0px 3px 0 rgba(140, 217, 217, 0.8), 0.0px 4px 0 rgba(140, 217, 217, 0.8), 0.0px 5px 0 rgba(140, 217, 217, 0.8), 0.0px 6px 0 rgba(140, 217, 217, 0.8), 0.0px 7px 0 rgba(139, 216, 216, 0.8), 0.0px 8px 0 rgba(139, 216, 216, 0.8), 0.0px 9px 0 rgba(139, 216, 216, 0.8), 0.0px 10px 0 rgba(139, 216, 216, 0.8), 0.0px 11px 0 rgba(138, 216, 216, 0.8), 0.0px 12px 0 rgba(138, 216, 216, 0.8), 0.0px 13px 0 rgba(137, 216, 216, 0.8), 0.0px 14px 0 rgba(137, 216, 216, 0.8), 0.0px 15px 0 rgba(137, 216, 216, 0.8), 0.0px 16px 0 rgba(136, 215, 215, 0.8), 0.0px 17px 0 rgba(136, 215, 215, 0.8), 0.0px 18px 0 rgba(135, 215, 215, 0.8); }

.two-twenty-five {
  text-shadow: 0px 0px 0 rgba(175, 177, 182, 0.8), -0.707px 0.707px 0 rgba(175, 177, 182, 0.8), -1.414px 1.414px 0 rgba(175, 177, 182, 0.8), -2.121px 2.121px 0 rgba(175, 177, 182, 0.8), -2.828px 2.828px 0 rgba(175, 177, 182, 0.8), -3.536px 3.536px 0 rgba(175, 177, 182, 0.8), -4.243px 4.243px 0 rgba(175, 177, 182, 0.8), -4.95px 4.95px 0 rgba(175, 177, 182, 0.8), -5.657px 5.657px 0 rgba(175, 177, 182, 0.8);
  position: absolute;
  bottom: 10%;
  left: 0;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0; }
  .two-twenty-five:hover {
    text-shadow: 0px 0px 0 rgba(140, 159, 217, 0.8), -0.707px 0.707px 0 rgba(140, 159, 217, 0.8), -1.414px 1.414px 0 rgba(140, 159, 217, 0.8), -2.121px 2.121px 0 rgba(140, 159, 217, 0.8), -2.828px 2.828px 0 rgba(140, 159, 217, 0.8), -3.536px 3.536px 0 rgba(140, 159, 217, 0.8), -4.243px 4.243px 0 rgba(140, 159, 217, 0.8), -4.95px 4.95px 0 rgba(139, 159, 216, 0.8), -5.657px 5.657px 0 rgba(139, 158, 216, 0.8), -6.364px 6.364px 0 rgba(139, 158, 216, 0.8), -7.071px 7.071px 0 rgba(139, 158, 216, 0.8), -7.778px 7.778px 0 rgba(138, 158, 216, 0.8), -8.485px 8.485px 0 rgba(138, 157, 216, 0.8), -9.192px 9.192px 0 rgba(137, 157, 216, 0.8), -9.899px 9.899px 0 rgba(137, 157, 216, 0.8), -10.607px 10.607px 0 rgba(137, 156, 216, 0.8), -11.314px 11.314px 0 rgba(136, 156, 215, 0.8), -12.021px 12.021px 0 rgba(136, 155, 215, 0.8), -12.728px 12.728px 0 rgba(135, 155, 215, 0.8); }

.two-seventy {
  text-shadow: 0px 0px 0 rgba(179, 175, 182, 0.8), -1px 0.0px 0 rgba(179, 175, 182, 0.8), -2px 0.0px 0 rgba(179, 175, 182, 0.8), -3px 0.0px 0 rgba(179, 175, 182, 0.8), -4px 0.0px 0 rgba(179, 175, 182, 0.8), -5px 0.0px 0 rgba(179, 175, 182, 0.8), -6px 0.0px 0 rgba(179, 175, 182, 0.8), -7px 0.0px 0 rgba(179, 175, 182, 0.8), -8px 0.0px 0 rgba(179, 175, 182, 0.8);
  position: absolute;
  top: 41%;
  left: -10%;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0; }
  .two-seventy:hover {
    text-shadow: 0px 0px 0 rgba(178, 140, 217, 0.8), -1px 0.0px 0 rgba(178, 140, 217, 0.8), -2px 0.0px 0 rgba(178, 140, 217, 0.8), -3px 0.0px 0 rgba(178, 140, 217, 0.8), -4px 0.0px 0 rgba(178, 140, 217, 0.8), -5px 0.0px 0 rgba(178, 140, 217, 0.8), -6px 0.0px 0 rgba(178, 140, 217, 0.8), -7px 0.0px 0 rgba(178, 139, 216, 0.8), -8px 0.0px 0 rgba(178, 139, 216, 0.8), -9px 0.0px 0 rgba(178, 139, 216, 0.8), -10px 0.0px 0 rgba(177, 139, 216, 0.8), -11px 0.0px 0 rgba(177, 138, 216, 0.8), -12px 0.0px 0 rgba(177, 138, 216, 0.8), -13px 0.0px 0 rgba(177, 137, 216, 0.8), -14px 0.0px 0 rgba(176, 137, 216, 0.8), -15px 0.0px 0 rgba(176, 137, 216, 0.8), -16px 0.0px 0 rgba(176, 136, 215, 0.8), -17px 0.0px 0 rgba(175, 136, 215, 0.8), -18px 0.0px 0 rgba(175, 135, 215, 0.8); }

.three-fifteen {
  text-shadow: 0px 0px 0 rgba(182, 175, 180, 0.8), -0.707px -0.707px 0 rgba(182, 175, 180, 0.8), -1.414px -1.414px 0 rgba(182, 175, 180, 0.8), -2.121px -2.121px 0 rgba(182, 175, 180, 0.8), -2.828px -2.828px 0 rgba(182, 175, 180, 0.8), -3.536px -3.536px 0 rgba(182, 175, 180, 0.8), -4.243px -4.243px 0 rgba(182, 175, 180, 0.8), -4.95px -4.95px 0 rgba(182, 175, 180, 0.8), -5.657px -5.657px 0 rgba(182, 175, 180, 0.8);
  position: absolute;
  top: 10%%;
  left: 5%;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0; }
  .three-fifteen:hover {
    text-shadow: 0px 0px 0 rgba(217, 140, 198, 0.8), -0.707px -0.707px 0 rgba(217, 140, 198, 0.8), -1.414px -1.414px 0 rgba(217, 140, 198, 0.8), -2.121px -2.121px 0 rgba(217, 140, 198, 0.8), -2.828px -2.828px 0 rgba(217, 140, 197, 0.8), -3.536px -3.536px 0 rgba(217, 140, 197, 0.8), -4.243px -4.243px 0 rgba(217, 140, 197, 0.8), -4.95px -4.95px 0 rgba(216, 139, 197, 0.8), -5.657px -5.657px 0 rgba(216, 139, 197, 0.8), -6.364px -6.364px 0 rgba(216, 139, 197, 0.8), -7.071px -7.071px 0 rgba(216, 139, 197, 0.8), -7.778px -7.778px 0 rgba(216, 138, 197, 0.8), -8.485px -8.485px 0 rgba(216, 138, 196, 0.8), -9.192px -9.192px 0 rgba(216, 137, 196, 0.8), -9.899px -9.899px 0 rgba(216, 137, 196, 0.8), -10.607px -10.607px 0 rgba(216, 137, 196, 0.8), -11.314px -11.314px 0 rgba(215, 136, 196, 0.8), -12.021px -12.021px 0 rgba(215, 136, 195, 0.8), -12.728px -12.728px 0 rgba(215, 135, 195, 0.8); }

#examples h4 {
  margin: 0; }
#examples h5 {
  margin: 20px 0; }
#examples ol {
  list-style-type: none;
  background: #404040;
  position: absolute;
  padding: 15px;
  overflow: hidden;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #404040), color-stop(100%, #000000));
  background: -webkit-linear-gradient(#404040, #000000);
  background: -moz-linear-gradient(#404040, #000000);
  background: -o-linear-gradient(#404040, #000000);
  background: linear-gradient(#404040, #000000);
  -moz-border-radius: 90px;
  -webkit-border-radius: 90px;
  -o-border-radius: 90px;
  -ms-border-radius: 90px;
  -khtml-border-radius: 90px;
  border-radius: 90px; }
#examples li {
  display: block;
  float: left;
  margin: 0 20px 0 0;
  padding: 0.2em 0.5em;
  cursor: pointer;
  text-align: center;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  -o-border-radius: 2em;
  -ms-border-radius: 2em;
  -khtml-border-radius: 2em;
  border-radius: 2em; }
#examples .current-angle {
  background: rgba(255, 255, 255, 0.2); }
#examples .example {
  text-align: center;
  margin: 20px 0 70px;
  padding: 40px 0 95px;
  color: white;
  position: relative;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -o-border-radius: 18px;
  -ms-border-radius: 18px;
  -khtml-border-radius: 18px;
  border-radius: 18px; }
#examples .example-buttons {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 95%; }
#examples .change-angle, #examples .view-mixin {
  float: left;
  background: rgba(0, 0, 0, 0.1);
  border: 0;
  color: white;
  font-size: 16px;
  padding: 0.5em 1em;
  margin: 0px 8px 0 0;
  -moz-border-radius: 5em;
  -webkit-border-radius: 5em;
  -o-border-radius: 5em;
  -ms-border-radius: 5em;
  -khtml-border-radius: 5em;
  border-radius: 5em; }
#examples .change-angle {
  float: right;
  cursor: pointer; }
#examples .view-mixin {
  font-family: monospace; }
#examples .angle-select {
  display: none;
  position: absolute;
  bottom: 20px;
  right: -170px;
  width: 600px; }
  #examples .angle-select:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 325px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #404040;
    width: 0;
    height: 0; }
#examples .flat {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAaAQMAAAD/goyIAAAABlBMVEUAAAAmQDk220SQAAAAAnRSTlMAGovxNEIAAABXSURBVHicdcQhEoAgAETRz47ByBE8ikfDm+lNGJORYCAw4ko3vKcEBO3j7KXiJ1U/q/moxy/qflVPhCR2AiKbKEy+MvtG9A+L76zfW/IcfJ/je3yN+f8F7lsWNbU7Fd0AAAAASUVORK5CYII='), -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(15%, #87c4bc), color-stop(95%, #92cea5));
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAaAQMAAAD/goyIAAAABlBMVEUAAAAmQDk220SQAAAAAnRSTlMAGovxNEIAAABXSURBVHicdcQhEoAgAETRz47ByBE8ikfDm+lNGJORYCAw4ko3vKcEBO3j7KXiJ1U/q/moxy/qflVPhCR2AiKbKEy+MvtG9A+L76zfW/IcfJ/je3yN+f8F7lsWNbU7Fd0AAAAASUVORK5CYII='), -webkit-linear-gradient(bottom left, #87c4bc 15%, #92cea5 95%);
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAaAQMAAAD/goyIAAAABlBMVEUAAAAmQDk220SQAAAAAnRSTlMAGovxNEIAAABXSURBVHicdcQhEoAgAETRz47ByBE8ikfDm+lNGJORYCAw4ko3vKcEBO3j7KXiJ1U/q/moxy/qflVPhCR2AiKbKEy+MvtG9A+L76zfW/IcfJ/je3yN+f8F7lsWNbU7Fd0AAAAASUVORK5CYII='), -moz-linear-gradient(bottom left, #87c4bc 15%, #92cea5 95%);
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAaAQMAAAD/goyIAAAABlBMVEUAAAAmQDk220SQAAAAAnRSTlMAGovxNEIAAABXSURBVHicdcQhEoAgAETRz47ByBE8ikfDm+lNGJORYCAw4ko3vKcEBO3j7KXiJ1U/q/moxy/qflVPhCR2AiKbKEy+MvtG9A+L76zfW/IcfJ/je3yN+f8F7lsWNbU7Fd0AAAAASUVORK5CYII='), -o-linear-gradient(bottom left, #87c4bc 15%, #92cea5 95%);
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAaAQMAAAD/goyIAAAABlBMVEUAAAAmQDk220SQAAAAAnRSTlMAGovxNEIAAABXSURBVHicdcQhEoAgAETRz47ByBE8ikfDm+lNGJORYCAw4ko3vKcEBO3j7KXiJ1U/q/moxy/qflVPhCR2AiKbKEy+MvtG9A+L76zfW/IcfJ/je3yN+f8F7lsWNbU7Fd0AAAAASUVORK5CYII='), linear-gradient(bottom left, #87c4bc 15%, #92cea5 95%); }
  #examples .flat h5 {
    font: 115px "bello-pro-1", "bello-pro-2", sans-serif; }
#examples .shaded {
  background: url('data:image/png;base64,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'), -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(15%, #aa47d3), color-stop(85%, #d558bf));
  background: url('data:image/png;base64,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'), -webkit-linear-gradient(bottom left, #aa47d3 15%, #d558bf 85%);
  background: url('data:image/png;base64,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'), -moz-linear-gradient(bottom left, #aa47d3 15%, #d558bf 85%);
  background: url('data:image/png;base64,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'), -o-linear-gradient(bottom left, #aa47d3 15%, #d558bf 85%);
  background: url('data:image/png;base64,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'), linear-gradient(bottom left, #aa47d3 15%, #d558bf 85%); }
  #examples .shaded h5 {
    font: 100px "gloriola-display-thin-1", "gloriola-display-thin-2"; }
#examples .offset {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACCCAQAAAAgCth2AAABGklEQVR4nO3awU0DARAEweZCQI7B5B8OOSBSMDCyM+AeJ1Xvfx/1nuNxO+Pu9+t8fdyOevv6//v8vsrXfjsShL8gBGFBCMKCEIQFIQgLQhAWhCAsCEFYEIKwIARhQQjCghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAWhIZwxlP14v8rXJ8JVBrhmvacGIQgLQhAWhCAsCEFYEIKwIARhQQjCghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAUhCAtCEBaEICwIQVhmvZn1mvW+ghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAUhCAtCEBaEICwIQVgQgrAgBGFBCMKCEIQFIQgLQhAWhE5btF7n6xNBP/zThNjrGa2CAAAAAElFTkSuQmCC') 12px 0, -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, color-stop(30%, #47a5e8), color-stop(100%, #1672b3));
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACCCAQAAAAgCth2AAABGklEQVR4nO3awU0DARAEweZCQI7B5B8OOSBSMDCyM+AeJ1Xvfx/1nuNxO+Pu9+t8fdyOevv6//v8vsrXfjsShL8gBGFBCMKCEIQFIQgLQhAWhCAsCEFYEIKwIARhQQjCghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAWhIZwxlP14v8rXJ8JVBrhmvacGIQgLQhAWhCAsCEFYEIKwIARhQQjCghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAUhCAtCEBaEICwIQVhmvZn1mvW+ghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAUhCAtCEBaEICwIQVgQgrAgBGFBCMKCEIQFIQgLQhAWhE5btF7n6xNBP/zThNjrGa2CAAAAAElFTkSuQmCC') 12px 0, -webkit-radial-gradient(#47a5e8 150px, #1672b3 500px);
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACCCAQAAAAgCth2AAABGklEQVR4nO3awU0DARAEweZCQI7B5B8OOSBSMDCyM+AeJ1Xvfx/1nuNxO+Pu9+t8fdyOevv6//v8vsrXfjsShL8gBGFBCMKCEIQFIQgLQhAWhCAsCEFYEIKwIARhQQjCghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAWhIZwxlP14v8rXJ8JVBrhmvacGIQgLQhAWhCAsCEFYEIKwIARhQQjCghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAUhCAtCEBaEICwIQVhmvZn1mvW+ghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAUhCAtCEBaEICwIQVgQgrAgBGFBCMKCEIQFIQgLQhAWhE5btF7n6xNBP/zThNjrGa2CAAAAAElFTkSuQmCC') 12px 0, -moz-radial-gradient(#47a5e8 150px, #1672b3 500px);
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACCCAQAAAAgCth2AAABGklEQVR4nO3awU0DARAEweZCQI7B5B8OOSBSMDCyM+AeJ1Xvfx/1nuNxO+Pu9+t8fdyOevv6//v8vsrXfjsShL8gBGFBCMKCEIQFIQgLQhAWhCAsCEFYEIKwIARhQQjCghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAWhIZwxlP14v8rXJ8JVBrhmvacGIQgLQhAWhCAsCEFYEIKwIARhQQjCghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAUhCAtCEBaEICwIQVhmvZn1mvW+ghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAUhCAtCEBaEICwIQVgQgrAgBGFBCMKCEIQFIQgLQhAWhE5btF7n6xNBP/zThNjrGa2CAAAAAElFTkSuQmCC') 12px 0, -o-radial-gradient(#47a5e8 150px, #1672b3 500px);
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACCCAQAAAAgCth2AAABGklEQVR4nO3awU0DARAEweZCQI7B5B8OOSBSMDCyM+AeJ1Xvfx/1nuNxO+Pu9+t8fdyOevv6//v8vsrXfjsShL8gBGFBCMKCEIQFIQgLQhAWhCAsCEFYEIKwIARhQQjCghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAWhIZwxlP14v8rXJ8JVBrhmvacGIQgLQhAWhCAsCEFYEIKwIARhQQjCghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAUhCAtCEBaEICwIQVhmvZn1mvW+ghCEBSEIC0IQFoQgLAhBWBCCsCAEYUEIwoIQhAUhCAtCEBaEICwIQVgQgrAgBGFBCMKCEIQFIQgLQhAWhE5btF7n6xNBP/zThNjrGa2CAAAAAElFTkSuQmCC') 12px 0, radial-gradient(#47a5e8 150px, #1672b3 500px); }
  #examples .offset h5 {
    font: 70px "hellenic-wide-1", "hellenic-wide-2", sans-serif;
    font-weight: 900; }

.flat-0 {
  text-shadow: 0px 0px 0 #568f7f, 0px -1px 0 #568f7f, 0px -2px 0 #568f7f, 0px -3px 0 #568f7f, 0px -4px 0 #568f7f, 0px -5px 0 #568f7f, 0px -6px 0 #568f7f, 0px -7px 0 #568f7f, 0px -8px 0 #568f7f, 0px -9px 0 #568f7f, 0px -10px 0 #568f7f, 0px -11px 0 #568f7f, 0px -12px 0 #568f7f, 0px -13px 0 #568f7f, 0px -14px 0 #568f7f, 0px -15px 0 #568f7f, 0px -16px 0 #568f7f, 0px -17px 0 #568f7f, 0px -18px 0 #568f7f, 0px -19px 0 #568f7f, 0px -20px 0 #568f7f, 0px -21px 0 #568f7f, 0px -22px 0 #568f7f, 0px -23px 0 #568f7f, 0px -24px 0 #568f7f, 0px -25px 0 #568f7f, 0px -26px 0 #568f7f, 0px -27px 0 #568f7f, 0px -28px 0 #568f7f, 0px -29px 0 #568f7f, 0px -30px 0 #568f7f, 0px -31px 0 #568f7f, 0px -32px 0 #568f7f, 0px -33px 0 #568f7f, 0px -34px 0 #568f7f, 0px -35px 0 #568f7f; }

.flat-45 {
  text-shadow: 0px 0px 0 #568f7f, 0.707px -0.707px 0 #568f7f, 1.414px -1.414px 0 #568f7f, 2.121px -2.121px 0 #568f7f, 2.828px -2.828px 0 #568f7f, 3.536px -3.536px 0 #568f7f, 4.243px -4.243px 0 #568f7f, 4.95px -4.95px 0 #568f7f, 5.657px -5.657px 0 #568f7f, 6.364px -6.364px 0 #568f7f, 7.071px -7.071px 0 #568f7f, 7.778px -7.778px 0 #568f7f, 8.485px -8.485px 0 #568f7f, 9.192px -9.192px 0 #568f7f, 9.899px -9.899px 0 #568f7f, 10.607px -10.607px 0 #568f7f, 11.314px -11.314px 0 #568f7f, 12.021px -12.021px 0 #568f7f, 12.728px -12.728px 0 #568f7f, 13.435px -13.435px 0 #568f7f, 14.142px -14.142px 0 #568f7f, 14.849px -14.849px 0 #568f7f, 15.556px -15.556px 0 #568f7f, 16.263px -16.263px 0 #568f7f, 16.971px -16.971px 0 #568f7f, 17.678px -17.678px 0 #568f7f, 18.385px -18.385px 0 #568f7f, 19.092px -19.092px 0 #568f7f, 19.799px -19.799px 0 #568f7f, 20.506px -20.506px 0 #568f7f, 21.213px -21.213px 0 #568f7f, 21.92px -21.92px 0 #568f7f, 22.627px -22.627px 0 #568f7f, 23.335px -23.335px 0 #568f7f, 24.042px -24.042px 0 #568f7f, 24.749px -24.749px 0 #568f7f; }

.flat-90 {
  text-shadow: 0px 0px 0 #568f7f, 1px 0.0px 0 #568f7f, 2px 0.0px 0 #568f7f, 3px 0.0px 0 #568f7f, 4px 0.0px 0 #568f7f, 5px 0.0px 0 #568f7f, 6px 0.0px 0 #568f7f, 7px 0.0px 0 #568f7f, 8px 0.0px 0 #568f7f, 9px 0.0px 0 #568f7f, 10px 0.0px 0 #568f7f, 11px 0.0px 0 #568f7f, 12px 0.0px 0 #568f7f, 13px 0.0px 0 #568f7f, 14px 0.0px 0 #568f7f, 15px 0.0px 0 #568f7f, 16px 0.0px 0 #568f7f, 17px 0.0px 0 #568f7f, 18px 0.0px 0 #568f7f, 19px 0.0px 0 #568f7f, 20px 0.0px 0 #568f7f, 21px 0.0px 0 #568f7f, 22px 0.0px 0 #568f7f, 23px 0.0px 0 #568f7f, 24px 0.0px 0 #568f7f, 25px 0.0px 0 #568f7f, 26px 0.0px 0 #568f7f, 27px 0.0px 0 #568f7f, 28px 0.0px 0 #568f7f, 29px 0.0px 0 #568f7f, 30px 0.0px 0 #568f7f, 31px 0.0px 0 #568f7f, 32px 0.0px 0 #568f7f, 33px 0.0px 0 #568f7f, 34px 0.0px 0 #568f7f, 35px 0.0px 0 #568f7f; }

.flat-135 {
  text-shadow: 0px 0px 0 #568f7f, 0.707px 0.707px 0 #568f7f, 1.414px 1.414px 0 #568f7f, 2.121px 2.121px 0 #568f7f, 2.828px 2.828px 0 #568f7f, 3.536px 3.536px 0 #568f7f, 4.243px 4.243px 0 #568f7f, 4.95px 4.95px 0 #568f7f, 5.657px 5.657px 0 #568f7f, 6.364px 6.364px 0 #568f7f, 7.071px 7.071px 0 #568f7f, 7.778px 7.778px 0 #568f7f, 8.485px 8.485px 0 #568f7f, 9.192px 9.192px 0 #568f7f, 9.899px 9.899px 0 #568f7f, 10.607px 10.607px 0 #568f7f, 11.314px 11.314px 0 #568f7f, 12.021px 12.021px 0 #568f7f, 12.728px 12.728px 0 #568f7f, 13.435px 13.435px 0 #568f7f, 14.142px 14.142px 0 #568f7f, 14.849px 14.849px 0 #568f7f, 15.556px 15.556px 0 #568f7f, 16.263px 16.263px 0 #568f7f, 16.971px 16.971px 0 #568f7f, 17.678px 17.678px 0 #568f7f, 18.385px 18.385px 0 #568f7f, 19.092px 19.092px 0 #568f7f, 19.799px 19.799px 0 #568f7f, 20.506px 20.506px 0 #568f7f, 21.213px 21.213px 0 #568f7f, 21.92px 21.92px 0 #568f7f, 22.627px 22.627px 0 #568f7f, 23.335px 23.335px 0 #568f7f, 24.042px 24.042px 0 #568f7f, 24.749px 24.749px 0 #568f7f; }

.flat-180 {
  text-shadow: 0px 0px 0 #568f7f, 0.0px 1px 0 #568f7f, 0.0px 2px 0 #568f7f, 0.0px 3px 0 #568f7f, 0.0px 4px 0 #568f7f, 0.0px 5px 0 #568f7f, 0.0px 6px 0 #568f7f, 0.0px 7px 0 #568f7f, 0.0px 8px 0 #568f7f, 0.0px 9px 0 #568f7f, 0.0px 10px 0 #568f7f, 0.0px 11px 0 #568f7f, 0.0px 12px 0 #568f7f, 0.0px 13px 0 #568f7f, 0.0px 14px 0 #568f7f, 0.0px 15px 0 #568f7f, 0.0px 16px 0 #568f7f, 0.0px 17px 0 #568f7f, 0.0px 18px 0 #568f7f, 0.0px 19px 0 #568f7f, 0.0px 20px 0 #568f7f, 0.0px 21px 0 #568f7f, 0.0px 22px 0 #568f7f, 0.0px 23px 0 #568f7f, 0.0px 24px 0 #568f7f, 0.0px 25px 0 #568f7f, 0.0px 26px 0 #568f7f, 0.0px 27px 0 #568f7f, 0.0px 28px 0 #568f7f, 0.0px 29px 0 #568f7f, 0.0px 30px 0 #568f7f, 0.0px 31px 0 #568f7f, 0.0px 32px 0 #568f7f, 0.0px 33px 0 #568f7f, 0.0px 34px 0 #568f7f, 0.0px 35px 0 #568f7f; }

.flat-225 {
  text-shadow: 0px 0px 0 #568f7f, -0.707px 0.707px 0 #568f7f, -1.414px 1.414px 0 #568f7f, -2.121px 2.121px 0 #568f7f, -2.828px 2.828px 0 #568f7f, -3.536px 3.536px 0 #568f7f, -4.243px 4.243px 0 #568f7f, -4.95px 4.95px 0 #568f7f, -5.657px 5.657px 0 #568f7f, -6.364px 6.364px 0 #568f7f, -7.071px 7.071px 0 #568f7f, -7.778px 7.778px 0 #568f7f, -8.485px 8.485px 0 #568f7f, -9.192px 9.192px 0 #568f7f, -9.899px 9.899px 0 #568f7f, -10.607px 10.607px 0 #568f7f, -11.314px 11.314px 0 #568f7f, -12.021px 12.021px 0 #568f7f, -12.728px 12.728px 0 #568f7f, -13.435px 13.435px 0 #568f7f, -14.142px 14.142px 0 #568f7f, -14.849px 14.849px 0 #568f7f, -15.556px 15.556px 0 #568f7f, -16.263px 16.263px 0 #568f7f, -16.971px 16.971px 0 #568f7f, -17.678px 17.678px 0 #568f7f, -18.385px 18.385px 0 #568f7f, -19.092px 19.092px 0 #568f7f, -19.799px 19.799px 0 #568f7f, -20.506px 20.506px 0 #568f7f, -21.213px 21.213px 0 #568f7f, -21.92px 21.92px 0 #568f7f, -22.627px 22.627px 0 #568f7f, -23.335px 23.335px 0 #568f7f, -24.042px 24.042px 0 #568f7f, -24.749px 24.749px 0 #568f7f; }

.flat-270 {
  text-shadow: 0px 0px 0 #568f7f, -1px 0.0px 0 #568f7f, -2px 0.0px 0 #568f7f, -3px 0.0px 0 #568f7f, -4px 0.0px 0 #568f7f, -5px 0.0px 0 #568f7f, -6px 0.0px 0 #568f7f, -7px 0.0px 0 #568f7f, -8px 0.0px 0 #568f7f, -9px 0.0px 0 #568f7f, -10px 0.0px 0 #568f7f, -11px 0.0px 0 #568f7f, -12px 0.0px 0 #568f7f, -13px 0.0px 0 #568f7f, -14px 0.0px 0 #568f7f, -15px 0.0px 0 #568f7f, -16px 0.0px 0 #568f7f, -17px 0.0px 0 #568f7f, -18px 0.0px 0 #568f7f, -19px 0.0px 0 #568f7f, -20px 0.0px 0 #568f7f, -21px 0.0px 0 #568f7f, -22px 0.0px 0 #568f7f, -23px 0.0px 0 #568f7f, -24px 0.0px 0 #568f7f, -25px 0.0px 0 #568f7f, -26px 0.0px 0 #568f7f, -27px 0.0px 0 #568f7f, -28px 0.0px 0 #568f7f, -29px 0.0px 0 #568f7f, -30px 0.0px 0 #568f7f, -31px 0.0px 0 #568f7f, -32px 0.0px 0 #568f7f, -33px 0.0px 0 #568f7f, -34px 0.0px 0 #568f7f, -35px 0.0px 0 #568f7f; }

.flat-315 {
  text-shadow: 0px 0px 0 #568f7f, -0.707px -0.707px 0 #568f7f, -1.414px -1.414px 0 #568f7f, -2.121px -2.121px 0 #568f7f, -2.828px -2.828px 0 #568f7f, -3.536px -3.536px 0 #568f7f, -4.243px -4.243px 0 #568f7f, -4.95px -4.95px 0 #568f7f, -5.657px -5.657px 0 #568f7f, -6.364px -6.364px 0 #568f7f, -7.071px -7.071px 0 #568f7f, -7.778px -7.778px 0 #568f7f, -8.485px -8.485px 0 #568f7f, -9.192px -9.192px 0 #568f7f, -9.899px -9.899px 0 #568f7f, -10.607px -10.607px 0 #568f7f, -11.314px -11.314px 0 #568f7f, -12.021px -12.021px 0 #568f7f, -12.728px -12.728px 0 #568f7f, -13.435px -13.435px 0 #568f7f, -14.142px -14.142px 0 #568f7f, -14.849px -14.849px 0 #568f7f, -15.556px -15.556px 0 #568f7f, -16.263px -16.263px 0 #568f7f, -16.971px -16.971px 0 #568f7f, -17.678px -17.678px 0 #568f7f, -18.385px -18.385px 0 #568f7f, -19.092px -19.092px 0 #568f7f, -19.799px -19.799px 0 #568f7f, -20.506px -20.506px 0 #568f7f, -21.213px -21.213px 0 #568f7f, -21.92px -21.92px 0 #568f7f, -22.627px -22.627px 0 #568f7f, -23.335px -23.335px 0 #568f7f, -24.042px -24.042px 0 #568f7f, -24.749px -24.749px 0 #568f7f; }

.shaded-0 {
  text-shadow: 0px 0px 0 #e699d9, 0px -1px 0 #e599d9, 0px -2px 0 #e598d8, 0px -3px 0 #e597d8, 0px -4px 0 #e495d7, 0px -5px 0 #e493d6, 0px -6px 0 #e390d6, 0px -7px 0 #e38ed4, 0px -8px 0 #e28ad3, 0px -9px 0 #e187d2, 0px -10px 0 #e083d0, 0px -11px 0 #df7ecf, 0px -12px 0 #de79cd, 0px -13px 0 #dc74cb, 0px -14px 0 #db6ec9, 0px -15px 0 #d968c6, 0px -16px 0 #d862c4, 0px -17px 0 #d65bc1, 0px -18px 0 #d453bf, 0px -19px 0 #d24bbc, 0px -20px 0 #d043b9; }

.shaded-45 {
  text-shadow: 0px 0px 0 #e699d9, 0.707px -0.707px 0 #e599d9, 1.414px -1.414px 0 #e598d8, 2.121px -2.121px 0 #e597d8, 2.828px -2.828px 0 #e495d7, 3.536px -3.536px 0 #e493d6, 4.243px -4.243px 0 #e390d6, 4.95px -4.95px 0 #e38ed4, 5.657px -5.657px 0 #e28ad3, 6.364px -6.364px 0 #e187d2, 7.071px -7.071px 0 #e083d0, 7.778px -7.778px 0 #df7ecf, 8.485px -8.485px 0 #de79cd, 9.192px -9.192px 0 #dc74cb, 9.899px -9.899px 0 #db6ec9, 10.607px -10.607px 0 #d968c6, 11.314px -11.314px 0 #d862c4, 12.021px -12.021px 0 #d65bc1, 12.728px -12.728px 0 #d453bf, 13.435px -13.435px 0 #d24bbc, 14.142px -14.142px 0 #d043b9; }

.shaded-90 {
  text-shadow: 0px 0px 0 #e699d9, 1px 0.0px 0 #e599d9, 2px 0.0px 0 #e598d8, 3px 0.0px 0 #e597d8, 4px 0.0px 0 #e495d7, 5px 0.0px 0 #e493d6, 6px 0.0px 0 #e390d6, 7px 0.0px 0 #e38ed4, 8px 0.0px 0 #e28ad3, 9px 0.0px 0 #e187d2, 10px 0.0px 0 #e083d0, 11px 0.0px 0 #df7ecf, 12px 0.0px 0 #de79cd, 13px 0.0px 0 #dc74cb, 14px 0.0px 0 #db6ec9, 15px 0.0px 0 #d968c6, 16px 0.0px 0 #d862c4, 17px 0.0px 0 #d65bc1, 18px 0.0px 0 #d453bf, 19px 0.0px 0 #d24bbc, 20px 0.0px 0 #d043b9; }

.shaded-135 {
  text-shadow: 0px 0px 0 #e699d9, 0.707px 0.707px 0 #e599d9, 1.414px 1.414px 0 #e598d8, 2.121px 2.121px 0 #e597d8, 2.828px 2.828px 0 #e495d7, 3.536px 3.536px 0 #e493d6, 4.243px 4.243px 0 #e390d6, 4.95px 4.95px 0 #e38ed4, 5.657px 5.657px 0 #e28ad3, 6.364px 6.364px 0 #e187d2, 7.071px 7.071px 0 #e083d0, 7.778px 7.778px 0 #df7ecf, 8.485px 8.485px 0 #de79cd, 9.192px 9.192px 0 #dc74cb, 9.899px 9.899px 0 #db6ec9, 10.607px 10.607px 0 #d968c6, 11.314px 11.314px 0 #d862c4, 12.021px 12.021px 0 #d65bc1, 12.728px 12.728px 0 #d453bf, 13.435px 13.435px 0 #d24bbc, 14.142px 14.142px 0 #d043b9; }

.shaded-180 {
  text-shadow: 0px 0px 0 #e699d9, 0.0px 1px 0 #e599d9, 0.0px 2px 0 #e598d8, 0.0px 3px 0 #e597d8, 0.0px 4px 0 #e495d7, 0.0px 5px 0 #e493d6, 0.0px 6px 0 #e390d6, 0.0px 7px 0 #e38ed4, 0.0px 8px 0 #e28ad3, 0.0px 9px 0 #e187d2, 0.0px 10px 0 #e083d0, 0.0px 11px 0 #df7ecf, 0.0px 12px 0 #de79cd, 0.0px 13px 0 #dc74cb, 0.0px 14px 0 #db6ec9, 0.0px 15px 0 #d968c6, 0.0px 16px 0 #d862c4, 0.0px 17px 0 #d65bc1, 0.0px 18px 0 #d453bf, 0.0px 19px 0 #d24bbc, 0.0px 20px 0 #d043b9; }

.shaded-225 {
  text-shadow: 0px 0px 0 #e699d9, -0.707px 0.707px 0 #e599d9, -1.414px 1.414px 0 #e598d8, -2.121px 2.121px 0 #e597d8, -2.828px 2.828px 0 #e495d7, -3.536px 3.536px 0 #e493d6, -4.243px 4.243px 0 #e390d6, -4.95px 4.95px 0 #e38ed4, -5.657px 5.657px 0 #e28ad3, -6.364px 6.364px 0 #e187d2, -7.071px 7.071px 0 #e083d0, -7.778px 7.778px 0 #df7ecf, -8.485px 8.485px 0 #de79cd, -9.192px 9.192px 0 #dc74cb, -9.899px 9.899px 0 #db6ec9, -10.607px 10.607px 0 #d968c6, -11.314px 11.314px 0 #d862c4, -12.021px 12.021px 0 #d65bc1, -12.728px 12.728px 0 #d453bf, -13.435px 13.435px 0 #d24bbc, -14.142px 14.142px 0 #d043b9; }

.shaded-270 {
  text-shadow: 0px 0px 0 #e699d9, -1px 0.0px 0 #e599d9, -2px 0.0px 0 #e598d8, -3px 0.0px 0 #e597d8, -4px 0.0px 0 #e495d7, -5px 0.0px 0 #e493d6, -6px 0.0px 0 #e390d6, -7px 0.0px 0 #e38ed4, -8px 0.0px 0 #e28ad3, -9px 0.0px 0 #e187d2, -10px 0.0px 0 #e083d0, -11px 0.0px 0 #df7ecf, -12px 0.0px 0 #de79cd, -13px 0.0px 0 #dc74cb, -14px 0.0px 0 #db6ec9, -15px 0.0px 0 #d968c6, -16px 0.0px 0 #d862c4, -17px 0.0px 0 #d65bc1, -18px 0.0px 0 #d453bf, -19px 0.0px 0 #d24bbc, -20px 0.0px 0 #d043b9; }

.shaded-315 {
  text-shadow: 0px 0px 0 #e699d9, -0.707px -0.707px 0 #e599d9, -1.414px -1.414px 0 #e598d8, -2.121px -2.121px 0 #e597d8, -2.828px -2.828px 0 #e495d7, -3.536px -3.536px 0 #e493d6, -4.243px -4.243px 0 #e390d6, -4.95px -4.95px 0 #e38ed4, -5.657px -5.657px 0 #e28ad3, -6.364px -6.364px 0 #e187d2, -7.071px -7.071px 0 #e083d0, -7.778px -7.778px 0 #df7ecf, -8.485px -8.485px 0 #de79cd, -9.192px -9.192px 0 #dc74cb, -9.899px -9.899px 0 #db6ec9, -10.607px -10.607px 0 #d968c6, -11.314px -11.314px 0 #d862c4, -12.021px -12.021px 0 #d65bc1, -12.728px -12.728px 0 #d453bf, -13.435px -13.435px 0 #d24bbc, -14.142px -14.142px 0 #d043b9; }

.offset-0 {
  text-shadow: 0px -4px 0 #1c8fe0, 0px -7px 0 #125b8f; }

.offset-45 {
  text-shadow: 2.828px -2.828px 0 #1c8fe0, 4.95px -4.95px 0 #125b8f; }

.offset-90 {
  text-shadow: 4px 0.0px 0 #1c8fe0, 7px 0.0px 0 #125b8f; }

.offset-135 {
  text-shadow: 2.828px 2.828px 0 #1c8fe0, 4.95px 4.95px 0 #125b8f; }

.offset-180 {
  text-shadow: 0.0px 4px 0 #1c8fe0, 0.0px 7px 0 #125b8f; }

.offset-225 {
  text-shadow: -2.828px 2.828px 0 #1c8fe0, -4.95px 4.95px 0 #125b8f; }

.offset-270 {
  text-shadow: -4px 0.0px 0 #1c8fe0, -7px 0.0px 0 #125b8f; }

.offset-315 {
  text-shadow: -2.828px -2.828px 0 #1c8fe0, -4.95px -4.95px 0 #125b8f; }