@import url(fontawesome-all.min.css);

body, ul, li {
    margin: 0;
    padding: 0;
}

body, input, textarea, select, button {
    background: #5e42a6;
    color: rgba(255, 255, 255, 0.55);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.75;
    font-size: 12pt;
}

select, input, textarea {
    background: #4b3585;
}

h1 {
    font-size: 25pt;
}
p {
    font-size: 16pt;
}

.padded {
    padding: 40px;
}

.wrapper.style3 {
    background-color: #b74e91;
}

.button {
    appearance: none;
    transition: border-color 0.2s ease;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 3em;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 0.6em;
    font-weight: bold;
    height: calc(4.75em + 2px);
    letter-spacing: 0.25em;
    line-height: 4.75em;
    outline: 0;
    padding: 0 3.75em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.button:hover {
    border-color: rgba(255, 255, 255, 0.55) !important;
}

ol, ul {
    list-style: none;
}

.icon {
    text-decoration: none;
    border-bottom: none;
    position: relative;
}

.icon > .label {
    display: none;
}

.icon:before {
    line-height: inherit;
}

.icon.solid:before {
    font-weight: 900;
}

.icon.brands:before {
    font-family: 'Font Awesome 5 Brands';
}

ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0;
}

ul.icons li {
    display: inline-block;
    padding: 0 0.75em 0 0;
}

ul.icons li:last-child {
    padding-right: 0;
}

ul.icons li > a, ul.icons li > span {
    border: 0;
}

ul.icons li > a .label, ul.icons li > span .label {
    display: none;
}

a {
    transition: color 0.2s ease, border-bottom-color 0.2s ease;
    border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
    color: inherit;
    text-decoration: none;
}

a:hover {
    border-bottom-color: transparent;
    color: #ffffff;
}