*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

img{
    max-width: 100%;
}
h1{
    color: rgb(0, 0, 0);
    text-align: center;
    padding: 40px;
}
    ul{
        list-style: none;
    }


.page-header{
    background-color: rgb(255, 255, 255);

}
.preview{
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;

}

.screenshots{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 20px;
    row-gap:40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 80px;
}
.preview video{
    background-color: black;
    width: 100%;
    border-radius: 20px;
    border: 5px solid rgb(0, 0, 0);
    margin-top: 80px;
}
.screenshot{
    max-width: 320px;
    min-width: 280px;
    border-radius: 20px;
    border: 5px solid black
}
.screenshot img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom: 15px;


}
.game-wrapper{
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    background-color: black;
    border-bottom: 80px;

}
.webgl{
    outline: none;
}
.page-footer p{
    background-color: rgb(5, 1, 79);
    color: rgb(255, 255, 255);
    padding: 100px;
    text-align: center;
}