html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* roboto-mono-100 - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto-mono-v22-latin-100.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v22-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v22-latin-100.woff2") format("woff2"), url("../fonts/roboto-mono-v22-latin-100.woff") format("woff"), url("../fonts/roboto-mono-v22-latin-100.ttf") format("truetype"), url("../fonts/roboto-mono-v22-latin-100.svg#RobotoMono") format("svg");
  /* Legacy iOS */ }
/* roboto-mono-regular - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-mono-v22-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v22-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v22-latin-regular.woff2") format("woff2"), url("../fonts/roboto-mono-v22-latin-regular.woff") format("woff"), url("../fonts/roboto-mono-v22-latin-regular.ttf") format("truetype"), url("../fonts/roboto-mono-v22-latin-regular.svg#RobotoMono") format("svg");
  /* Legacy iOS */ }
/* roboto-mono-700 - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-mono-v22-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-mono-v22-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mono-v22-latin-700.woff2") format("woff2"), url("../fonts/roboto-mono-v22-latin-700.woff") format("woff"), url("../fonts/roboto-mono-v22-latin-700.ttf") format("truetype"), url("../fonts/roboto-mono-v22-latin-700.svg#RobotoMono") format("svg");
  /* Legacy iOS */ }
h1 {
  font-size: 2rem;
  font-weight: 400;
  color: #0a0908;
  text-transform: uppercase;
  line-height: 1; }
  h1 span {
    font-size: 3rem; }

.text-secondary {
  color: #80ada0; }

.text-accent {
  color: #8aea92; }

.text-bold {
  font-weight: 700; }

p {
  margin-bottom: 1rem; }

h2 {
  font-size: 1rem;
  font-weight: 400;
  color: #0a0908;
  background: #80ada0;
  border-radius: .5rem;
  line-height: 1rem;
  display: inline-block;
  padding: .25rem .5rem;
  margin-bottom: .5rem; }

h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8aea92;
  margin-bottom: .25rem;
  margin-top: 1rem; }

h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #0a0908;
  margin-top: .25rem; }

h5 {
  font-size: 1rem;
  font-weight: 400;
  color: #0a0908;
  margin-top: .25rem; }

body {
  color: #0a0908;
  font-family: Roboto Mono, sans-serif; }

.name {
  text-align: center; }

