Files
old-personal-website/public/css/style.css
T
Simon O'Shea 3564498917 added some javascript for theme changing
need to test on other machine
2023-09-23 17:53:36 -04:00

44 lines
917 B
CSS

html, body, div
{
background-color: #E3ECDC;
}
.dark-mode
{
background-color: #1c1f1b;
color: beige;
}
#main
{
left: 0;
width: 99%;
position: absolute;
display: table-column;
}
html { height: 100%; }
h1 { display: table-rows; vertical-align: middle; text-align: center; font-size: 1.5em; }
p { display: table-rows; vertical-align: middle; text-align: center;}
a { color: black; }
a.nav { color: black; }
a:hover { color: #6AAB8E; animation: blink2a 1s linear infinite;}
div.bar { position: fixed; padding-top: 5; padding-left: 5; z-index: 1; }
.blink1 { animation: blink1a 2s linear infinite; }
.blink2 { animation: blink2a 2s linear infinite; }
.blink3 { animation: blink3a 2s linear infinite; }
@keyframes blink1a { 25% { opacity: 0; } }
@keyframes blink2a { 50% { opacity: 0; } }
@keyframes blink3a { 75% { opacity: 0; } }
#theme-toggle
{
cursor: pointer;
}