Portfolio/pages/effects.css
2023-02-01 21:02:04 +00:00

67 lines
1.2 KiB
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;
}
}