.link_dotted {
    border-bottom: 2px dotted;
}

.color-green-light {
    color: rgb(100, 250, 62);
}

.number-section-color {
    color: rgb(253, 238, 154);
}

.card1_tumwat {
    width: 100%;
    background-color: rgb(31, 31, 31);
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-width: 1px;
    position: relative;
}

.card1 {
    width: 100%;
    background-color: rgb(31, 31, 31);
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-width: 1px;
    position: relative;
}

.card2 {
    margin: auto;
    width: 100%;
    background-color: rgb(34, 34, 34);
    padding: 5px;
    padding-left: 10px;
    /* padding-bottom: 10px; */
    border-color: rgb(3, 3, 3);
    border-style: solid;
    border-width: 1px;
    position: relative;
}

.other-title {
    margin: auto;
    background-color: rgb(82, 81, 81);
    width: 100%;
    padding: 3px;
    /* padding-top: 10px;
    padding-bottom: 10px; */
    border-color: rgb(3, 3, 3);
    border-style: solid;
    border-width: 1px;
    position: relative;
}

.a-title {
    text-decoration: none;
    color: rgb(255, 255, 255);
    text-decoration: none;
    border-bottom: 2px dotted;
}

.a-default {
    text-decoration: none;
    /* color:rgb(216, 216, 216); */
}

.active {
    text-decoration: underline;
    color: rgb(255, 247, 247);
    /* font-weight: bold; */
}


.auto-content {
    display: none;
}

.fa-bookmark{
    color: rgb(2, 235, 2);
}

.fa-star-o {
    color: rgb(129, 129, 129);
}

.fa-star {
    color: rgb(253, 251, 148);
}

.fa-volume-up {
    color: rgb(100, 250, 62);
}

.fa-pause {
    color: rgb(255, 232, 100)
}

.fa-play {
    color: rgb(100, 250, 62);
}

.section_sound_title {
    font-size: 1.2em;
}

.after_title {
    color: rgb(253, 238, 154);
    font-size: 1.2em;
}

.button-d {
    background-color: rgb(146, 7, 7); /* Green */
    border-color: #c5b3b3;
    border: 0.5px solid  rgb(253, 238, 154); /* Green */
    color: white;
    /* padding: 15px 32px; */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.8em;
    /* margin: 1px 2px; */
    cursor: pointer;
}

.k-yellow {
    color : rgb(253, 238, 154);
}

.cyellow {
    color: rgb(253, 238, 154)
}