.ag-center{
  text-align: center;
}

.w-bg{
  background-color: #f9cfff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(40,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%2394fff8'/%3E%3Cstop offset='1' stop-color='%23e9ffc7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id='b' width='19' height='19' patternUnits='userSpaceOnUse'%3E%3Ccircle fill='%23f9cfff' cx='9.5' cy='9.5' r='9.5'/%3E%3C/pattern%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23b)' fill-opacity='0.2'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}

.w-tb{
  margin-top: calc( ( 100vh - 311px ) / 2);
  margin-left: calc( ( 100vw - 406px ) / 2);
}

.welcome-logo img{
  display:none;
  width: 400px;
  height: 200px;
}

@media (max-width: 700px){
  .welcome-logo img{
    width: 200px;
    height: 100px;
  }

  .w-tb{
    margin-top: calc( ( 100vh - 211px ) / 2);
    margin-left:calc( ( 100vw - 206px ) / 2);
  }

}

.w-title{
  color: rgb(55, 170, 232);
  font-size: 40px;
  text-shadow: rgb(100 164 219 / 54%) 4px 4px 4px;
}