header {

    background-image: linear-gradient(to bottom, rgb(0 206 0 / 80%), rgb(0 206 0 / 80%)), url('image/super-nintendo-world-2024.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 960px;
    margin: 0 auto;
    border-radius: 15px;
    display: flex;
    align-items: center;
    height: 200px;

}

body {

    text-align: center;

}

h1, h2 {

    font-family: "Dela Gothic One", sans-serif;
    font-weight: 400;
    font-style: normal;

}

h1 {
    color: #fff;
    font-size: 2.5rem;
    text-align: center;
}

h2 {

    color: 	#ff3939;
    font-size: 2rem;

}

p {

    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;

}
 
li a {

    color: #00deff;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 1.5rem;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;

}

li a:hover {

    color: #000;

}

section {

    text-align: center;
    max-width: 960px;
    margin-left:auto;
    margin-right:auto;

}

ul, ol {
    display: inline;
    text-align: center;
    list-style-type: none;
}

footer {

    color: #fff;
    background-color: #007b4a;
    max-width: 960px;
    margin: 3rem auto;
    border-radius: 15px;
    padding: 1rem;

}

footer a {

    color: #fff;

}

footer p {

    color: #fff;

}

img {   
    border-radius: 50%;
    overflow: hidden;  
}

@media (min-width: 600px) {
    
    header {

    height: 350px;    
    margin: 3rem auto;

    }

    h1 {

    font-size: 4rem;

    }

}