.hg-theme-dark {
    background-color: #1b1919!important;   
    width: 40%!important;
    margin: auto;
    color: #899797!important;
    /* height: 1vh; */
    position: relative;
    top: 75vh;
    transition: 0.5s;
}


@media (orientation: portrait) {
    .hg-theme-dark {
        width: 100%!important;
        /*height: 14vh!important;*/
        left: 0px !important;
    }
  }

.hg-theme-dark .hg-button {

    background: #302e2e!important;
    border-bottom: 1px solid #1e1b1b;
    border-radius: 5px;
    box-shadow: 0 0 3px -1px rgba(0,0,0,.3);
    box-sizing: border-box;
    cursor: pointer;
    font-size:large;
    display: flex;    
    height: 7vh!important;
    justify-content: center;
    padding: 5px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}