.padding-wrapper {
  padding: 8rem; }
  @media all and (max-width: 660px) {
    .padding-wrapper {
      padding: 4rem; } }
  .padding-wrapper .image-wrapper {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 500px;
    aspect-ratio: 1 / 1; }
    .padding-wrapper .image-wrapper .image-bg {
      position: relative;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      overflow: hidden;
      background: #22333b;
      transition: all .25s ease-in-out;
      pointer-events: none; }
      .padding-wrapper .image-wrapper .image-bg img, .padding-wrapper .image-wrapper .image-bg svg {
        position: absolute;
        width: 100%;
        height: auto;
        top: 0; }
      .padding-wrapper .image-wrapper .image-bg img {
        opacity: 0;
        transform: scale(0);
        transition: all .5s ease-out; }
      .padding-wrapper .image-wrapper .image-bg svg .cls-1 {
        fill: #8aea92;
        fill-rule: evenodd;
        stroke: #8aea92;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 0;
        animation: pulse 4s infinite; }
    .padding-wrapper .image-wrapper.loaded .image-bg {
      transform: scale(1.02); }
      .padding-wrapper .image-wrapper.loaded .image-bg svg .cls-1 {
        stroke-width: .5rem; }
      .padding-wrapper .image-wrapper.loaded .image-bg img {
        opacity: 1;
        transform: scale(1); }
    .padding-wrapper .image-wrapper.loaded .icon-circle {
      transform: rotate(0); }
      @media all and (max-width: 960px) {
        .padding-wrapper .image-wrapper.loaded .icon-circle {
          transform: rotate(-90deg); } }
      .padding-wrapper .image-wrapper.loaded .icon-circle ul {
        margin: 0; }
        .padding-wrapper .image-wrapper.loaded .icon-circle ul li {
          z-index: 99;
          width: 5rem;
          height: 5rem; }
          @media all and (max-width: 660px) {
            .padding-wrapper .image-wrapper.loaded .icon-circle ul li {
              width: 3rem;
              height: 3rem; } }
          @media all and (max-width: 960px) {
            .padding-wrapper .image-wrapper.loaded .icon-circle ul li a {
              transform: rotate(90deg); } }
    .padding-wrapper .image-wrapper .icon-circle {
      position: absolute;
      border-radius: 50%;
      left: -4rem;
      top: -4rem;
      right: -4rem;
      bottom: -4rem;
      border: 1px solid #80ada0;
      transition: all 1s ease-in-out;
      transform: rotate(-360deg); }
      @media all and (max-width: 660px) {
        .padding-wrapper .image-wrapper .icon-circle {
          left: -2rem;
          top: -2rem;
          right: -2rem;
          bottom: -2rem; } }
      .padding-wrapper .image-wrapper .icon-circle ul {
        position: relative;
        width: 100%;
        height: 100%;
        list-style: none; }
        .padding-wrapper .image-wrapper .icon-circle ul li {
          position: absolute;
          width: 0;
          height: 0;
          background: #8aea92;
          border-radius: 50%;
          transition: all 1s ease-in-out;
          cursor: pointer; }
          .padding-wrapper .image-wrapper .icon-circle ul li.active {
            background: #80ada0; }
          .padding-wrapper .image-wrapper .icon-circle ul li:nth-child(1) {
            top: 0;
            right: 50%;
            transform: translateX(50%) translateY(-50%); }
            @media all and (max-width: 960px) {
              .padding-wrapper .image-wrapper .icon-circle ul li:nth-child(1) {
                left: 50%;
                right: inherit;
                transform: translateX(-50%) translateY(-50%); } }
          .padding-wrapper .image-wrapper .icon-circle ul li:nth-child(2) {
            top: 15%;
            right: 15%;
            transform: translateX(50%) translateY(-50%); }
            @media all and (max-width: 960px) {
              .padding-wrapper .image-wrapper .icon-circle ul li:nth-child(2) {
                left: 15%;
                right: inherit;
                transform: translateX(-50%) translateY(-50%); } }
          .padding-wrapper .image-wrapper .icon-circle ul li:nth-child(3) {
            top: 50%;
            right: 0;
            transform: translateX(50%) translateY(-50%); }
            @media all and (max-width: 960px) {
              .padding-wrapper .image-wrapper .icon-circle ul li:nth-child(3) {
                left: 0;
                right: inherit;
                transform: translateX(-50%) translateY(-50%); } }
          .padding-wrapper .image-wrapper .icon-circle ul li:nth-child(4) {
            bottom: 15%;
            right: 15%;
            transform: translateX(50%) translateY(50%); }
            @media all and (max-width: 960px) {
              .padding-wrapper .image-wrapper .icon-circle ul li:nth-child(4) {
                left: 15%;
                right: inherit;
                transform: translateX(-50%) translateY(50%); } }
          .padding-wrapper .image-wrapper .icon-circle ul li:nth-child(5) {
            bottom: 0;
            right: 50%;
            transform: translateX(50%) translateY(50%); }
            @media all and (max-width: 960px) {
              .padding-wrapper .image-wrapper .icon-circle ul li:nth-child(5) {
                left: 50%;
                right: inherit;
                transform: translateX(-50%) translateY(50%); } }
          .padding-wrapper .image-wrapper .icon-circle ul li a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 1rem;
            box-sizing: border-box; }
            @media all and (max-width: 660px) {
              .padding-wrapper .image-wrapper .icon-circle ul li a {
                padding: .25rem; } }
            .padding-wrapper .image-wrapper .icon-circle ul li a img {
              width: 100%;
              height: 100%;
              object-fit: contain; }

.info-container {
  position: relative; }
  .info-container .end-element {
    position: absolute;
    left: -1rem;
    top: 2rem; }
    @media all and (max-width: 960px) {
      .info-container .end-element {
        left: 2rem;
        top: -1rem; } }

@keyframes pulse {
  0% {
    stroke-width: .25rem; }
  20% {
    stroke-width: .6rem; }
  40% {
    stroke-width: .25rem; }
  60% {
    stroke-width: 1rem; }
  80% {
    stroke-width: .25rem; }
  100% {
    stroke-width: .25rem; } }
.info-container ul {
  list-style-type: square;
  margin-left: 1.25rem;
  margin-bottom: 3rem; }
  .info-container ul.no-list {
    list-style: none;
    margin-left: 0; }
  .info-container ul li {
    margin-bottom: .5rem; }
.info-container .chart {
  background: #e6e6e6;
  width: 100%;
  height: 1rem; }
  .info-container .chart span {
    display: block;
    height: 100%;
    line-height: 0;
    background: #80ada0;
    width: 0;
    transition: all .3s ease-in-out;
    color: transparent; }

.save-as-pdf {
  position: fixed;
  width: 4rem;
  height: 4rem;
  right: 2rem;
  top: 2rem;
  border-radius: 50%;
  cursor: pointer;
  background: linear-gradient(90deg, #80ada0 0%, #8aea92 100%);
  transition: all .25s ease-in-out;
  z-index: 100; }
  @media all and (max-width: 960px) {
    .save-as-pdf {
      right: 1rem;
      top: inherit;
      bottom: 1rem; } }
  .save-as-pdf:hover {
    transform: scale(1.15); }
  .save-as-pdf a {
    display: block;
    color: transparent;
    width: 100%;
    height: 100%;
    background: url("../images/pdf.svg") no-repeat;
    background-size: 70%;
    background-position: center; }

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