@view-transition {
    navigation: auto;
    transition: opacity 1s ease-in-out;
}

.logo-text, .logo-text:hover {
    font-size: 2rem;
    padding-left: 5px;
    font-weight: bolder;
}

.active-dark-mode .logo-text span {
    color: #c735dd;
}

.active-light-mode .logo-text span {
    color: #a926bd;
}

.active-dark-mode .dark-logo {
    fill: #2dd9c3;
    /*color: ##c735dd;*/
}

.active-light-mode .light-logo {
    fill: #23a493;
    /*fill: #a926bd;*/
}
/*
.logoimg {
    background-image: url('TheDoobTheme/images/logoipsum-227.svg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}*/