* {
      margin: 0;
      padding: 0;
      overflow: hidden;
      box-sizing: border-box;
      font-family: cursive, 'Montserrat', lato, sans-serif;
      text-transform: capitalize;
  }
  
   :root {
      --default-color: #f20296;
      --light-color: #f8f9fa;
      --white-color: #fff;
      --bg-color: #fff;
  }
  
  body {
      width: 100%;
      height: 100vh;
      background: var(--bg-color) url('../images/bg.png')no-repeat center center;
      background-size: cover;
  }
  
  .toggle {
      position: absolute;
      bottom: 0.3rem;
      left: 0.3rem;
      width: 36px;
      height: 36px;
      border-radius: 36px;
      cursor: pointer;
      background: #111;
  }
  
  .toggle.default {
      background: #fff;
  }
  
  header {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  header .logo {
      position: absolute;
      top: 0rem;
      left: 4rem;
      /*width: 90px;
      height: 90px;*/
      /*background: var(--light-color);*/
  }
  
  .soon {
      position: absolute;
      top: 1.6rem;
      right: 4rem;
      z-index: 2;
      background: var(--default-color);
      color: var(--white-color);
      font-weight: 700;
      font-size: 15px;
      text-transform: uppercase;
      -webkit-animation: zoom 2s linear infinite;
      /* Safari */
      animation: zoom 1.3s linear infinite;
  }
  
  .overlay {
      background-color: rgba(255, 255, 255, .899);
      position: relative;
      z-index: 1;
  }
  
  main {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }
  
  main img {
      width: 25%;
      margin-bottom: 0;
  }
  
  main hr {
      height: 3px;
      background-color: var(--default-color);
      width: 70%;
      margin-bottom: 1rem;
  }
  
  .page-maintance-content,
  .contacts {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      /*color: #fff;*/
  }
  
  .page-maintance-content h1 {
      margin-bottom: 1rem;
      font-size: 3.1rem;
      color: var(--default-color);
  }
  
  .page-maintance-content p {
      margin-bottom: 1rem;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
  }
  
  button {
      border: none;
      padding: 0.5rem 1.5rem;
      border-radius: 2rem;
      font-family: 'Montserrat', cursive, sans-serif;
  }
  
  .contacts ul {
      list-style: none;
  }
  
  .contacts ul li {
      display: inline-block;
  }
  
  .contacts ul li a {
      font-family: 'Montserrat', sans-serif;
      text-transform: lowercase;
      text-decoration: none;
      font-size: 17px;
      font-weight: 500;
      color: #000000;
  }
  
  .copyright {
      margin-top: 1rem;
      color: var(--default-color);
      font-size: 1rem;
      text-transform: capitalize;
      font-style: italic;
      font-weight: 700;
      font-family: 'Montserrat', sans-serif;
  }
  
  @media(max-width:766px) {
      header .logo {
          top: 0rem;
          left: 1rem;
      }
      button {
          border: none;
          font-size: 1rem;
          padding: 0.4rem 1.1rem;
          border-radius: 2rem;
      }
      .soon {
          top: 0.5rem;
          right: 1rem;
      }
      main {
          padding: 0 0.1rem;
      }
      main img {
          width: 60%;
      }
      .page-maintance-content h1 {
          font-size: 1.9rem;
          margin-bottom: 0.5rem;
      }
      .page-maintance-content p,
      .contacts ul li a {
          width: 90%;
          font-size: 0.9rem;
          margin-bottom: .5rem;
      }
      .copyright {
          position: absolute;
          bottom: 1rem;
      }
      .copyright span {
          color: var(--default-color);
      }
  }
  
  @keyframes zoom {
      from {
          transform: scale(1.0);
          /* background: #f20296; */
      }
      to {
          transform: scale(1.1);
          /* background: #2ef202; */
      }
  }