Crysis 3

by AaronLayton

HTML

<script src="http://fonts.googleapis.com/css?family=Jockey+One"></script>
<link href='http://fonts.googleapis.com/css?family=Tauri' rel='stylesheet' type='text/css'>
    
<ul class="game-menu">
    <li>Resume Game</li>
    <li>Campaign</li>
    <li class="stared">Multiplayer</li>
    <li>Profiles</li>
    <li>Digital Manual</li>
    <li class="stared">Extras</li>
    <li>Options</li>
</ul>

CSS

body {
    background:#000;
}
.game-menu {
    color:#94cdaf;
    font-family: 'Tauri', sans-serif;
    font-size:33px;
    letter-spacing:-2px;
    line-height:33px;
    list-style:none;
    padding-left:100px;
    text-transform:uppercase;
}

.game-menu li {
    cursor:pointer;
    padding: 14px 0;
    transition: text-shadow 150ms ease-in, color 150ms ease-in;
}

.game-menu li:hover,
.game-menu .active {
    color:#ffe90b;
    opacity:.9;
    text-shadow: 0 0 2px rgba(255, 166, 12, 1),  0 0 15px rgba(255, 166, 12, .8);
}