User:GrozovskyUa/global.css

/* - General Container CSS - */ .mainpage-container, .vtolvr-row-container { display: flex; flex-wrap: wrap; }

.mp-leftcolumn { width:69%; flex-direction:row; flex-wrap:wrap; margin-right: 1%; }

.mp-rightcolumn { width: 29%!important; border-radius: 10px; padding: 1em!important; }

.mp-rightcolumn h2:first-child { margin-top: 0px!important; }

.vtolvr-column { padding: 1em; background-color: #474747; border: 5px solid #222222; border-radius: 10px; margin-bottom: 5px; text-align: center; }

.vtolvr-column p:last-child { margin-bottom: 0!important; }

.row1 { justify-content: space-around; }

.column-1a { width: 69%; flex-direction: column; text-align: left; margin-right: 1%; }

.column-1b { display:flex; flex-direction:column; width:30%; text-align: left; height: 100%; }

.column-1b h2 { margin-top: 0px!important; }

/* - TEXT CSS - */ .pageheader { text-align: center; }

/* - BROWSE GRID CSS - */

.browse-grid img { object-fit: scale-down; padding: 0.5em!important; transition: all .2s; width: 100%; height: 90px; }

.browse-grid .thumb { width: 100%!important; }

.browse-card { width: 20%; text-align: center; padding: 5px; border: 0px!important; }

.browse-card .info-icon { display: none!important; }

.thumbcaption { margin-top: 18px; }

.caption { text-align: center!important; }

.browse-card:hover .caption { transform: scale(1.2); color: #FFD500; transition: all .2s; }

.browse-card:hover img { padding: 0!important; transition: all .2s; }

.caption { font-size: 16px!important; transition: all .2s; }