CMR2 rebrand

This commit is contained in:
Maciej Pędzich 2022-01-02 14:50:22 +01:00
parent 696904a26f
commit 29ed26ca0d
2 changed files with 50 additions and 59 deletions

View File

@ -1,39 +1,33 @@
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
html, body {
width: 100vw;
height: 100vh;
overflow: hidden;
}
body {
background-color: #408995;
color: #fcfcff;
font-family: Arial, Helvetica, sans-serif;
font-size: 48px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.frame {
flex-grow: 1;
background-color: #00309c;
@media (max-width: 450px) {
body {
font-size: 36px;
}
}
#welcome-container {
flex-grow: 5;
div {
display: flex;
align-items: center;
justify-content: center;
font-family: Arial, Helvetica, sans-serif;
background: radial-gradient(
circle at left top,
rgb(249, 249, 249) 0%,
#5a7edc 25%,
#5a7edc 40%,
#5a7edc 100%
);
padding: 0.25em;
border-right: 0.0625em solid #fcfcff;
}
#welcome-text {
color: #fff;
text-shadow: 3px 4px 0px rgb(49, 81, 181);
font-size: 5rem;
font-weight: bold;
div:last-of-type {
border-right: none;
margin-right: 0.25em;
}

View File

@ -11,10 +11,7 @@
<link rel="stylesheet" href="./assets/css/style.css" />
</head>
<body>
<div class="frame"></div>
<div id="welcome-container">
<em id="welcome-text">soon</em>
</div>
<div class="frame"></div>
<div>coming</div>
<div>soon</div>
</body>
</html>