@font-face {
    font-family: 'american-icons';
    src: url('/files/fonts/AmericanIconsv4.6-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'american-sans';
    src: url('/files/fonts/AmericanSans-Light.ttf') format('truetype');
}
body {
}

.button {
    background-color: mediumseagreen;
    border-radius: 5px;
    color: white;
    padding: .5em;
    text-decoration: none;
}

    .button:focus,
    .button:hover {
        background-color: seagreen;
        color: White;
    }

.content {
    display: none;
    margin: 1em 0;
}

    .content.active,
    .no-js .content {
        display: block;
    }

.tn {
    font-family: american-icons;
    color: blue;
    text-decoration: none;
}

.tn a:link {
    text-decoration: none;
    color: blue;
}

.tn a:visited {
    text-decoration: none;
    color: blue;
}

.tn a:active {
    text-decoration: none;
    color: blue;
}

.tn a:hover {
    text-decoration: none;
    color: blue;
}

.tnt {
    font-family: american-sans;
    color: blue;
    text-decoration: none;
}

.tnt a:link {
    text-decoration: none;
    color: blue;
}

.tnt a:visited {
    text-decoration: none;
    color: blue;
}

.tnt a:active {
    text-decoration: none;
    color: blue;
}

.tnt a:hover {
    text-decoration: none;
    color: blue;
}