Add Tux yeeting windows laptop of Ainrommer toren
This commit is contained in:
BIN
static/TuxAinrom.webp
Normal file
BIN
static/TuxAinrom.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 188 KiB |
@ -157,11 +157,15 @@ p {
|
|||||||
|
|
||||||
/* Hero Section */
|
/* Hero Section */
|
||||||
.hero {
|
.hero {
|
||||||
background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
|
background: linear-gradient(135deg, rgba(236, 253, 245, 0.85) 0%, rgba(209, 250, 229, 0.85) 100%), url('/static/TuxAinrom.webp');
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
padding: 4rem 0;
|
padding: 4rem 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-height: 80vh;
|
min-height: 80vh;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-content {
|
.hero-content {
|
||||||
@ -178,12 +182,14 @@ p {
|
|||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
color: #047857;
|
color: #047857;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-subtitle {
|
.hero-subtitle {
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
color: #374151;
|
color: #374151;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
|
text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-buttons {
|
.hero-buttons {
|
||||||
@ -987,6 +993,8 @@ footer {
|
|||||||
|
|
||||||
.hero {
|
.hero {
|
||||||
padding: 3rem 0;
|
padding: 3rem 0;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-content h2 {
|
.hero-content h2 {
|
||||||
@ -1085,6 +1093,9 @@ footer {
|
|||||||
|
|
||||||
.hero {
|
.hero {
|
||||||
padding: 2rem 0;
|
padding: 2rem 0;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center top;
|
||||||
|
min-height: 60vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-content h2 {
|
.hero-content h2 {
|
||||||
@ -1203,6 +1214,8 @@ footer {
|
|||||||
@media (max-width: 768px) and (orientation: landscape) {
|
@media (max-width: 768px) and (orientation: landscape) {
|
||||||
.hero {
|
.hero {
|
||||||
padding: 2rem 0;
|
padding: 2rem 0;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-content h2 {
|
.hero-content h2 {
|
||||||
|
Reference in New Issue
Block a user