sugoidogo/twitch-subathon-countdown
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Making it look better

Browse Source
This commit is contained in:
John
2022-05-01 19:08:55 -04:00
committed by GitHub
parent f52f2a8bf6
commit 3d3b016fa7
1 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+21 -8
View File
@@ -1,3 +1,7 @@
* {
font-family: 'Ubuntu', sans-serif !important;
}
body, body * { body, body * {
padding: 0; padding: 0;
margin: 0; margin: 0;
@@ -12,9 +16,9 @@ body {
:root { :root {
--background-color: #f7fff7; --background-color: #A020F0;
--shadow-color: #00000020; --shadow-color: #00000090;
--text-color: #292f36; --text-color: #FFFFFF;
} }
@@ -24,7 +28,15 @@ body {
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background-color: var(--background-color); /*background-color: var(--background-color);*/
background-image:
-webkit-linear-gradient(-45deg,
transparent 33%, rgba(0, 0, 0, .1) 33%,
rgba(0,0, 0, .1) 66%, transparent 66%),
-webkit-linear-gradient(top,
rgba(255, 255, 255, .25),
rgba(0, 0, 0, .25)),
-webkit-linear-gradient(left, #0074cc, #a700cc);
box-shadow: 0 0 1.25rem 0.5rem var(--shadow-color); box-shadow: 0 0 1.25rem 0.5rem var(--shadow-color);
width: 500px; width: 500px;
height: 180px; height: 180px;
@@ -40,8 +52,9 @@ body {
p { p {
color: var(--text-color); color: var(--text-color);
font-size: 5rem; font-size: 5.8rem;
z-index: 1; z-index: 1;
text-shadow: 0px 0px 10px var(--shadow-color);
} }
img { img {
@@ -72,7 +85,7 @@ canvas {
z-index: 5; z-index: 5;
font-weight: 400; font-weight: 400;
font-size: 3.25rem; font-size: 3.25rem;
color: var(--background-color); /*color: var(--background-color);*/
text-shadow: 0 0 1.5rem var(--text-color); color:white;
transition: top 1s ease-out, opacity .5s ease-out; transition: top 1s ease-out, opacity .5s ease-out;
} }