@import url(https://fonts.googleapis.com/css?family=Raleway:400,500&display=swap);
.u-c-secondary-blue {
  color: #32b5b5 !important; }

.u-c-secondary-lime {
  color: #B9D536 !important; }

.u-bc-primary {
  background-color: #D51D53 !important; }

.u-bc-secondary-blue {
  background-color: #32b5b5 !important; }

.u-bc-secondary-lime {
  background-color: #B9D536 !important; }

html {
  scroll-behavior: smooth; }

body {
  background-color: #fff;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  margin: 0;
  text-align: center; }

.header {
  background-color: #ffffff;
  display: block;
  height: 7em;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000; }

.main {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  top: 5em; }

.anchor_point {
  display: block;
  height: 7em;
  margin-top: -7em;
  visibility: hidden; }

section {
  display: block;
  min-height: 94vh; }

#about_section {
  background-color: #32b5b5; }
  #about_section:before {
    content: '';
    margin-top: -20rem;
    position: absolute;
    left: 0;
    width: 100%;
    height: 20rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDMyMCI+CiAgPHBhdGggZmlsbD0iIzMyYjViNSIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNMCwyNTZMNDAsMjI5LjNDODAsMjAzLDE2MCwxNDksMjQwLDE0OS4zQzMyMCwxNDksNDAwLDIwMyw0ODAsMjI0QzU2MCwyNDUsNjQwLDIzNSw3MjAsMjEzLjNDODAwLDE5Miw4ODAsMTYwLDk2MCwxMzguN0MxMDQwLDExNywxMTIwLDEwNywxMjAwLDEzOC43QzEyODAsMTcxLDEzNjAsMjQ1LDE0MDAsMjgyLjdMMTQ0MCwzMjBMMTQ0MCwzMjBMMTQwMCwzMjBDMTM2MCwzMjAsMTI4MCwzMjAsMTIwMCwzMjBDMTEyMCwzMjAsMTA0MCwzMjAsOTYwLDMyMEM4ODAsMzIwLDgwMCwzMjAsNzIwLDMyMEM2NDAsMzIwLDU2MCwzMjAsNDgwLDMyMEM0MDAsMzIwLDMyMCwzMjAsMjQwLDMyMEMxNjAsMzIwLDgwLDMyMCw0MCwzMjBMMCwzMjBaIj48L3BhdGg+Cjwvc3ZnPgo=) center no-repeat;
    background-size: cover; }

#work_section {
  background-color: #fff;
  padding-bottom: 5rem; }
  #work_section:before {
    content: '';
    margin-top: -20rem;
    position: absolute;
    left: 0;
    width: 100%;
    height: 20rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDMyMCI+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNMCwyMjRMNDgsMjQwQzk2LDI1NiwxOTIsMjg4LDI4OCwyNzJDMzg0LDI1Niw0ODAsMTkyLDU3NiwxODEuM0M2NzIsMTcxLDc2OCwyMTMsODY0LDIxMy4zQzk2MCwyMTMsMTA1NiwxNzEsMTE1MiwxNzZDMTI0OCwxODEsMTM0NCwyMzUsMTM5MiwyNjEuM0wxNDQwLDI4OEwxNDQwLDMyMEwxMzkyLDMyMEMxMzQ0LDMyMCwxMjQ4LDMyMCwxMTUyLDMyMEMxMDU2LDMyMCw5NjAsMzIwLDg2NCwzMjBDNzY4LDMyMCw2NzIsMzIwLDU3NiwzMjBDNDgwLDMyMCwzODQsMzIwLDI4OCwzMjBDMTkyLDMyMCw5NiwzMjAsNDgsMzIwTDAsMzIwWiI+PC9wYXRoPgo8L3N2Zz4K) center no-repeat;
    background-size: cover; }

#technologies_section {
  background-color: #f2f2f2;
  padding-bottom: 15rem; }
  #technologies_section:before {
    content: '';
    margin-top: -15rem;
    position: absolute;
    left: 0;
    width: 100%;
    height: 15rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDMyMCI+CiAgPHBhdGggZmlsbD0iI2YyZjJmMiIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNMCwyMjRMNDgsMjAyLjdDOTYsMTgxLDE5MiwxMzksMjg4LDE0OS4zQzM4NCwxNjAsNDgwLDIyNCw1NzYsMjI0QzY3MiwyMjQsNzY4LDE2MCw4NjQsMTMzLjNDOTYwLDEwNywxMDU2LDExNywxMTUyLDE0OS4zQzEyNDgsMTgxLDEzNDQsMjM1LDEzOTIsMjYxLjNMMTQ0MCwyODhMMTQ0MCwzMjBMMTM5MiwzMjBDMTM0NCwzMjAsMTI0OCwzMjAsMTE1MiwzMjBDMTA1NiwzMjAsOTYwLDMyMCw4NjQsMzIwQzc2OCwzMjAsNjcyLDMyMCw1NzYsMzIwQzQ4MCwzMjAsMzg0LDMyMCwyODgsMzIwQzE5MiwzMjAsOTYsMzIwLDQ4LDMyMEwwLDMyMFoiPjwvcGF0aD4KPC9zdmc+Cg==) center no-repeat;
    background-size: cover; }

