mirror of
https://github.com/maciejpedzich/maciejpedzi.ch.git
synced 2024-11-27 23:55:47 +01:00
CMR2 rebrand
This commit is contained in:
parent
696904a26f
commit
29ed26ca0d
@ -1,39 +1,33 @@
|
|||||||
html,
|
html, body {
|
||||||
body {
|
width: 100vw;
|
||||||
margin: 0;
|
height: 100vh;
|
||||||
padding: 0;
|
overflow: hidden;
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
background-color: #408995;
|
||||||
|
color: #fcfcff;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 48px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.frame {
|
@media (max-width: 450px) {
|
||||||
flex-grow: 1;
|
body {
|
||||||
background-color: #00309c;
|
font-size: 36px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#welcome-container {
|
div {
|
||||||
flex-grow: 5;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
padding: 0.25em;
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
border-right: 0.0625em solid #fcfcff;
|
||||||
background: radial-gradient(
|
|
||||||
circle at left top,
|
|
||||||
rgb(249, 249, 249) 0%,
|
|
||||||
#5a7edc 25%,
|
|
||||||
#5a7edc 40%,
|
|
||||||
#5a7edc 100%
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#welcome-text {
|
div:last-of-type {
|
||||||
color: #fff;
|
border-right: none;
|
||||||
text-shadow: 3px 4px 0px rgb(49, 81, 181);
|
margin-right: 0.25em;
|
||||||
font-size: 5rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
|
@ -11,10 +11,7 @@
|
|||||||
<link rel="stylesheet" href="./assets/css/style.css" />
|
<link rel="stylesheet" href="./assets/css/style.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="frame"></div>
|
<div>coming</div>
|
||||||
<div id="welcome-container">
|
<div>soon</div>
|
||||||
<em id="welcome-text">soon</em>
|
|
||||||
</div>
|
|
||||||
<div class="frame"></div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
Reference in New Issue
Block a user