@font-face {
    font-family: "SpaceGrotesk";
    src: url(fonts/SpaceGrotesk-VariableFont_wght.ttf);
}

body {
    background-color: #1e1e2e;
    color: #cdd6f4;
    font-family: "SpaceGrotesk";
}

h1 {
    text-align: center;
}

a {  
    color: #34b4e7;
}

legend {
    font-size: 16px;
    color: whitesmoke;
}

.btm-spc {
    margin-bottom: 15px;
}

img {
    max-width: 100%;
    border: 2px double white;
}

.img-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.vertical {   
    height: 100%;
    border: none;
}

.imagecontainercolor {   
    aspect-ratio: 7139 / 4903;
    border: 2px double white;
    width: 100%;
    display: flex;
    justify-content: center; 
    background-image: url("box cam gold 400/000047260004.jpg");
}

.imagecontainerbw {   
    aspect-ratio: 7139 / 4903;
    border: 2px double white;
    width: 100%;
    display: flex;
    justify-content: center; 
    background-image: url("TMax400/000067140008.jpg");
}