@font-face {
  font-family: "Core Sans C";
  src: url(./fonts/coresansc-45regular.woff2) format("woff2"), url('./fonts/coresansc-45regular.woff') format("woff");

  font-weight: normal;
}

@font-face {
  font-family: "Core Sans C";
  src: url(./fonts/coresansc-65bold.woff2) format("woff2"), url('./fonts/coresansc-65bold.woff') format("woff");

  font-weight: bold;
}


html,
body {
  width: 100vw;

  height: 100vh;

  margin: 0;

  font-family: "Core Sans C";

}

.sidebar {
  background: linear-gradient(345.81deg, rgba(74, 227, 255, 0.39) -10.39%, rgba(0, 105, 223, 0.4) 89.86%), #0069df;
}

.sidebar h2 span {
  color: #4ae8ff;
}

.main {
  flex-grow: 2;
}

.main h2 {
  color: #0e0f11;
}

.main p {
  color: #3e4247;
}

.android,
.ios {
  max-width: 180px;
  height: 48px;
}

@media(max-width: 480px) {
  .sidebar {
    display: none;
  }
}