body{color: #333;font-family: Arial, sans-serif;padding-bottom: 60px;}
ul {padding-left: 20px;}

.container {
            text-align: center;
            width: 70%;
            margin: 25% auto 0;
            background-color: #f0f0f066;
            padding: 2% 5%;
            border-radius: 10px
        }
        
@media (min-width: 1081px) {
            body{background-image: url("1920x1080.php");}
        }
@media only screen and (max-width: 1080px) {
            body{background-image: url("m.php");}
        }
        
.bottommenu {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #33333375;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
            z-index: 1000;
            max-width: 1920px;
            margin: 0 auto;
        }

.bottommenu .menubox {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            row-gap:0;
            column-gap: 20px;
        }

.bottommenu .menubox a {
            text-align: center;
            line-height: 28px;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.bottommenu .menubox a:hover{
            background-color: #555;
        }

@media (max-width: 350px) {
            .bottommenu .menubox a {
                font-size: 12px;
            }
        }