body {
    font-family: sans-serif;
    padding: 20px;
    margin: 0;
}

a {
    text-decoration: none;
}

hr.separator {
    clear: both;
    padding: 15px 0;
    border: 0;
    height: 0;
}

h2, h3, span.instructions {
    font-family: comic Sans MS, verdana, sans-serif;
}

h3 {
    color: #456a39;
}

span.instructions {
    line-height: 60px;
}

div.browsers {
    float: right;
    padding: 0 30px 0 0;
}


/* LINKS */
ul.links {
    list-style: none;
}

ul.links li {
    display: inline;
}

a.link2 {
    padding: 10px 20px;
    border-radius: 100%;

}

a.link2 {
    background:url("../img/circulo1.png")center no-repeat;width:160px;height:40px;border-width:none;
    /* Firefox */
    -moz-transition: all 300ms ease-out 20ms;
    /* Chrome / Safari */
    -webkit-transition: all 300ms ease-out 20ms;
    /* Opera */
    -o-transition: all 300ms ease-out 20ms;
    /* Default */
    transition: all 300ms ease-out 20ms;
}

a.link2:hover {
    background: white;
    padding: 10px 50px;
}
a {
    text-decoration: none;
    color: transparent;
    font-size:0%
}
a:hover {
	color: $fff;
	font-size:100%
}
a {
    transition: color 0.8s linear 0.2s;
}