You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.3 KiB
66 lines
1.3 KiB
body { |
|
background: #fff; |
|
color: #000; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
.header { |
|
display: flex; |
|
width: 100%; |
|
margin: 0 auto; |
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), /* Subtle shadow */ |
|
0 6px 20px rgba(0, 0, 0, 0.1); /* Deeper shadow */ |
|
border: 1px solid rgba(0, 0, 0, 0.05); /* Light border */ |
|
} |
|
|
|
.logo { |
|
width: 30px; |
|
margin: 8px 20px; |
|
align-self: center; |
|
} |
|
|
|
.title { |
|
flex: 1; |
|
font-family: "Helvetica Neue", "Helvetica", serif; |
|
margin: 0; |
|
align-self: center; |
|
font-size: 20px; |
|
} |
|
|
|
.login-container { |
|
align-self: center; |
|
margin-right: 20px |
|
} |
|
|
|
.twitch-login { |
|
font-size: 14px; |
|
padding: 5px 10px; |
|
background-color: #9147ff; |
|
color: white; |
|
border: none; |
|
border-radius: 5px; |
|
cursor: pointer; |
|
} |
|
|
|
.banner { |
|
width: 100%; |
|
height:400px; |
|
background-image: url("../images/banner.jpg"); |
|
background-repeat: no-repeat; |
|
margin: 0 auto; |
|
background-position: center; |
|
background-size: 100%; |
|
} |
|
|
|
a.login-banner-link:link, |
|
a.login-banner-link:visited, |
|
a.login-banner-link:hover, |
|
a.login-banner-link:active { |
|
font-family: "Helvetica Neue", Helvetica, serif; |
|
color: #1da1f2; |
|
text-decoration: none; |
|
display: block; |
|
align-self: center; |
|
margin-right: 20px; |
|
} |