43 lines
796 B
CSS
43 lines
796 B
CSS
@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@800&display=swap");
|
|
|
|
body {
|
|
height: 500vh;
|
|
background: url(https://assets.codepen.io/756881/bg-fuzz);
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-attachment: fixed;
|
|
font-family: "Kanit", sans-serif;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
h1 {
|
|
position: fixed;
|
|
z-index: 1;
|
|
top: 60vh;
|
|
margin: 0;
|
|
transform: translateY(-50%);
|
|
text-align: center;
|
|
color: white;
|
|
letter-spacing: 2px;
|
|
font-size: clamp(16px, 13vw, 100px);
|
|
color: #fffff8;
|
|
font-size: clamp(16px, 14vw, 100px);
|
|
text-align: center;
|
|
}
|
|
|
|
svg {
|
|
margin-top: 80vh;
|
|
max-height: 60vh;
|
|
width: 500px;
|
|
}
|
|
|
|
.scroll {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 120px;
|
|
color: white;
|
|
} |