This commit is contained in:
nora 2024-01-21 20:43:20 +01:00
parent ec3e1d828e
commit 6981304b4e
2 changed files with 11 additions and 4 deletions

View file

@ -16,6 +16,7 @@
} }
.ferrisuwu { .ferrisuwu {
display: none;
z-index: 1; z-index: 1;
position: absolute; position: absolute;
right: -100px; right: -100px;
@ -23,6 +24,7 @@
} }
.ferrisuwu-animate { .ferrisuwu-animate {
display: block;
animation-iteration-count: 1; animation-iteration-count: 1;
animation-name: ferrisuwu-enter; animation-name: ferrisuwu-enter;
animation-duration: 3s; animation-duration: 3s;
@ -41,7 +43,7 @@
} }
</style> </style>
</head> </head>
<body> <body class="overflow-hidden">
<div class="main-content"> <div class="main-content">
<div class="main-content-inner"> <div class="main-content-inner">
<h1>Nilstrieb's website</h1> <h1>Nilstrieb's website</h1>
@ -94,7 +96,7 @@
</div> </div>
</div> </div>
<div> <div class="overflow-hidden">
<img id="ferrisuwu" class="ferrisuwu" src="static/ferrisuwu.webp" /> <img id="ferrisuwu" class="ferrisuwu" src="static/ferrisuwu.webp" />
</div> </div>

View file

@ -2,7 +2,6 @@ body {
font-family: Verdana, sans-serif; font-family: Verdana, sans-serif;
background-color: #e6dae9; background-color: #e6dae9;
color: #1b191c; color: #1b191c;
overflow-x: hidden;
} }
.main-content { .main-content {
@ -24,7 +23,7 @@ body {
} }
.call-to-action { .call-to-action {
width: 400px; width: 250px;
height: 50px; height: 50px;
background-color: #8c499d; background-color: #8c499d;
display: flex; display: flex;
@ -34,6 +33,12 @@ body {
text-decoration: none; text-decoration: none;
} }
@media (min-width: 1000px) {
.call-to-action {
width: 400px;
}
}
.call-to-action:hover { .call-to-action:hover {
background-color: #ac78b8; background-color: #ac78b8;
} }