@import "react-responsive-tools-scss";

.AuthLayout {
  height: 100vh;
  display: grid;
  width: 100vw;
  grid-template-rows: min-content auto;
  font-family: 'Roboto', sans-serif;
  @include for-md {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
  }
  //.content{
  //  order:2;
  //  @include for-md{
  //    order: 1;
  //  }
  //}
  //.preview {
  //  order: 1;
  //  padding: 30px 15px;
  //  display: grid;
  //  @include for-md{
  //    color: white;
  //    background: url('./images/bg.webp') no-repeat bottom center;
  //    background-size: cover;
  //    order: 2;
  //  }
  //  .inner {
  //    display: grid;
  //    gap: 10px;
  //    height: min-content;
  //    justify-items: center;
  //    @include for-md{
  //      *{
  //        color: white;
  //      }
  //    }
  //    h1{
  //      text-align: center;
  //      font-size: 18px;
  //    }
  //    h3{
  //      text-align: center;
  //      font-weight: 700;
  //      font-size: 30px;
  //    }
  //    .logo {
  //      width: 60px;
  //      height: 60px;
  //    }
  //  }
  //}
}