.bm-ranking-page{

    min-height:100vh;

    background-image:url("../background.jpg");

    background-size:100%auto;

    background-position:center top;

    background-repeat:repeat-y;

    padding:140px 70px;

}

.bm-ranking-container{

    width:100%;

    max-width:none;

    margin:0;

}

.bm-ranking-container h1{

    text-align:right;

    color:white;

    font-size:72px;

    margin-bottom:90px;

}

.bm-ranking-columns{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:100px;

    width:100%;

}

.bm-ranking-column{
    width:100%;
}

.bm-ranking-column h2{

    color:white;

    margin-bottom:25px;

    font-size:36px;

}

.bm-ranking-row{

    display:flex;
    align-items:center;

    gap:22px;

    margin-bottom:18px;

    padding:20px 26px;

    border-radius:18px;

    background:rgba(8,59,67,.88);

    color:white;

    transition:.2s;

    width:100%;

    box-sizing:border-box;

}

.bm-place{

    width:46px;

    height:46px;

    border-radius:50%;

    background:white;

    color:#083b43;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:bold;

    font-size:22px;

    flex-shrink:0;

}

.bm-name{

    flex:1;

    font-size:30px;

    font-weight:700;

}

.bm-score{

    text-align:right;

    font-size:34px;

    font-weight:700;

}

.bm-score span{

    display:block;

    font-size:16px;

    opacity:.8;

}