html,body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;width:100%;height:100%;margin:0;padding:0;position:relative}#dice-box{position:absolute;inset:15% 20% 10% 10%;width:81%;height:78%;background-size:cover;z-index:10}#dice-box canvas{position:absolute;inset:15% 20% 10% 10%;width:81%;height:78%}.dice-box-canvas{position:absolute;inset:15% 20% 10% 10%;width:81%;height:78%;background-size:cover}.text-container{position:absolute;inset:15% 20% 10% 10%;width:81%;height:78%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;z-index:9;color:#b6fff6c4;font-size:36px;opacity:40%;font-weight:700;text-align:center}.img-container{position:absolute;padding-top:50px;padding-bottom:10px;width:100%;height:calc(100% - 60px);background-color:#000;img {position: absolute; width: 100%; height: 100%; object-fit: fill;}}@media screen and (max-width: 1200px){.text-container{font-size:32px}}@media screen and (max-width: 1000px){.text-container{font-size:20px}}