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;
}