@html {
    width: 100%;
    height: 100%;

}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: #222222;
    /* outline: 1px solid #AAAAAA; */
    border-radius: 4px;
    /* -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5); */
}
body {
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width : 100%;
    height : 100vh;
}

/* iphone X */
html {
    padding: env(safe-area-inset);
}
.parallel{
    margin-top: 15px;
    display: flex;
    max-height:400px;
}
.rule{
    margin: 0 0 0 -150px;
}

@media (max-width: 1280px){
    .modal{
        width:100% !important;
        height: 100vh;
    }
    .rulesModal {
        width: 100%;
        height: 100vh !important;
        margin: auto;
        margin-top:0vh;
        overflow: hidden;
    }
    .gamerulesiframe{
        background: #c0000e;
        background-size: 100%;
        width: 100%;
        height: 100%;
    }
}