img {
    width: 100%;
    height: auto;
}
body {
    margin: 0;
    font-family: sans-serif;
    background-color: black;
    color: white;
}
.hero-container {
    background-image: url("https://media2.giphy.com/media/GhGPnlp2Gl3TG/giphy.gif?cid=ecf05e478a66e49f1012db433ba137506d68bb4d5fb98f08&rid=giphy.gif");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px;
    text-align: center;
}
.navigation {
   background-color: gray;
   text-align: left;
   margin: 0px;
}
.navigation ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.navigation ul li {
    display: inline;
}
.navigation ul li a {
    color: white;
    font-size: 24px;
}
.hockey {
    height: 500px;
    width: 500px;
}