/* Dark mode toggle button section👇*/
body.dark-mode {
background-color:#1a0d38;
color: #fff;
}

/* Toggle button style */
.dark-mode-toggle {
display: contents;
float: right;
/*top: 20px;
right: 20px;*/
padding: 0;
background: transparent;
border: none;
border-radius: 100%;
cursor: pointer;
font-size: 18px;
transition: background .25s;
}
.dark-mode-toggle:hover {
transform: scale(1.2);
transition: 0.2s;
/*filter: drop-shadow(2px 2px 7px #9e1095);*/
}
/* Dark mode section 👆 */
.dark-mode ul li a{
    color: #fff;
}
.dark-mode nav ul li a{
    color:#fff;
}
.dark-mode a{
    color: #fff;
}
.dark-mode h1{
    color: #fff;
}
.dark-mode h2{
    color: #fff;
}
.dark-mode p{
    color:#fff;
}
.dark-mode main{
    background-color: #1F0954;
}
.dark-mode i{
    background-color: #ff0000;
    color: #000;
}
.dark-mode article{
    /*background: #1a0d38;*/
    color:#fff;
}
.dark-mode label{
    color: #fff;
}