shop.css

*{
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    scroll-snap-type: mandatory;
text-align: center;
    line-clamp: 15%;
}
body{
    background: url(bg.jpg);
    background-position-x:50% ;
    background-repeat: no-repeat;
    background-size: cover}
.cont{
    display: flex;

}
h1{
  font-family: 'Courier New', Courier, monospace;
  font-style: italic;  
  color: #ff4545;
}

.container{
    margin-top: 40px;
    margin-left: 40px;
    height: 32px;
    width:200px;
   display: inline-table;
    justify-content: space-between;
    
    border: 4px #28292d solid;
    background-color: #28292d;
}
.btns{
    color: #8f8f8f;
    height: 32px;
    width:200px;
    font-size: 1.3em;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    display: inline-flex;
}
.btns:hover{
    transform: scale(1.06);
    color: red;
    background-color: rgb(52, 52, 102);
}
img{
    width:100%;
    height:100%;   
}
.items{ 
    margin-top: 3%;
    margin-left: 85px;
    width: 995px;
    height: 560px;
    background-color: rgba(255, 255, 255, 0.358);
    border: 50px #ff45458a ;
    border-style: ridge;
    border-top-color:#45a2ff8a ;
    border-left-color:#45a2ff8a ;
    background-color: #28292d7b;

}
.tableau{
    text-align: center;
    margin-left: 20px;
    width: 95%;
    border: 6px rgb(161, 66, 66) solid;
    height: 90%;
    border-bottom:14px rgba(69, 69, 129, 0.714) double;
    border-right:14px rgba(69, 69, 129, 0.714) double;

}

 tbody td:hover{
    transform: scale(1.05);
    color: rgb(174, 0, 255);
    background-color: rgba(255, 0, 0, 0.39);
}
 tbody td{
    color: red;
    background: linear-gradient(135deg, #2f87c36e 0%, #cb232378 100%);
    font-size: 1.2em;

}
thead{
    font-size: 1.4em;
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.453);
}
p{
    margin-top: 10px;
    color: rgb(0, 0, 0);
}
 div h1{
    color: red;
}
p span{
    text-decoration: underline;
    color: rgb(97, 0, 149);
}
span:hover{
    color: red;
}
footer {
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
}
.social a{
    font-size: 1.3em;
    padding: 0 12px 0 0;
}
.ftitle {
    font-size: 1.3em;
    font-weight: 600;
    
}
.ftitle span {
    color: #3a6cf4;
}