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;box-sizing:border-box;inset:20px;background-size:cover;z-index:10}#dice-box canvas{padding:40px;width:calc(100% - 80px);height:calc(100% - 80px)}.dice-box-canvas{position:absolute;box-sizing:border-box;padding:40px;width:calc(100% - 80px);height:calc(100% - 80px);background-size:cover}.text-container{position:absolute;padding:100px;width:calc(100% - 200px);height:calc(100% - 200px);display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;z-index:9;color:#c4f4ff;font-size:36px;opacity:40%;font-weight:700;text-align:center}.img-container{position:absolute;padding:40px 10px 10px;width:calc(100% - 20px);height:calc(100% - 50px);background-color:#000;img {width: 100%; height: 100%; object-fit: contain;}}@media screen and (max-width: 1200px){.text-container{font-size:32px}}@media screen and (max-width: 1000px){.text-container{font-size:20px}}
