* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#home {
  width: 100vw;
  height: 100vh;
  -ms-background-size: cover !important;
  background-size: cover !important;
  position: relative;
}

#menu_float {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
#menu_float #menus span {
  border-radius: 30px 0 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-transform: translate(95px, 0) !important;
          transform: translate(95px, 0) !important;
  -webkit-transition: 1s;
  transition: 1s;
}
#menu_float #menus span:hover {
  background: red;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transition: 1s;
  transition: 1s;
}
#menu_float #menus span a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
#menu_float #menus span a:hover {
  color: yellow;
}

strong.brand-text :hover {
  color: #000 !important;
}

#form {
  width: 100vw;
  height: 100vh;
  place-content: center;
  justify-items: center;
}
#form form {
  width: 30%;
  border: 0.1px solid #e3e1e1;
  border-radius: 30px;
  padding: 3em 1.5em !important;
}
#form form img {
  width: 50%;
}

.user-panel img {
  width: 50px !important;
  height: 50px !important;
}

.text-1x {
  font-size: 5px;
}

.text-2x {
  font-size: 7px;
}

.text-3x {
  font-size: 9px;
}

.text-4x {
  font-size: 11px;
}

.text-5x {
  font-size: 13px;
}

.text-6x {
  font-size: 15px;
}

.text-7x {
  font-size: 17px;
}

.text-8x {
  font-size: 19px;
}

.text-9x {
  font-size: 21px;
}

.text-10x {
  font-size: 23px;
}

.text-11x {
  font-size: 27px;
}

.text-12x {
  font-size: 31px;
}

.text-13x {
  font-size: 35px;
}

.text-14x {
  font-size: 39px;
}

.text-15x {
  font-size: 43px;
}

.pcc {
  place-content: center !important;
}

.fcenter {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.w10 {
  width: 10% !important;
}

.w20 {
  width: 20% !important;
}

.w30 {
  width: 30% !important;
}

.w40 {
  width: 40% !important;
}

.w50 {
  width: 50% !important;
}

.w60 {
  width: 60% !important;
}

.w70 {
  width: 70% !important;
}

.w80 {
  width: 80% !important;
}

.w90 {
  width: 90% !important;
}

.w100 {
  width: 100% !important;
}

.m-button-1 {
  border-bottom: 5px;
}

.m-button-2 {
  border-bottom: 8px;
}

.buttom-1 {
  margin-bottom: 5px !important;
}

.buttom-2 {
  margin-bottom: 8px !important;
}

.buttom-3 {
  margin-bottom: 12px !important;
}

.button-4 {
  margin-bottom: 15px !important;
}

.button-5 {
  margin-bottom: 18px !important;
}

.button-6 {
  margin-bottom: 20px !important;
}

.button-7 {
  margin-bottom: 25px !important;
}

.button-8 {
  margin-bottom: 30px !important;
}

.button-9 {
  margin-bottom: 35px !important;
}

.button-10 {
  margin-bottom: 40px !important;
}

.button-10 {
  margin-bottom: 45px !important;
}

.button-11 {
  margin-bottom: 50px !important;
}

.button-12 {
  margin-bottom: 55px !important;
}

.button-13 {
  margin-bottom: 60px !important;
}

.text-1px {
  font-size: 5px !important;
}

.text-2px {
  font-size: 10px !important;
}

.text-3px {
  font-size: 15px !important;
}

.text-4px {
  font-size: 20px !important;
}

.text-5px {
  font-size: 25px !important;
}

.text-6px {
  font-size: 30px !important;
}

.text-7px {
  font-size: 35px !important;
}

.text-8px {
  font-size: 40px !important;
}

.text-9px {
  font-size: 45px !important;
}

.text-10px {
  font-size: 50px !important;
}

.text-11px {
  font-size: 55px !important;
}

.text-12px {
  font-size: 60px !important;
}

.rgba {
  background: rgba(0, 0, 0, 0.5);
}

.wd-10 {
  width: 10% !important;
}

.wd-15 {
  width: 15% !important;
}

.wd-20 {
  width: 20% !important;
}

.wd-25 {
  width: 25% !important;
}

.wd-30 {
  width: 30% !important;
}

.wd-35 {
  width: 35% !important;
}

.wd-40 {
  width: 40% !important;
}

.wd-45 {
  width: 45% !important;
}

.wd-50 {
  width: 50% !important;
}

.wd-55 {
  width: 55% !important;
}

.wd-60 {
  width: 60% !important;
}

.wd-65 {
  width: 65% !important;
}

.wd-70 {
  width: 70% !important;
}

.wd-75 {
  width: 75% !important;
}

.wd-80 {
  width: 80% !important;
}

.wd-85 {
  width: 85% !important;
}

.wd-90 {
  width: 90% !important;
}

.wd-95 {
  width: 95% !important;
}

.wd-100 {
  width: 100% !important;
}

@media screen and (max-width: 540px) {
  #menu_float #menus span {
    -webkit-transform: translate(76px, 0) !important;
            transform: translate(76px, 0) !important;
  }
}