#contact_section {
  background-color: #29283a; }
  #contact_section:before {
    content: '';
    margin-top: -15rem;
    position: absolute;
    left: 0;
    width: 100%;
    height: 15rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDMyMCI+Cgk8cGF0aCBmaWxsPSIjMjkyODNhIiBmaWxsLW9wYWNpdHk9IjEiIGQ9Ik0wLDI1Nkw0OCwyMTguN0M5NiwxODEsMTkyLDEwNywyODgsMTEyQzM4NCwxMTcsNDgwLDIwMyw1NzYsMjAyLjdDNjcyLDIwMyw3NjgsMTE3LDg2NCwxMTJDOTYwLDEwNywxMDU2LDE4MSwxMTUyLDIwMi43QzEyNDgsMjI0LDEzNDQsMTkyLDEzOTIsMTc2TDE0NDAsMTYwTDE0NDAsMzIwTDEzOTIsMzIwQzEzNDQsMzIwLDEyNDgsMzIwLDExNTIsMzIwQzEwNTYsMzIwLDk2MCwzMjAsODY0LDMyMEM3NjgsMzIwLDY3MiwzMjAsNTc2LDMyMEM0ODAsMzIwLDM4NCwzMjAsMjg4LDMyMEMxOTIsMzIwLDk2LDMyMCw0OCwzMjBMMCwzMjBaIj48L3BhdGg+Cjwvc3ZnPgo=) center no-repeat;
    background-size: cover; }

body {
  font-family: 'Raleway', sans-serif;
  font-size: 1em;
  font-weight: normal; }

h1 {
  font-size: 3em;
  font-weight: normal;
  margin: 0rem; }

p {
  font-size: 1.25em; }

.u-ta-center {
  text-align: center; }

.button_cta {
  font-size: 1.5em; }

