body *{
    font-family: 'Yusei Magic', sans-serif ;
}
.w3-half img{
    height: 233px;
}
footer{
    text-align: center;
}
.w3-black {
    background-color: white !important;
    color: black !important;
}
.fas{
    margin-left:2rem ;
}


.switch {
    display: flex;
    border-radius: 50px;
    width: 4rem;
    padding: .3rem;
    background-color: darkslateblue;
    transition: background-color .2s;
    cursor: pointer;
    float: right;
    margin-right: 5rem;
    margin-top: -2rem;

}

.btn-toggle {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: white;
    transition: transform .1s;
}


/* Dark Theme */
.dark-theme {
    background-color: #333 !important;
    color: white !important;
}

.dark-theme .switch {
    background-color: rgba(255, 255, 255, .1);
}

.dark-theme .btn-toggle {
    transform: translateX(28px);
}