Update main content styling to use darker backing colors to improve readability
This commit is contained in:
parent
0a89c27621
commit
1bb712165b
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user