body {
    font-family: 'Times New Roman', Times, serif;
    background-color: rgb(255, 130, 130);
}



header, footer {
    font-size: 130px;
    margin-top: 0;
    margin-left: 40px;
    font-weight: lighter;
    color: rgb(255, 255, 255);
}

header{
    margin-bottom: 5%;
}

h2{
text-align: left;
font-size: 20px;
margin: 0;
margin-top: 3%;
padding: 10px;
font-weight: lighter;
line-height: 20pt;
margin-left: 2%;
background-color: rgb(150, 55, 55);
}



header a{
color: rgb(255, 255, 255);
}


.categories {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.category {
    margin: 20px 0;
    position: relative;
    font-size: 48px;
    cursor: pointer;
    
}

.category a {
    text-decoration: none;
    color: rgb(255, 255, 255);
}

.category a:hover{
    color: rgb(255, 0, 0);
}

.category:hover::before {
    content: "";
    position: absolute;
    bottom: -15%;
    left: -25%;
    width: 150%;
    height: 130%;
    background-color: rgb(255, 169, 156);
    background-size:auto;
    z-index: -3;
}



/*
#collections {
    position: relative;
}


#collections:hover .sub-categories {
    display: block;
}

.sub-categories {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white; 
    z-index: 1; 
}

.sub-categories a {
    display: block;
    padding: 10px;
    background-color: white; 
    color: black; 
}

.sub-categories a:hover {
    color:white;
    background-color: purple;
    opacity: 0.8;
}


#collections:hover .sub-categories,
.sub-categories:hover {
    display: block;
    border: 1px solid black;
}
*/