.app-start {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 70px); }
  .app-start .app-start__header {
    width: 100%;
    background: linear-gradient(270deg, #713b6a 0%, #554389 100%);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-radius: 0 0 30px 30px;
    padding: 30px 0 30px 0;
    flex-grow: 2; }
  .app-start .app-start__body {
    padding: 0 20px;
    margin-bottom: 20px; }
    .app-start .app-start__body h1 {
      color: #404040;
      font-size: 30px;
      margin-bottom: 10px; }
    .app-start .app-start__body p {
      margin-top: 0;
      font-size: 18px; }
    .app-start .app-start__body .app-start__nav {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 20px 10px; }
      @media screen and (min-width: 470px) {
        .app-start .app-start__body .app-start__nav {
          gap: 20px 50px; } }
      @media screen and (min-width: 550px) {
        .app-start .app-start__body .app-start__nav {
          gap: 20px 90px;
          justify-content: space-around; } }
      @media screen and (min-width: 690px) {
        .app-start .app-start__body .app-start__nav {
          gap: 20px 10px;
          justify-content: space-between; } }
      .app-start .app-start__body .app-start__nav a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        color: #404040;
        font-size: 12px; }
        .app-start .app-start__body .app-start__nav a .app-start__icon {
          width: 100px;
          height: 100px;
          background-color: #662D91;
          border-radius: 10px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .app-start .app-start__body .app-start__nav a .app-start__icon img {
            width: 54px;
            height: 54px; }

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