momo.coop/index.html

111 lines
2.1 KiB
HTML
Raw Normal View History

2023-03-06 15:16:02 +00:00
<!DOCTYPE html>
<html>
<head>
<title>Momo eG</title>
<style>
* {
box-sizing: border-box;
}
html {
font-size: 3vh;
font-weight: 800;
font-style: italic;
}
@media (min-width: 800px) {
html {
font-size: 4vh;
}
}
body {
margin: 0;
padding: 1rem;
display: flex;
flex-direction: column;
font-family: Source Sans Pro, Open Sans, sans-serif;
background: radial-gradient(circle, rgba(255, 0, 230, 1) 0%, rgba(255, 0, 67, 1) 100%);
color: white;
height: 100vh;
width: 100vw;
}
.logo {
text-align: right;
}
.realness {
display: block;
margin-left: 2rem;
}
@media (min-width: 800px) {
.realness {
display: inline;
margin-left: 0rem;
}
}
h1 {
font-size: 2rem;
line-height: 1;
font-weight: 800;
font-style: normal;
}
@media (min-width: 800px) {
h1 {
margin-bottom: 2rem;
}
}
@media (min-width: 800px) {
p {
max-width: 1200px;
margin-top: 0;
}
}
footer {
margin-top: auto;
}
@media (min-width: 800px) {
footer {
margin-top: 0;
}
}
a {
word-wrap: break-word;
line-break: normal;
color: white;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="logo">
Momo eG
</div>
<h1>&lt;&gt; <span class="realness">IT ain't easy</span> &lt;/&gt;</h1>
<p>
We are a collective of professionals from around the field of IT. We are currently in the process of founding a German cooperative (e.G.).
</p>
<p>
We are here to help you plan, design, develop, end operate solutions in the information technology space.
</p>
<footer>
<p>
<a href="mailto:everyone@momo.coop">everyone@momo.coop</a>
</p>
</footer>
</body>
</html>