Untitled

index.htm:
<html>
    <head>
        <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="./stylesheets/global.css" />
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div class="navBody">
            <a href="index.htm" class="navItem1">HOME</a>
            <a href="#" class="navItem2">ABOUT</a>
            <a href="#" class="navItem4">COTACT</a>
            <a href="#" class="navItem3">GAMES</a>
            <br>
        </div>
    </body>
</html>

stylesheets/global.css:
body {
    margin: 0px;
    padding: 0px;
    background-color: #ecf0f1;
}

.navBody {
    background-color: #2c3e50;
    padding: 25px;
    width: 100%;
    position: fixed;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
}

.navBody:hover {
    background-color: #34495e;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
}

.navItem1 {
    margin-left: 120px;
    font-family: "Poiret One";
    font-size: 26px;
    color: #bdc3c7;
    font-weight: bolder;
    text-decoration: none;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -o-transition: color 1s;
}

.navItem2 {
    margin-left: 20px;
    font-family: "Poiret One";
    font-size: 26px;
    color: #bdc3c7;
    font-weight: bolder;
    text-decoration: none;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -o-transition: color 1s;
}

.navItem3 {
    margin-left: 20px;
    font-family: "Poiret One";
    font-size: 26px;
    color: #bdc3c7;
    font-weight: bolder;
    text-decoration: none;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -o-transition: color 1s;
}

.navItem4 {
    margin-left: 20px;
    font-family: "Poiret One";
    font-size: 26px;
    color: #bdc3c7;
    font-weight: bolder;
    text-decoration: none;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -o-transition: color 1s;
}

.navItem1:hover {
    color: #ecf0f1;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
}

.navItem2:hover {
    color: #ecf0f1;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
}

.navItem3:hover {
    color: #ecf0f1;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
}

.navItem4:hover {
    color: #ecf0f1;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
}