User:Thewarior/common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Main Page Layout */
.main-page-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 10px;
}

.main-page-box {
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    padding: 10px;
    flex: 1 1 45%; /* Makes columns responsive */
}

.main-page-header {
    background-color: #cedff2;
    border: 1px solid #a2a9b1;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold;
}

.main-page-stat-bar {
    border: 1px solid #a2a9b1;
    background-color: #fff;
    padding: 5px 15px;
    text-align: center;
    margin-bottom: 10px;
}