* {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }

  :after, :before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }
  html {
      font-family: sans-serif;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      font-family: tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;
  }

  body {
    margin: 0;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,BlinkMacSystemFont,Helvetica Neue,Arial,PingFang SC,PingFang TC,PingFang HK,Microsoft Yahei,Microsoft JhengHei,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #202020;
  }
  
  a {
    color: #FFE795;
    text-decoration: underline;
  }

  a:focus, a:hover {
    color: #FFEEB6;
  }

/*btn*/
.btn {
  --bs-btn-font-weight: 600;
  --bs-btn-line-height: normal;
  min-width: 180px;
}

.btn-default,.btn-primary {
    --bs-btn-color: #303030;
    --bs-btn-bg: #ffe795;
    --bs-btn-border-color: #ffe795;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffeba5;
    --bs-btn-hover-border-color: #ffe9a0;
    --bs-btn-focus-shadow-rgb: 224,204,134;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffecaa;
    --bs-btn-active-border-color: #ffe9a0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffe795;
    --bs-btn-disabled-border-color: #ffe795;
    --bs-btn-hover-color: #232323
}

.btn-outline-primary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: hsla(0,0%,100%,.2);
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 255,255,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: hsla(0,0%,100%,.2);
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    --bs-gradient: none
}

.btn.btn-lg {
    --bs-btn-padding-x: 1.625rem;
    --bs-btn-padding-y: .988rem;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: .063rem;
    min-width: 220px;
}

/*section*/
.one-section {
  background-color: #202020;
  text-align: center;
  color: #ffffff;
  width: 100%;
  position: relative;
  min-height: 768px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  padding: 3rem 0;
}

@media (min-width: 1024px) and (min-height:800px) {
  .one-section {
      align-content: center;
      padding: 0;
      height:calc(100vh - 3rem)
  }
}

h1 {
  color: #FFE795;
  font-size: clamp(3rem, 2.0577rem + 1.9231vw, 4rem);
  font-weight: 600;
}

.logo-rewasd{
  margin: 0 1.5rem 4rem 0;
  max-width: clamp(20rem, 17.4107vw + 16.5179rem, 24.875rem);
  width: 100%;
}

footer {
  font-size: clamp(.75rem, .5618vw + .6053rem, .875rem);
  position: absolute;
  background-color: #202020;
  width: 100%;
  height: 3rem;
  color: #D6D6D6;
}