html{
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
}

body {
    /* display: flex;
    justify-content: center;
    align-items: center;  */

    background-image: url('/static/png/track-roop.png');     /* 背景画像指定 */
    background-repeat: repeat;                /* 背景の繰り返し設定 */

    background-color: #eeeeee !important;
}

.container{
    height: 90%;
}

.bd-example {
    position: relative;
    padding: 1rem;
    margin: 1rem -0.75rem 0;
    border: solid #dee2e6;
    border-width: 1px 0 0;
}
@media screen and (min-width: 576px) {
.bd-example {
    padding: 1.5rem;
    margin-right: 0;
    margin-left: 0;
    border-width: 1px;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}