Hamarosan...
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #0b0f19; /* Sötét háttér */
overflow: hidden;
font-family: 'Montserrat', sans-serif;
}
/* Fő konténer */
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* 1. Dobbanó rombusz / logó doboz */
.rhombus-box {
position: relative;
width: 550px;
height: 550px;
max-width: 90vw;
max-height: 60vh;
display: flex;
justify-content: center;
align-items: center;
/* CSAK a rombusz dobban! */
animation: heartbeat 2s infinite ease-in-out;
}
.rhombus-box img {
width: 100%;
height: 100%;
object-fit: contain;
transform: scale(0.8); /* A Corel margók miatti nagyítás */
filter: drop-shadow(0 0 20px rgba(0, 141, 210, 0.7));
animation: glow-pulse 3s infinite alternate ease-in-out;
}
/* 2. STATIKUS (Nem dobbanó) feliratok */
.static-text {
margin-top: -160px; /* Szükség szerint feljebb vagy lejjebb húzhatod */
color: #ffffff;
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 4px; /* Szellős betűköz */
text-transform: uppercase;
text-align: center;
opacity: 0.95;
line-height: 1.8; /* A sorok közötti távolság */
}
/* 3. A "Hamarosan" alcím egyedi stílusa */
.sub-text {
display: block; /* Biztosítja a külön sort */
font-size: 0.9rem; /* Kisebb betűméret */
font-weight: 300; /* Finomabb, vékonyabb betűtípus */
letter-spacing: 6px;
color: #00d4ff; /* Világoskék/cyan kiemelés, vagy átírhatod #ffffff-re */
opacity: 0.8;
margin-top: 5px;
}
/* Dobbanás (Heartbeat) animáció */
@keyframes heartbeat {
0%, 100% {
transform: scale(1);
}
15% {
transform: scale(1.07);
}
30% {
transform: scale(1);
}
45% {
transform: scale(1.03);
}
60% {
transform: scale(1);
}
}
/* Fény vibrálás / derengés */
@keyframes glow-pulse {
0% {
filter: drop-shadow(0 0 10px rgba(0, 141, 210, 0.4));
}
100% {
filter: drop-shadow(0 0 35px rgba(0, 141, 210, 0.95));
}
}
HANDCRAFTED CABINETS, ADVANCED ACOUSTICS
HAMAROSAN
