.invert {
    background: rgb(52, 58, 64);
}

.invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6, .invert p, .invert i {
    color: white;
}

.invert img:not(.invert img[src="/images/quran/0000.jpg"]) {
    filter: invert(1);
    -ms-filter: invert(1);
    -webkit-filter: invert(1);
}

.night-mode {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
}

.togglebutton{vertical-align:middle}
.togglebutton,.togglebutton .toggle,.togglebutton input,.togglebutton label{user-select:none}
.togglebutton label{cursor:pointer}
.togglebutton label input[type=checkbox]{opacity:0;width:0;height:0}
.togglebutton label .toggle{text-align:left;margin-left:5px}
.togglebutton label .toggle,.togglebutton label input[type=checkbox][disabled]+.toggle{content:"";display:inline-block;width:30px;height:15px;background-color:rgba(80,80,80,.7);border-radius:15px;margin-right:15px;transition:background .3s ease;vertical-align:middle}
.togglebutton label .toggle:after{content:"";display:inline-block;width:20px;height:20px;background-color:#fff;border-radius:20px;position:relative;box-shadow:0 1px 3px 1px rgba(0,0,0,.4);left:-5px;top:-2.5px;border:1px solid rgba(0,0,0,.54);transition:left .3s ease,background .3s ease,box-shadow .1s ease}
.togglebutton label input[type=checkbox][disabled]+.toggle:after,.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after{background-color:#bdbdbd}
.togglebutton label input[type=checkbox]+.toggle:active:after,.togglebutton label input[type=checkbox][disabled]+.toggle:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,0,0,.1)}
.togglebutton label input[type=checkbox]:checked+.toggle:after{left:15px}
.togglebutton label input[type=checkbox]:checked+.toggle{background-color:rgba(156,39,176,.7)}
.togglebutton label input[type=checkbox]:checked+.toggle:after{border-color:#9c27b0}
.togglebutton label input[type=checkbox]:checked+.toggle:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(156,39,176,.1)}

.btn.telegram{
    background-color:#0091e6;
    color: white;
}
.btn.telegram:hover,
.btn.telegram:focus,
.btn.telegram:active{
    background-color:#1fa2f5;
}
.btn.pinterest{
    color: white;
    background-color:crimson;
}
.btn.pinterest:hover,
.btn.pinterest:focus,
.btn.pinterest:active{
    background-color:#ff1f50;
}