html,body{background-color:black;background:url('../img/web-bgp.webp') no-repeat center center fixed;background-size:cover;height:100%;overflow:hidden;overflow-y:scroll}
.whitetxt{color:white !important}
.x32{width:32px;height:32px}
.offnavbg{background-image:url('../img/navbg.webp')}
.fw700{font-weight:700}
.social-buttons{width:280px}
.btn-outline-purple{
  --bs-btn-color: #a31cc5;
  --bs-btn-border-color: #a31cc5;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a31cc5;
  --bs-btn-hover-border-color: #a31cc5;
  --bs-btn-focus-shadow-rgb: 220,53,69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a31cc5;
  --bs-btn-active-border-color: #a31cc5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #a31cc5;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #a31cc5;
  --bs-gradient: none;
}
.bgopa{--bs-bg-opacity:0 !important}
.whitebg{background-color:#fff}
.orange-dot{color: orangered;font-size:2.5rem;line-height:0;position:relative;top:5px}
.center{text-align:center}
.imgl{width:200px;display:block;margin-left:auto;margin-right:auto;border:solid 2px #579980}
.center-box{margin:auto;width:360px;top:8%;position:relative}