.header {
  /* On screens that are 768px wide or less, have hamburger menu */ }
  .header figure {
    position: absolute;
    left: 2em;
    top: 0;
    height: 100%;
    margin: 0px;
    display: flex;
    align-items: center; }
  .header nav.desktop {
    height: 100%;
    display: flex;
    position: absolute;
    right: 1.5em;
    top: 0; }
    .header nav.desktop ul {
      align-self: center; }
      .header nav.desktop ul li {
        display: inline-block;
        padding: 0 1.5em; }
        .header nav.desktop ul li a {
          text-decoration: none;
          color: #000; }
  .header .button {
    background-color: #d51c53;
    border-radius: 1rem;
    color: #fff !important;
    padding: 1em; }
  .header nav.mobile {
    display: none;
    /*Credit to https://codepen.io/erikterwan/pen/grOZxx */
    /*
		* Transform all the slices of hamburger
		* into a crossmark.
		*/
    /*
		* But let's hide the middle one.
		*/
    /*
		* Ohyeah and the last one should go the other direction
		*/
    /*
		* Make this absolute positioned
		* at the top right of the screen
		*/
    /*
		* And let's slide it in from the left
		*/ }
    .header nav.mobile #menuToggle {
      display: block;
      position: absolute;
      top: 2rem;
      right: 2rem;
      z-index: 1;
      -webkit-user-select: none;
      user-select: none; }
    .header nav.mobile #menuToggle input {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      cursor: pointer;
      opacity: 0;
      /* hide this */
      z-index: 2;
      /* and place it over the hamburger */
      -webkit-touch-callout: none; }
    .header nav.mobile #menuToggle span {
      display: block;
      width: 2rem;
      height: 0.3rem;
      margin-bottom: 0.4rem;
      position: relative;
      background: #29283a;
      border-radius: 2rem;
      z-index: 1;
      transform-origin: 0.4rem 0rem;
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
    .header nav.mobile #menuToggle span:first-child {
      transform-origin: 0% 0%; }
    .header nav.mobile #menuToggle span:nth-last-child(2) {
      transform-origin: 0% 100%; }
    .header nav.mobile #menuToggle input:checked ~ span {
      opacity: 1;
      transform: rotate(45deg) translate(-0.2rem, 0.3rem);
      background: #fff; }
    .header nav.mobile #menuToggle input:checked ~ span:nth-last-child(3) {
      opacity: 0;
      transform: rotate(0deg) scale(0.2, 0.2); }
    .header nav.mobile #menuToggle input:checked ~ span:nth-last-child(2) {
      transform: rotate(-45deg) translate(0, -0.35rem); }
    .header nav.mobile ul {
      position: absolute;
      width: 10rem;
      margin: -4.1rem 0rem 0rem 0rem;
      padding: 2rem;
      padding-top: 5rem;
      right: -16rem;
      background: #29283a;
      text-align: right;
      list-style-type: none;
      -webkit-font-smoothing: antialiased;
      /* to stop flickering of text in safari */
      transform-origin: 0% 0%;
      transform: none;
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }
    .header nav.mobile ul li {
      padding: 0.6rem 0;
      font-size: 1.4rem; }
      .header nav.mobile ul li a {
        color: #fff;
        text-decoration: none; }
        .header nav.mobile ul li a:hover {
          text-decoration: underline; }
    .header nav.mobile #menuToggle input:checked ~ ul {
      transform: translate(-100%, 0); }
  @media screen and (max-width: 768px) {
    .header figure, .header nav.desktop {
      display: none; } }
  @media screen and (max-width: 768px) {
    .header nav.mobile {
      display: block; } }

#home_section {
  /*Credit to https://css-tricks.com/snippets/css/typewriter-effect/*/
  /*Animation*/
  /* The typing effect */
  /* The typewriter cursor effect */
  /*Responsive*/
  /* On screens that are 768px wide or less, go from two columns to one column */
  /* On screens that are 600px wide or less, go from two columns to one column */ }
  #home_section h1.typewriter {
    overflow: hidden;
    /* Ensures the content is not revealed until the animation */
    border-right: .15em solid transparent;
    /* The typwriter cursor */
    white-space: nowrap;
    /* Keeps the content on a single line */
    margin: 0 auto;
    /* Gives that scrolling effect as the typing happens */
    letter-spacing: .09em;
    /* Adjust as needed */
    animation: typing 3.5s steps(40, end), blink-caret 1s step-end 3; }
    #home_section h1.typewriter::before {
      content: '< Hello ';
      color: #D51D53;
      font-weight: bold; }
    #home_section h1.typewriter::after {
      content: ' />';
      color: #D51D53;
      font-weight: bold; }
  #home_section .container {
    align-self: center;
    min-height: 80vh;
    width: 90vw;
    display: flex;
    margin: 0px auto; }
  #home_section .cell {
    flex: 50%;
    align-self: center;
    width: 100%; }
  #home_section .button_cta {
    text-decoration: none;
    background-color: #d51c53;
    border-radius: 1rem;
    color: #fff !important;
    padding: 0.7em;
    border: none; }

