style.css

body {
    background-image: url('images/background.jpg');
    background-position: center;
    background-attachment: fixed;
    background-blend-mode: overlay;
    background-color: rgba(110, 16, 16, 0.7);
    color: rgb(194, 177, 177);
    text-align: center;
}

hr {
    color: white;
    width: 100%;
}

.navItem, a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    margin-left: 2%;
    margin-right: 2%;
}

.imgSml {
    width: 40px;
    margin: 0;
}

.img {
    min-width: 20vw;
    margin: 0;
    padding: 0;
}

.hide {
    display: none;
}

.navItem:hover, a:hover {
   cursor: crosshair;
   color: rgb(255, 37, 37);
}

li {
    text-align: left;
}



.box {
    border: 5px solid black;
    width: 800px;
    height: auto;
    background-color: rgb(9, 9, 9, 0.5);
} 



.player, .player2 {
    border: 5px solid black;
    width: 800px;
    height: 70vh;
    background-color: rgb(9, 9, 9, 0.5);
  
}

@media (max-width:550px) {
.player {
    display: none;
   
}
}


@media (min-width:550px) {
    .player2 {
        display: none;
       
    }
    }

    .text-erp {
        font-size: 40%;
    }