site_itslameni/styles/style.css

78 lines
1.0 KiB
CSS

@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@1,200&family=Roboto:wght@300&display=swap');
body {
margin: 0;
font-family: 'Roboto', sans-serif;
text-shadow: 1px 0 1px #000,
0 1px 1px #000,
-1px 0 1px #000,
0 -1px 1px #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Bitter', serif;
text-shadow: 1px 0 1px #000,
0 1px 1px #000,
-1px 0 1px #000,
0 -1px 1px #000;
}
a {
text-decoration: none;
color: #4d4d4d;
text-shadow: 1px 0 1px #000,
0 1px 1px #000,
-1px 0 1px #000,
0 -1px 1px #000;
}
img {
border-radius: 2em;
}
nav {
width: 100vw;
position: fixed;
background-color: #fefefe;
padding: 2mm;
}
nav a {
color: #222222;
transition: 0.5s;
}
nav a:hover {
color: #1f48ff;
}
.landing {
color: #fefefe;
background: linear-gradient(135deg, #ff00ff, #ffff00);
min-height: 100vh;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
padding: 1em;
}
.landing img {
width: auto;
max-width: 10em;
}