body {
    margin:0;
    padding:0;
    position:relative;
    overflow:hidden;
}
#diceRoller {
    width:20vw;
    resize:horizontal;
    display:inline-block;
    height:100vh;
    background-color:black;
    margin:0;
    padding:0;
    position:relative;
}

#rodeo {
    display:inline-block;
    background-color:black;
    height:100vh;
    width:80vw;
    margin:0;
    padding:0;
    position:relative;
}

#resizer {
    width:50px;
    height:100vh;
    position:absolute;
    left:calc(20vw - 25px);
    top:0;
}

#resizer:hover {
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    border:1px solid black;
    cursor:grab;

}

#resizer.active {
    box-shadow: none;
    border:0;
    cursor:grabbing;
}

iframe {
    width:100%;
    height:100%;
    overflow:hidden;
}