@keyframes typing {
  from {
    width: 0; }
  to {
    width: 100%; } }

@keyframes blink-caret {
  from, to {
    border-color: transparent; }
  50% {
    border-color: #D51D53; } }
  @media screen and (max-width: 768px) {
    #home_section .container {
      flex-direction: column;
      padding-top: 4rem;
      padding-bottom: 10rem; }
    #home_section .cell {
      flex: 100%; } }
  @media screen and (max-width: 600px) {
    #home_section h1 {
      font-size: 1.25em; }
    #home_section p {
      font-size: 1em; }
    #home_section .button_cta {
      font-size: 1em; } }

#technologies_section {
  /* On screens that are 600px wide or less, go from two columns to one column */
  /**
	* adapted from https://codepen.io/felipefialho/pen/vGMJBN
	* $step is set to 5 by default, meaning you can only use percentage classes in increments of five (e.g. 25, 30, 45, 50, and so on). This helps to reduce the size of the final CSS file. If you need a number that doesn't end in 0 or 5, you can change the text percentage while rounding the class up/down to the nearest 5.
	*/ }
  #technologies_section h1::before {
    content: '< ';
    opacity: 0.5; }
  #technologies_section h1::after {
    content: ' />';
    opacity: 0.5; }
  #technologies_section p {
    flex-basis: 100%; }
  #technologies_section .technology-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  #technologies_section .technology-none {
    border-radius: 50%;
    width: 7em;
    height: 7em;
    display: inline-block;
    position: relative;
    margin: 0.5em 5em; }
  #technologies_section .technology .technology-circle {
    background-color: #ededed;
    border-radius: 50%;
    width: 7em;
    height: 7em;
    display: inline-block;
    position: relative;
    margin: 0.5em 5em;
    box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.2); }
    #technologies_section .technology .technology-circle::before {
      align-items: center;
      background-color: #ededed;
      border-radius: 50%;
      content: '';
      display: flex;
      justify-content: center;
      position: absolute;
      left: 0.3rem;
      right: 0.3rem;
      top: 0.3rem;
      bottom: 0.3rem;
      transition: transform .2s ease; }
    #technologies_section .technology .technology-circle::after {
      background-color: #D51D53;
      border-radius: 50%;
      content: '';
      display: inline-block;
      height: 100%;
      width: 100%; }
    #technologies_section .technology .technology-circle svg {
      width: 55%;
      height: 55%;
      display: flex;
      align-self: center;
      justify-self: center;
      margin: auto;
      position: absolute;
      top: 23%;
      right: 22%; }
  #technologies_section .technology p {
    font-size: 0.8em;
    text-transform: uppercase; }
  @media screen and (max-width: 600px) {
    #technologies_section h1 {
      font-size: 1.25em; }
    #technologies_section p {
      font-size: 1em; } }
  #technologies_section .technology-circle[data-progress="0"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(90deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="1"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(93.6deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="2"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(97.2deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="3"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(100.8deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="4"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(104.4deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="5"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(108deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="6"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(111.6deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="7"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(115.2deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="8"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(118.8deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="9"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(122.4deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="10"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(126deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="11"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(129.6deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="12"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(133.2deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="13"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(136.8deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="14"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(140.4deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="15"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(144deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="16"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(147.6deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="17"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(151.2deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="18"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(154.8deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="19"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(158.4deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="20"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(162deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="21"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(165.6deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="22"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(169.2deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="23"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(172.8deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="24"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(176.4deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="25"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(180deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="26"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(183.6deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="27"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(187.2deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="28"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(190.8deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="29"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(194.4deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="30"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(198deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="31"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(201.6deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="32"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(205.2deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="33"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(208.8deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="34"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(212.4deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="35"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(216deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="36"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(219.6deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="37"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(223.2deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="38"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(226.8deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="39"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(230.4deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="40"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(234deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="41"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(237.6deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="42"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(241.2deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="43"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(244.8deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="44"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(248.4deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="45"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(252deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="46"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(255.6deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="47"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(259.2deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="48"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(262.8deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="49"]:after {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(266.4deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="50"]:after {
    background-image: linear-gradient(-90deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="51"]:after {
    background-image: linear-gradient(-86.4deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="52"]:after {
    background-image: linear-gradient(-82.8deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="53"]:after {
    background-image: linear-gradient(-79.2deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="54"]:after {
    background-image: linear-gradient(-75.6deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="55"]:after {
    background-image: linear-gradient(-72deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="56"]:after {
    background-image: linear-gradient(-68.4deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="57"]:after {
    background-image: linear-gradient(-64.8deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="58"]:after {
    background-image: linear-gradient(-61.2deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="59"]:after {
    background-image: linear-gradient(-57.6deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="60"]:after {
    background-image: linear-gradient(-54deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="61"]:after {
    background-image: linear-gradient(-50.4deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="62"]:after {
    background-image: linear-gradient(-46.8deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="63"]:after {
    background-image: linear-gradient(-43.2deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="64"]:after {
    background-image: linear-gradient(-39.6deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="65"]:after {
    background-image: linear-gradient(-36deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="66"]:after {
    background-image: linear-gradient(-32.4deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="67"]:after {
    background-image: linear-gradient(-28.8deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="68"]:after {
    background-image: linear-gradient(-25.2deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="69"]:after {
    background-image: linear-gradient(-21.6deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="70"]:after {
    background-image: linear-gradient(-18deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="71"]:after {
    background-image: linear-gradient(-14.4deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="72"]:after {
    background-image: linear-gradient(-10.8deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="73"]:after {
    background-image: linear-gradient(-7.2deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="74"]:after {
    background-image: linear-gradient(-3.6deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="75"]:after {
    background-image: linear-gradient(0deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="76"]:after {
    background-image: linear-gradient(3.6deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="77"]:after {
    background-image: linear-gradient(7.2deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="78"]:after {
    background-image: linear-gradient(10.8deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="79"]:after {
    background-image: linear-gradient(14.4deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="80"]:after {
    background-image: linear-gradient(18deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="81"]:after {
    background-image: linear-gradient(21.6deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="82"]:after {
    background-image: linear-gradient(25.2deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="83"]:after {
    background-image: linear-gradient(28.8deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="84"]:after {
    background-image: linear-gradient(32.4deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="85"]:after {
    background-image: linear-gradient(36deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="86"]:after {
    background-image: linear-gradient(39.6deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="87"]:after {
    background-image: linear-gradient(43.2deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="88"]:after {
    background-image: linear-gradient(46.8deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="89"]:after {
    background-image: linear-gradient(50.4deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="90"]:after {
    background-image: linear-gradient(54deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="91"]:after {
    background-image: linear-gradient(57.6deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="92"]:after {
    background-image: linear-gradient(61.2deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="93"]:after {
    background-image: linear-gradient(64.8deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="94"]:after {
    background-image: linear-gradient(68.4deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="95"]:after {
    background-image: linear-gradient(72deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="96"]:after {
    background-image: linear-gradient(75.6deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="97"]:after {
    background-image: linear-gradient(79.2deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="98"]:after {
    background-image: linear-gradient(82.8deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="99"]:after {
    background-image: linear-gradient(86.4deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }
  #technologies_section .technology-circle[data-progress="100"]:after {
    background-image: linear-gradient(90deg, #D51D53 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd);
    animation: animateProgress 2s ease-out 0s; }

@keyframes animateProgress {
  90% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(90deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  91% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(91deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  92% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(92deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  93% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(93deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  94% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(94deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  95% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(95deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  96% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(96deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  97% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(97deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  98% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(98deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  99% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(99deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  100% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(100deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  101% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(101deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  102% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(102deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  103% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(103deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  104% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(104deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  105% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(105deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  106% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(106deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  107% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(107deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  108% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(108deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  109% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(109deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  110% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(110deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  111% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(111deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  112% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(112deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  113% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(113deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  114% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(114deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  115% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(115deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  116% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(116deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  117% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(117deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  118% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(118deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  119% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(119deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  120% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(120deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  121% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(121deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  122% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(122deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  123% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(123deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  124% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(124deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  125% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(125deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  126% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(126deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  127% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(127deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  128% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(128deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  129% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(129deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  130% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(130deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  131% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(131deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  132% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(132deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  133% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(133deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  134% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(134deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  135% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(135deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  136% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(136deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  137% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(137deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  138% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(138deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  139% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(139deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  140% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(140deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  141% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(141deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  142% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(142deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  143% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(143deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  144% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(144deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  145% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(145deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  146% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(146deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  147% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(147deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  148% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(148deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  149% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(149deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  150% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(150deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  151% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(151deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  152% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(152deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  153% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(153deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  154% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(154deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  155% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(155deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  156% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(156deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  157% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(157deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  158% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(158deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  159% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(159deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  160% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(160deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  161% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(161deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  162% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(162deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  163% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(163deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  164% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(164deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  165% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(165deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  166% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(166deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  167% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(167deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  168% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(168deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  169% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(169deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  170% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(170deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  171% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(171deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  172% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(172deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  173% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(173deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  174% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(174deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  175% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(175deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  176% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(176deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  177% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(177deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  178% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(178deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  179% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(179deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  180% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(180deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  181% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(181deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  182% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(182deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  183% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(183deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  184% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(184deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  185% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(185deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  186% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(186deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  187% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(187deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  188% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(188deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  189% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(189deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  190% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(190deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  191% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(191deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  192% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(192deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  193% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(193deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  194% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(194deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  195% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(195deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  196% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(196deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  197% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(197deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  198% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(198deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  199% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(199deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  200% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(200deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  201% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(201deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  202% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(202deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  203% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(203deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  204% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(204deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  205% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(205deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  206% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(206deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  207% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(207deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  208% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(208deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  209% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(209deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  210% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(210deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  211% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(211deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  212% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(212deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  213% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(213deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  214% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(214deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  215% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(215deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  216% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(216deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  217% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(217deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  218% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(218deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  219% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(219deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  220% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(220deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  221% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(221deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  222% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(222deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  223% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(223deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  224% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(224deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  225% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(225deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  226% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(226deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  227% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(227deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  228% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(228deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  229% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(229deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  230% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(230deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  231% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(231deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  232% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(232deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  233% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(233deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  234% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(234deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  235% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(235deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  236% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(236deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  237% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(237deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  238% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(238deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  239% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(239deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  240% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(240deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  241% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(241deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  242% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(242deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  243% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(243deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  244% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(244deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  245% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(245deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  246% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(246deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  247% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(247deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  248% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(248deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  249% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(249deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  250% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(250deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  251% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(251deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  252% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(252deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  253% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(253deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  254% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(254deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  255% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(255deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  256% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(256deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  257% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(257deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  258% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(258deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  259% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(259deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  260% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(260deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  261% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(261deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  262% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(262deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  263% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(263deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  264% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(264deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  265% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(265deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  266% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(266deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  267% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(267deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  268% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(268deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  269% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(269deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  270% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(270deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  271% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(271deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  272% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(272deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  273% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(273deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  274% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(274deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  275% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(275deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  276% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(276deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  277% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(277deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  278% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(278deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  279% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(279deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  280% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(280deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  281% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(281deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  282% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(282deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  283% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(283deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  284% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(284deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  285% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(285deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  286% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(286deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  287% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(287deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  288% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(288deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  289% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(289deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  290% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(290deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  291% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(291deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  292% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(292deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  293% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(293deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  294% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(294deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  295% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(295deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  296% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(296deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  297% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(297deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  298% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(298deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  299% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(299deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  300% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(300deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  301% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(301deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  302% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(302deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  303% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(303deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  304% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(304deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  305% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(305deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  306% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(306deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  307% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(307deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  308% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(308deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  309% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(309deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  310% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(310deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  311% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(311deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  312% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(312deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  313% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(313deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  314% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(314deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  315% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(315deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  316% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(316deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  317% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(317deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  318% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(318deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  319% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(319deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  320% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(320deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  321% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(321deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  322% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(322deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  323% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(323deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  324% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(324deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  325% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(325deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  326% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(326deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  327% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(327deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  328% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(328deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  329% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(329deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  330% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(330deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  331% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(331deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  332% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(332deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  333% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(333deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  334% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(334deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  335% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(335deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  336% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(336deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  337% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(337deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  338% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(338deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  339% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(339deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  340% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(340deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  341% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(341deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  342% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(342deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  343% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(343deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  344% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(344deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  345% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(345deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  346% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(346deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  347% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(347deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  348% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(348deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  349% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(349deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  350% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(350deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  351% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(351deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  352% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(352deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  353% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(353deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  354% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(354deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  355% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(355deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  356% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(356deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  357% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(357deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  358% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(358deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  359% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(359deg, #D51D53 50%, #dddddd 50%, #dddddd); }
  360% {
    background-image: linear-gradient(90deg, #dddddd 50%, transparent 50%, transparent), linear-gradient(360deg, #D51D53 50%, #dddddd 50%, #dddddd); } }

#about_section {
  /* On screens that are 768px wide or less, go from two columns to one column */
  /* On screens that are 768px wide or less, go from two columns to one column */
  /* On screens that are 600px wide or less, go from two columns to one column */ }
  #about_section .container {
    align-self: center;
    min-height: 80vh;
    width: 90vw;
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto; }
  #about_section h1 {
    color: #ffffff; }
    #about_section h1::before {
      content: '< ';
      opacity: 0.5; }
    #about_section h1::after {
      content: ' />';
      opacity: 0.5; }
  #about_section .cell {
    flex: 50%;
    align-self: center;
    width: 100%; }
  #about_section .portait {
    border-radius: 50%;
    width: 60%; }
  #about_section .card {
    width: 90%;
    height: 80%;
    border: 1rem solid #fff;
    border-radius: 2rem;
    box-shadow: 8px 10px 16px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-bottom: 5rem; }
  @media screen and (max-width: 1200px) {
    #about_section .portait {
      width: 80%; } }
  @media screen and (max-width: 768px) {
    #about_section .container {
      padding-top: 4rem;
      padding-bottom: 10rem; }
    #about_section .cell {
      flex: 100%; }
    #about_section .portait {
      width: 60%; } }
  @media screen and (max-width: 600px) {
    #about_section .container {
      padding-top: 2rem; }
    #about_section h1 {
      font-size: 1.25em; }
    #about_section p {
      font-size: 1em; } }

#work_section {
  /* On screens that are 992px wide or less, go from four columns to two columns */
  /* On screens that are 768px wide or less, make the columns stack on top of each other instead of next to each other */
  /* On screens that are 600px wide or less, go from two columns to one column */ }
  #work_section h1::before {
    content: '< ';
    opacity: 0.5; }
  #work_section h1::after {
    content: ' />';
    opacity: 0.5; }
  #work_section .container {
    align-self: center;
    display: flex;
    margin: 2rem auto;
    flex-wrap: wrap; }
  #work_section .cell {
    display: flex;
    flex: 50%;
    align-self: center;
    justify-content: space-around;
    height: 25rem; }
  #work_section .card {
    width: 80%;
    height: 80%;
    background-color: #fff;
    position: relative; }
    #work_section .card .browser, #work_section .card .work-info {
      width: 100%;
      height: 100%;
      position: relative;
      perspective: 1000px;
      border-radius: 2rem;
      box-shadow: 8px 10px 16px rgba(0, 0, 0, 0.1);
      transform-style: preserve-3d;
      perspective-origin: top center;
      animation-duration: 1s;
      animation-timing-function: linear;
      transition-property: transform;
      animation-fill-mode: forwards;
      -webkit-animation-fill-mode: forwards;
      overflow: hidden; }
    #work_section .card .browser {
      z-index: 2;
      transform: rotateY(0deg);
      animation-name: show; }
      #work_section .card .browser .card.flipped {
        animation-name: no-show; }
      #work_section .card .browser figure {
        object-fit: cover;
        margin: 0rem; }
    #work_section .card .work-info {
      background-color: #29283a;
      color: #fff;
      transform: rotateY(-180deg);
      animation-name: no-show;
      text-align: left; }
      .card.flipped #work_section .card .work-info {
        animation-name: show; }
      #work_section .card .work-info p {
        font-size: 1em;
        padding: 0rem 1rem; }
        #work_section .card .work-info p em {
          opacity: 0.7; }
      #work_section .card .work-info li {
        font-size: 1em; }
    #work_section .card .browser-header {
      height: 1.5rem;
      width: 100%;
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
      background-color: #29283a;
      display: flex;
      align-items: center;
      padding-left: 0.5rem; }
      #work_section .card .browser-header-circle {
        border-radius: 50%;
        width: 0.6rem;
        height: 0.6rem;
        margin-left: 0.5rem;
        display: flex; }
    #work_section .card img {
      max-width: 100%;
      max-height: 100%; }
  #work_section .card:hover {
    cursor: pointer; }
  #work_section .card.flipped .browser {
    animation-name: no-show; }
  #work_section .card.flipped .work-info {
    animation-name: show; }

@keyframes no-show {
  0% {
    transform: rotateY(0deg);
    height: 100%;
    width: 100%; }
  49% {
    height: 100%;
    width: 100%; }
  50% {
    height: 0;
    width: 0; }
  100% {
    transform: rotateY(180deg);
    height: 0;
    width: 0; } }

@keyframes show {
  0% {
    transform: rotateY(-180deg);
    height: 0;
    width: 0; }
  49% {
    height: 0;
    width: 0; }
  50% {
    height: 100%;
    width: 100%; }
  100% {
    transform: rotateY(0deg);
    height: 100%;
    width: 100%; } }
  @media screen and (max-width: 992px) {
    #work_section .cell {
      flex: 100%; } }
  @media screen and (max-width: 768px) {
    #work_section .container {
      flex-direction: column;
      padding-bottom: 5rem; } }
  @media screen and (max-width: 600px) {
    #work_section h1 {
      font-size: 1.25em; }
    #work_section p {
      font-size: 1em; }
    #work_section .card .work-info p, #work_section .card .work-info ul {
      font-size: 0.7em; } }

#contact_section {
  /* On screens that are 600px wide or less, go from two columns to one column */ }
  #contact_section h1, #contact_section p {
    color: #ffffff; }
  #contact_section h1::before {
    content: '< ';
    opacity: 0.5; }
  #contact_section h1::after {
    content: ' />';
    opacity: 0.5; }
  #contact_section .container {
    align-self: center;
    min-height: 60vh;
    width: 90vw;
    display: flex;
    flex-wrap: wrap;
    margin: 0em auto;
    justify-content: center; }
  #contact_section .cell {
    display: flex;
    align-self: center; }
    #contact_section .cell.-africa {
      height: 50vh; }
    #contact_section .cell.-contact {
      display: block;
      padding-left: 2em; }
  #contact_section a {
    color: #fff;
    padding: 1em;
    border-radius: 1rem;
    border: 0.1em solid #fff;
    display: flex;
    align-items: center;
    margin-top: 1em;
    margin-bottom: 1em;
    text-decoration: none; }
    #contact_section a svg {
      margin-right: 0.5em; }
    #contact_section a:hover {
      background-color: #fff;
      color: #32b5b5; }
  @media screen and (max-width: 600px) {
    #contact_section h1 {
      font-size: 1.25em; }
    #contact_section p {
      font-size: 1em; }
    #contact_section .container .cell.-contact {
      padding-left: 0em; } }