.ContainerComponent .main{flex-wrap:wrap;justify-content:space-between;width:1200px;margin:0 auto;padding:20px;display:flex}.ContainerComponent .main .left{width:73%;margin:0 auto;transition:width .3s}.ContainerComponent .main .right{border-radius:5px;width:24%;transition:width .3s}.ContainerComponent .main .right .sticky{position:sticky;top:70px}
.RandomArticleComponent .item{background-size:100%;transition:background-size .3s}.RandomArticleComponent .item:hover{background-size:105%}.RandomArticleComponent .item:first-of-type .ranking{background-color:#f83356}.RandomArticleComponent .item:first-of-type .ranking:after{border-color:#0000 #0000 #0000 #f83356}.RandomArticleComponent .item:nth-of-type(2) .ranking{background-color:#faa527}.RandomArticleComponent .item:nth-of-type(2) .ranking:after{border-color:#0000 #0000 #0000 #faa527}.RandomArticleComponent .item:nth-of-type(3) .ranking{background-color:#3c83fd}.RandomArticleComponent .item:nth-of-type(3) .ranking:after{border-color:#0000 #0000 #0000 #3c83fd}.RandomArticleComponent .item:nth-of-type(4) .ranking{background-color:#56c357}.RandomArticleComponent .item:nth-of-type(4) .ranking:after{border-color:#0000 #0000 #0000 #56c357}.RandomArticleComponent .item:nth-of-type(5) .ranking{background-color:#6756c3}.RandomArticleComponent .item:nth-of-type(5) .ranking:after{border-color:#0000 #0000 #0000 #6756c3}