@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

html, body {
  background-color: white;
}

html {
  font-size: clamp(8px, 10px + (100vw - 390px) * 0.02, 20px);
}

.rel {
  font-weight: 200;
  margin-left: .5rem;
}


@media screen and (min-width: 550px) {
  .logos {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-inline: 5rem!important;
    padding-block: 10rem!important;
    justify-content: space-between!important;
  }

  .logos__one {
    width: 10rem!important;
  }

  .logo {
    width: 40%!important;
    margin-top: 5rem;
  }

  .doors {
    width: 7rem!important;
  }

  .date {
    width: 18rem!important;
  }
  
  .btn {
    width: 22rem!important;
  }

  .telegram {
width: 8rem!important;
  }

  .svg {
width: 3rem!important;
height: 3rem!important;
  }

  .num {
width: 2rem!important;
  }
}