common css

:root {
    --dark1: rgb(31,36,42);
    --dark3: rgb(31,36,42);
    --dark4: rgb(44,48,55);
    --dark5: rgb(54,59,62);
    --dark6: rgb(63,68,71);
    --light9: rgba(255, 255, 255,0.9);
    --light8: rgba(255, 255, 255,0.8);
    --light6: rgba(255, 255, 255,0.6);
    --light7: rgba(255, 255, 255,0.7);
    --light5: rgba(255, 255, 255,0.5);
    --limeDuolingo: rgb(150, 210, 50);
    --violetDuolingo: rgb(206, 130, 255);
}

@media only screen {
    body {
        max-width: 600px;
        min-width: 300px;
        margin: auto;
    }
}

.card {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 20px;
    text-align: center;
    -webkit-font-smoothing: auto;
}
#front {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 20px;
    text-align: center;
    padding-bottom: 5px;
    -webkit-font-smoothing: auto;
}
.win .card { color:  var(--light9); background-color: var(--dark3);}
.mobile .card { color:  var(--light9); background-color:  var(--dark3);}

#interval {
    float:right
}

#tags {
    font-family: arial;
    text-align: left;
    color: var(--light5);
    font-size: 16px;
    padding: 0px;

}
.tag {
    background-color:var(--dark4);
    border-radius: 4px;
    padding: 3px 5px;
}



#answer {
    border: 0;
    height: 1px;
    background: #444;
    background-image: -o-linear-gradient(left, #444, #999, #444);
    background-image: -ms-linear-gradient(left, #444, #999, #444);
    background-image: -moz-linear-gradient(left, #444, #999, #444);
    background-image: -webkit-linear-gradient(left, #444, #999, #444);
}

hr {
    border: 0;
    height: 1px;
    background: #444;
}

.extra {
    border-radius: 3px;
    font-size: 85%;
    text-align: left;
    padding: 10px 16px 10px 16px;
    color: var(--light7);
    background-color: var(--dark4);
}

.cloze {
  //font-weight: bold;
    font-weight: 600;
    color: var(--limeDuolingo);
}