body{
    background: #355da9;
   
}

.oz-ice-logo{
    top: 80%;
    width:30%;
    
}

.button-reg p{
    margin: 2px;
}

.btn-txt{
    white-space: nowrap;
    font-size: 1em;
}

.btn-live{
  text-align: right;
}

.logo-live{
  text-align: left;
}

/**chat**/
.MuiButton-root.oz-questionBtn{
    text-transform: none;
    float: right;
    margin-top: 20px;

  }

  .oz-live-headerimg{
      width: 70%;
      margin: 2%;
  }

  .oz-livebox{
    transition: transform 1s;
    transform-origin: top left;

  }

.oz-livebox{
    transition: transform 1s;
    transform-origin: top left;
  }

  .oz-livediv-open .oz-livebox{
    transform: scale(0.75);
  }

  .MuiPaper-root.oz-live-textbox{
    padding: 20px;
    height: 14%;
    overflow: auto;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    transition: all  1s;
    transform: scaleY(0.1);
    transform-origin: bottom;

  }

  .oz-livediv-open .MuiPaper-root.oz-live-textbox{
    opacity: 1;
    transform: scaleY(1.0);
  }

  .oz-live-username{
    position: absolute;
    bottom: 25%;
    right:0px;
    width: 22%;
    padding: 1%;
    opacity: 0;
    transition: all  1s;
    transform: scaleX(0.01);
    transform-origin: right;

  }

  .oz-livediv-open .oz-live-username{
    opacity: 1;
    transform: scaleX(1.0);
  }


@media screen and (max-width: 600px) {
    .oz-ice-logo{
        bottom: -20%;
        width:50%;
    }

    .btn-txt{
        white-space:pre-wrap;
        font-size: 0.2em;
    }
}
@media screen and (max-width: 960px){
    .btn-live{
      text-align: center;
    }

    .logo-live{
      text-align: center;
    }
  }