#account {
    font-size: 10px;
    text-align: center;
}

#account h1 {
    font-size: 2.6em;
    color: #fff;
}

#account .comment {
    display: inline-block;
    padding: 0.4em 0.8em;
    border-radius: 0.4em;
}

#account .comment span {
    font-size: 1.6em;
}

#action {
    font-size: 10px;
    margin-top: 2em;
}

button {
    font-family: inherit;
    font-size: 100%;
    border: 0;
    padding: 0;
}

button span {
    font-size: 1.6em;
}

button.square {
    padding: 0.4em 0.8em;
    border-radius: 0.4em;
    margin: 0.4em;
}

button.round {
    padding: 0.6em 1.8em;
    border-radius: 99em;
    margin: 0.4em;
}

#info {
    font-size: 10px;
    color: #CACACA;
    padding-left: 2em;
}

#info p,
#info ul
{
    font-size: 1.6em;
}

#info a {
    color: #17a2b8;
}

#info a:hover {
    color: #138496;
}

.success {
    background-color: #28a745;
    color: #fff;
}
button.success:hover {
    background-color: #218838;
}
button.success:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5);
}

.warning {
    background-color: #ffc107;
    color: #212529;
}
button.warning:hover {
    background-color: #e0a800;
}
button.warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5);
}

.danger {
    background-color: #dc3545;
    color: #fff;
}
button.danger:hover {
    background-color: #c82333;
}
button.danger:focus {
    box-shadow: 0 0 0 .2em rgba(220,53,69,.5);
}

.secondary {
    background-color: #6c757d;
    color: #fff;
}
button.secondary:hover {
    background-color: #5a6268;
}
button.secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
}

.light {
    background-color: #f8f9fa;
    color: #212529;
}
button.light:hover {
    background-color: #e2e6ea;
}
button.light:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
}

.info {
    background-color: #17a2b8;
    color: #fff;
}
button.info:hover {
    background-color: #138496;
}
button.info:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5);
}

.dark {
    background-color: #1d1e22;
    color: #fff;
}
button.dark:hover {
    background-color: #121315;
}
button.dark:focus {
    box-shadow: 0 0 0 .2rem rgba(21,21,21,0.50);
}



