html {
      height: 100%;
    }
    
    body {
      background: black;
      color: white;
    }
    
    .button_slide {
      color: white;
      border: 2px solid rgb(216, 2, 134);
      border-radius: 14px;
      padding: 10px 36px;
      display: inline-block;
      font-family: "Lucida Console", Monaco, monospace;
      font-size: 14px;
      letter-spacing: 1px;
      cursor: pointer;
      box-shadow: inset 0 0 0 0 #D80286;
      -webkit-transition: ease-out 0.4s;
      -moz-transition: ease-out 0.4s;
      transition: ease-out 0.4s;
      width:86%;
    }
    
    .slide_right:hover {
      box-shadow: inset 400px 0 0 0 #D80286;
    }
    
    #outer {
      width: 364px;
      text-align: center;
    }
    .myimgstyl{
        width:100%;
        height:100%;
        border: 3px solid #db3187;
        border-top-right-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    .mysideimg{
        width:83%;
        height:20%;
        margin-bottom: 14px;
        border: 2px solid;
        border-top-right-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    .mypara{
       font-size: 22px;
       font-family: emoji;
    }
    
    .nowcalling{
          width:100%;
      }
      .lcol{
          background-color:#fd4a5c
          
      }
      .rcol{
          background-color:#60ea60
          
      }
      .lcol,.rcol{
          float:left;
          width:50%;
          height:38px;
          text-align:center
          
      }
      
      .nowcallingmain{
          display:block;
          position:fixed;
          bottom:0;
          width:100%;
          z-index:9999
          
      }