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, 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;
} }

View File

@ -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>