body {background-color: #212121;
    font-family: sans-serif;
    text-align: center;
    color: lightgray;}
    
    .red {
        font-family: "Ceviche One", system-ui;
        font-weight: 400;
        font-style: normal;
        color:#ff5042;
      }
    a {color:#ff5042}

    .tos {
	text-align: left;}

    p { line-height: 1.5;
	padding: 5px;
      }
    
    .footer {
        display:grid;
        grid-template-columns: 33% 33% 33%;
        padding: 10px;
        gap: 5px;
    }
    
    .footer > div {
        background-color: #252525;
        padding: 20px;
        font-size: 17px;
        text-align:center;
    }
    
    .header {
        background-image: url("images/background.png");
        background-size: cover;
        background-repeat: no-repeat; /* Prevents the image from repeating */
        background-position: center;
        padding:10px;
        margin:0px;
        

    }
    .leftimage {
        display:grid;
        grid-template-columns: 66% 33%;
        grid-template-areas: "image text";
        padding:10px;
        gap:5px;
    }
    .leftimage > div { background-color: #252525;
        padding: 20px;
        font-size: 17px;
        text-align:left;
    }

     .rightimage {
        display:grid;
        grid-template-columns: 33% 66%;
        grid-template-areas: "text image";
        padding:10px;
        gap:5px;
    }
    .rightimage > div { background-color: #252525;
        padding: 20px;
        font-size: 17px;
        text-align:left;
    }
    


    .gallerypreview {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-areas:
	"header header header"
	"leftbig leftbig rightsmall"
	"leftsmall rightbig rightbig";
	padding: 5px;
	gap: 3px;
	text-align: center;
	color: lightgray;
	font-family: sans-serif;
}

.gallerypreview > div.header {
    background-color:#252525;
    margin: 5px;
    padding: 5px;
    font-size: 20px;
    grid-area: header;
}

.gallerypreview > div.leftbig {
    background-color:#252525;
    margin: 5px;
    padding: 5px;
    font-size: 15px;
    grid-area: leftbig;
}

.gallerypreview > div.rightsmall {
    background-color:#252525;
    margin: 5px;
    padding: 5px;
    font-size: 15px;
    grid-area: rightsmall;
}

.gallerypreview > div.leftsmall {
    background-color:#252525;
    margin: 5px;
    padding: 5px;
    font-size: 15px;
    grid-area: leftsmall;
}

.gallerypreview > div.rightbig {
    background-color:#252525;
    margin: 5px;
    padding: 5px;
    font-size: 15px;
    grid-area: rightbig;
}

.blogpreview {
    background-color: #1a1a1a;
    text-align: left;
    padding: 5px;
    
}

.roundimage {
    border-radius: 15px;
}