/* overrides bootstrap */
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.55)
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 100%;
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);

}

@media screen and (max-width: 940px) {
    btn-group-sm > .btn, .btn-sm {
        padding: .25rem .25rem;
    }
}
@media screen and (max-width: 424px) {
    .fixed-top{
        position: absolute;
    }
    .dice-img {
        height: 60px;
        margin: 0.5rem;
    }
      
      .show-dice {
        height: 30%;
      }
      
      #momentum-control {
        height: 30%;
        text-align: center;
      }
      
      #proceed-warning {
        height: 15%;
        color: green;
        font-size: 3rem;
        font-weight: 700;
        text-align: center;
      }
      
      #stop-container {
        height: 15%;
        text-align: center;
      }
      
}