/* =========================== */
/* Template Options */
/* =========================== */
:root {
  --color-one: #EF4136;
  --white: #fff;
  --main-font: 'Roboto', sans-serif;
  --background-color: rgb(239, 240, 239);
}
  /* Overall */
  .wrapper {
    background-color: var(--background-color);
    font-family: var(--main-font);
  }

  .cls-1 {
    fill: #6F7782;
  }
  .cls-2 {
    fill: #565E69
  }
  .cls-3 {
    fill: #38404B;
  }

  /* Section-1 */
  .section-1 .content .email-link a {
    color: var(--white);
    font-size: 20px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }
  .section-1 .content .email-link a:hover {
    color: var(--color-one);
    text-decoration: none;
  }


  .section-1 .content .platform-logos-container .platform-logo .platform-logo-inner:hover .cls-1 {
    fill: var(--white);
  }
  .section-1 .content .platform-logos-container .platform-logo .platform-logo-inner:hover .cls-2 {
    fill: rgb(223, 223, 223);
  }
  .section-1 .content .platform-logos-container .platform-logo .platform-logo-inner:hover .cls-3 {
    fill: rgb(187, 187, 187);
  }