Update main content styling to use darker backing colors to improve readability

This commit is contained in:
Ethan Paul 2021-03-16 21:02:49 -04:00
parent 0a89c27621
commit 1bb712165b
No known key found for this signature in database
GPG Key ID: D0E2CBF1245E92BF

View File

@ -48,12 +48,12 @@ a:hover {
width: 40em;
max-width: 90%;
background-color: rgba(255, 255, 255, 0.2);
background-color: rgba(0, 0, 0, 0.4);
border-style: solid;
border-width: 2px;
border-color: rgba(255, 255, 255, 0);
border-color: rgba(0, 0, 0, 0);
border-radius: 128px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
position: absolute;
top: 20%;
@ -69,10 +69,10 @@ a:hover {
width: 50%;
display: block;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
border-color: rgba(0, 0, 0, 0.2);
border-radius: 50%;
border-width: 5px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
}
h1 {