|
|
|
@ -1,7 +1,7 @@ |
|
|
|
|
#welcome { |
|
|
|
|
margin-top: var(--nav-height); |
|
|
|
|
padding: 0; |
|
|
|
|
background: url("/media/images/welcome-background-1080p.jpg") center; |
|
|
|
|
background: url("/media/images/welcome-background-1080p.webp") center; |
|
|
|
|
background-size: cover; |
|
|
|
|
height: calc(100vh - var(--nav-height)); |
|
|
|
|
display: flex; |
|
|
|
@ -17,12 +17,19 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#welcome h1 { |
|
|
|
|
margin-right: 20%; |
|
|
|
|
padding: 2rem; |
|
|
|
|
margin: 1rem 20% 1rem 1rem; |
|
|
|
|
border: solid 0.25rem #5791FF; |
|
|
|
|
border-radius: 50px; |
|
|
|
|
padding: 0.5rem 1.25rem; |
|
|
|
|
background-color: black; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#welcome h4 { |
|
|
|
|
margin: 0 0 0 20%; |
|
|
|
|
border: solid 0.25rem #5791FF; |
|
|
|
|
border-radius: 50px; |
|
|
|
|
padding: 0.5rem 1.25rem; |
|
|
|
|
background-color: black; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#scroll-down { |
|
|
|
@ -37,18 +44,20 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 1280px) { |
|
|
|
|
#welcome .container { |
|
|
|
|
background: url("/media/images/welcome-background-720p.jpg") center; |
|
|
|
|
#welcome { |
|
|
|
|
background: url("/media/images/welcome-background-720p.webp") center; |
|
|
|
|
background-size: cover; |
|
|
|
|
} |
|
|
|
|
#welcome h4 { |
|
|
|
|
margin: 2rem; |
|
|
|
|
} |
|
|
|
|
#welcome h1 { |
|
|
|
|
margin: 0; |
|
|
|
|
margin: 1rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@media only screen and (max-width: 500px) { |
|
|
|
|
#welcome .container { |
|
|
|
|
background: url("/media/images/welcome-background-mobile.jpg") center; |
|
|
|
|
#welcome { |
|
|
|
|
background: url("/media/images/welcome-background-mobile.webp") center; |
|
|
|
|
background-size: cover; |
|
|
|
|
} |
|
|
|
|
} |