Portfolio/pages/effects.css

a{  
    transition: background-color 0.5s;
    color: var(--secondary);
}

a:hover:not(.galleryLink){
    background-color: var(--highlight);
    color: var(--base);
    text-decoration: none;
}

span{
    background-color: var(--secondary);
    color: var(--base);
    border-radius: 2px;
}

span:hover{
    background-color: var(--base);
    color: var(--secondary);
    border-radius: 2px;
    outline: solid 1px var(--secondary);
}

::selection {
    background-color: var(--highlight);
    color: var(--base);
}

::-moz-selection {
    background-color: var(--highlight);
    color: var(--base);
}

::-o-selection {
    background-color: var(--highlight);
    color: var(--base);
}

::-ms-selection {
    background-color: var(--highlight);
    color: var(--base);
}

::-webkit-selection {
    background-color: var(--highlight);
    color: var(--base);
}

@media (orientation:portrait){
    a{
        background-color: var(--highlight);
        color: var(--base);
        text-decoration: none;
        border-radius:4px;
    }

    #Title{
        background-color: var(--highlight);
        color: var(--base);
        text-decoration: none;
        border-radius:4px;

        border-bottom: none;
    }
}