site_itslameni/styles/style.css

70 lines
991 B
CSS
Raw Normal View History

2021-10-29 15:33:12 +02:00
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@1,200&family=Roboto:wght@300&display=swap&family=Comfortaa:wght@700&family=Rubik&display=swap');
2021-10-24 08:14:11 +02:00
body {
margin: 0;
font-family: 'Roboto', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
2021-10-29 15:33:12 +02:00
font-family: 'Comfortaa', cursive;
text-shadow: 1px 0 1px #000,
0 1px 1px #000,
-1px 0 1px #000,
2021-10-24 08:57:49 +02:00
0 -1px 1px #000;
2021-10-24 08:14:11 +02:00
}
a {
text-decoration: none;
2021-10-29 20:06:13 +02:00
color: #0080FD;
2021-10-24 08:14:11 +02:00
}
img {
border-radius: 2em;
}
nav {
width: 100vw;
2021-10-29 15:33:12 +02:00
align-items: center;
text-align: center;
2021-10-24 08:14:11 +02:00
position: fixed;
padding: 2mm;
}
nav a {
2021-10-31 07:50:33 +01:00
color: #F7F7F7;
2021-10-24 08:14:11 +02:00
transition: 0.5s;
}
nav a:hover {
color: #1f48ff;
}
.landing {
color: #fefefe;
2021-10-29 15:33:12 +02:00
background: linear-gradient(55deg, rgba(136,27,42,1) 21%, rgba(86,11,182,1) 100%);
2021-10-24 08:14:11 +02:00
min-height: 100vh;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
padding: 1em;
}
2021-10-29 15:33:12 +02:00
.active {
font-size: 1.5em;
}
2021-10-24 08:14:11 +02:00
.landing img {
width: auto;
max-width: 10em;
}