@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

*{
    font-family: "Space Grotesk";
    justify-content: center;
    text-align: center;
}

img {
    width: 30%;}

    nav a {
        color: white;
        margin: 0 30px;
        font-size: 12pt;
        text-decoration: none;
    }
    nav a:hover {
        color: red;
        text-shadow: 16px 32px 48px black;
    }
    footer {
        color: white;
        background: black;
        padding: 20px;
        opacity: 0.75;
        text-align: center;}
        img {
            border: 5px solid white;
            margin: 0 12px 10px 0;
            filter: brightness(1) saturate(0.9);
            transition-duration: 1s;
        }
        img:hover {
            filter: brightness(1) saturate(1);
            transform: scale(1.1);}
        
            body{
                background-color: black;
            }
            body {
                color: white;
              }
             
        
              nav a {
                border: 1px solid white;
                background-color: white;
                color: black;
                padding: 4px 10px;
                text-decoration: none;
                margin: 0 10px;
                display: inline-block;
                border-radius: 10px;
                transition: transform 1s ease; 
              }
              
              nav a:hover {
                transform: scale(1.5); }