Jukka Lampikoski
54e947a2f4
- Lisää SVG-logo (kuusikulmio + EMPOR-teksti) - Tumma sininen tausta (#0a0f1a) - Sininen tagline "IT-palvelut & tietoverkot" - Logo käännetty valkoiseksi CSS filterillä - Favicon logosta Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
62 lines
974 B
CSS
62 lines
974 B
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Helvetica Neue', Arial, sans-serif;
|
|
background: #0a0f1a;
|
|
color: #fff;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
main {
|
|
text-align: center;
|
|
padding: 2rem;
|
|
}
|
|
|
|
.logo {
|
|
height: 56px;
|
|
margin-bottom: 1.5rem;
|
|
filter: brightness(0) invert(1);
|
|
}
|
|
|
|
.tagline {
|
|
font-size: 0.85rem;
|
|
letter-spacing: 0.2em;
|
|
text-transform: uppercase;
|
|
color: #4a90c4;
|
|
margin-bottom: 4rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.contact {
|
|
border-top: 1px solid rgba(74, 144, 196, 0.2);
|
|
padding-top: 2rem;
|
|
}
|
|
|
|
.contact .name {
|
|
font-size: 1.1rem;
|
|
margin-bottom: 0.75rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.contact a {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
text-decoration: none;
|
|
transition: color 0.2s;
|
|
}
|
|
|
|
.contact a:hover {
|
|
color: #4a90c4;
|
|
}
|
|
|
|
.contact p {
|
|
margin-bottom: 0.4rem;
|
|
font-size: 0.95rem;
|
|
}
|