body {
    margin: 0;
    /*font-family: Raleway,sans-serif;*/
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: left;
    background-color: #f8fafc;
    /*background-color: white;*/
}

nav a {
    color:#7f8c8d;
}

nav a:hover {
    color:#34495e;
}

.nav-link {
    display: block;
    padding: .5rem 0rem;
    font-size:14px;
}

.intro h1 {
    font-weight:800;
    font-size: 28px;
    text-transform: uppercase;
    color:#2c3e50;
}

.intro h2 {
    font-weight:bold;
    padding:30px 0px 40px 0px;
    font-size:26px;
    color:#2c3e50;
}

.intro h3 {
    padding:0px 0px 0px 0px;
    font-size:16px;
    color:#2c3e50;
}

.intro li {
    color:#2c3e50;
}


/* WORDS SWAP */
[data-words] {
    vertical-align: top;
    position: static;
}

[data-words] > span {
    position: absolute;
    color: #2980b9;
}

.error-underline {
    background-image:
        linear-gradient(45deg, transparent 65%, red 80%, transparent 90%),
        linear-gradient(135deg, transparent 5%, red 15%, transparent 25%),
        linear-gradient(135deg, transparent 45%, red 55%, transparent 65%),
        linear-gradient(45deg, transparent 25%, red 35%, transparent 50%);
    background-repeat:repeat-x;
    background-size: 12px 3px;
    background-position:0 28px;
	z-index:1000;
}