ured-temporary/style.css

59 lines
1,013 B
CSS
Raw Normal View History

2023-07-03 13:08:57 +00:00
/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
/* HTML & Body styling */
html, body {
height: 100%;
margin: 0;
padding: 0;
background: linear-gradient(to bottom, #eee 0%, #ddd 60%, #ccc 100%);
background-size: auto;
overflow: hidden;
}
body::after {
content: "";
2023-07-03 13:27:53 +00:00
background-image: url(https://www.transparenttextures.com/patterns/dotnoise-light-grey.png);
opacity: 1;
2023-07-03 13:08:57 +00:00
top: 0;
left: 0;
bottom: 0;
right: 0;
position: fixed;
2023-07-03 13:27:53 +00:00
z-index: 0;
2023-07-03 13:08:57 +00:00
}
/* Center section */
body {
display: flex;
justify-content: center;
align-items: center;
}
section {
text-align: center;
}
/* SVG and h1 styling */
svg {
2023-07-03 13:17:28 +00:00
width: 55vmin;
2023-07-03 13:22:06 +00:00
height: auto;
2023-07-03 13:08:57 +00:00
}
h1 {
font-family: 'DM Serif Display', serif;
2023-07-03 13:22:06 +00:00
margin: 0;
2023-07-03 13:17:28 +00:00
line-height: 1;
}
2023-07-03 13:22:06 +00:00
h1:nth-of-type(1){
2023-07-03 13:08:57 +00:00
font-size: 5vmin;
2023-07-03 13:17:28 +00:00
opacity: 0.6;
2023-07-03 13:22:06 +00:00
margin-top: 3vmin;
2023-07-03 13:17:28 +00:00
}
2023-07-03 13:22:06 +00:00
h1:nth-of-type(2){
2023-07-03 13:17:28 +00:00
font-size: 9.7vmin;
opacity: 0.1;
2023-07-03 13:08:57 +00:00
}