add a second fractal under the content and reduce max size
All checks were successful
Static / build (push) Successful in 6s

This commit is contained in:
brooke 2024-08-10 00:35:56 -04:00
parent fe4fdd8ca1
commit 1ee556aeb0

View file

@ -16,7 +16,6 @@
--background: #242424e5;
--accent-1: #d182ff;
--accent-2: #eb53d3;
--content-spacing: 5px;
--background-img: url("/@brooke/bg.webp");
--banner: url("/@brooke/fractal.webp");
--text-color: white;
@ -35,16 +34,15 @@
background-attachment: fixed;
background-size: auto 300px;
}
.topbar {
.bar {
background-image: var(--banner);
height: 150px;
background-size: cover;
background-position: 60%;
margin-bottom: var(--content-spacing);
border: var(--border);
}
#container {
max-width: 850px;
max-width: 550px;
margin: 0 auto;
}
#container a {
@ -55,7 +53,6 @@
}
#flex {
display: flex;
max-width: 850px;
}
main {
width: 100%;
@ -76,7 +73,7 @@
</head>
<body>
<div id="container">
<div class="topbar"></div>
<div class="bar"></div>
<div id="flex">
<main>
<div style="padding: 1rem; padding-top: 0">
@ -154,6 +151,7 @@
</div>
</main>
</div>
<div class="bar"></div>
</div>
</body>
</html>