@import url(reset.css);

body {
    background-color: sandybrown;
    font-size: 16px;
    font-family: verdana;
}

nav.mainNav {
    width: 600px;
    margin: 80px auto;
}

nav.mainNav ul {
    list-style-type: none;
    position: relative;
}

nav.mainNav > ul > li {
    float: left;
}

nav.mainNav > ul > li > a {
    padding: 10px 18px;
}

nav.mainNav > ul > li > ul {
    position: absolute;
    top: 30px;
    padding-top: 5px;
    display: none;
}

nav.mainNav > ul > li:hover ul {
    display: block;
}

nav.mainNav ul ul a {
    background-color: yellowgreen;
    display: block;
    width: 200px;
    height: 40px;
    padding: 10px 18px;
}

nav.mainNav ul ul li:first-child {
    position: relative;
}

nav.mainNav ul ul li:first-child span {
    font-size: 35px;
    position: absolute;
    top: -25px; left: 30px;
    color: yellowgreen;
    z-index: -1;
}