@import url('https://fonts.googleapis.com/css2?family=Signika:wght@400&display=swap');

.neumorphism {
  border-radius: 1.5rem;
  background: #e8f5e9;
  box-shadow: 20px 20px 34px #dfebe0, -20px -20px 34px #f1fff2;
}

.btn-link,
.btn-link:hover
{
    text-decoration: none;
}

.btn-link.btn-secondary:link,
.btn-link.btn-secondary:visited,
.btn-link.btn-secondary:active
{
    color: white;
}

.btn-link.btn-outline-primary:link,
.btn-link.btn-outline-primary:visited,
.btn-link.btn-outline-primary:active
{
  color: #004d40;
}

.btn-link.btn-secondary:hover,
.btn-link.btn-outline-primary:hover
{
    text-decoration: none;
    color: white;
}

span.btn,
span.btn:hover
{
    font-size: 1.25rem;
    color: #004d40;
    text-decoration: none;
    padding: 0.5rem 1rem;
    cursor: default;
    user-select: auto;
}

.table {
    --bs-table-striped-bg: none;
    border-color: #d0e7da;
}

table > thead {
    color: #004d40;
}

.square {
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.square:hover{
    background-color: rgba(0, 37, 26, .144) !important;;
    transition: .5s !important;
}

.square.locked {
    color: rgba(0, 37, 26, 0.25);
}

.square.unlocked {
    color: rgb(0, 37, 26);
}

.btn-outline-danger:link,
.btn-outline-danger:visited {
    color: #dc3545;
}

.btn-outline-danger:hover,
.btn-outline-danger:active {
    color: white;
    text-decoration: none;
}

.rating-css div {
    text-align: center;
}

.rating-css input {
    display: none;
}

.rating-css input + label
{
    font-size: 32px;
    text-shadow: 1px 1px 0 #969696;
    cursor: pointer;
}

.rating-css input:checked + label ~ label
{
    color: #838383;
}

.rating-css label:active {
    transform: scale(0.8);
    transition: 0.3s ease;
}

.star {
    text-shadow: 1px 1px 0 #969696;
}

.unchecked-star {
    color: #969696;
}

a.text-danger:hover,
a.text-white:hover {
    text-decoration: none;
}

.square.solved {
    text-shadow: 0 0 3px white, 0 0 5px white;
}

.square.solved {
    text-shadow: 0 0 3px white, 0 0 5px white;
}

.color-patch {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: .3em;
    vertical-align: top;
    border-radius: .5em;
    min-height: 1em;
}

.gauge {
    display: flex;
    height: 1.42857em;
    overflow-y: hidden;
    border-radius: .5em;
}

.gauge > div {
    overflow: hidden;
    text-overflow: clip;
    text-align: center;
    white-space: break-spaces;
    color: #444;
    font-family: 'Signika', sans-serif;
    padding: .2em 0 .2em 0;
}

.gauge > div::before {
    content: ' ';
    display: inline-block;
    width: 0;
}

.gauge-success-no-hint, .gauge-attempts-correct {
    background: #8A9B0F;
}

.gauge-success-napoveda {
    background: #F8CA00;
}

.gauge-success-postup {
    background: #E97F02;
}

.gauge-no-success, .gauge-attempts-wrong {
    background: #BD1550;
}

.gauge-no-attempt {
    background: #888;
}