#2 neocities + carrd.co

<style>
#container02 > .wrapper {
overflow-x:hidden;
overflow-y:scroll;
height:30em; /* adjust if does not align with the other column */
}

#container03 {
position:absolute;
top:0px;
left:0px;
}

 #container04{
position:absolute;
top:19em;
left:0px;
}

#text03 mark {
border-radius:3rem;
border:1px solid #707070;
padding-left:13px;
padding-right:13px;
padding-top:1px;
padding-bottom:1px;
background: rgb(180,188,182);
background: radial-gradient(circle, rgba(180,188,182,1) 20%, rgba(255,255,255,1) 100%);
}

#buttons01 li a {
border:1px solid #707070;
box-shadow: inset 13px 0px 6px -10px #fff, inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
}

#image03{
position:absolute;
top:-5em;
left:-3em;
z-index:9999;
animation: heart 1.5s ease infinite;
}

@keyframes heart{
0%, 12%, 25%, 50% {
transform: rotate(0deg);
}

55% {
transform: rotate(-2.5deg);
}

65% {
transform: rotate(3.5deg);
}

75% {
transform: rotate(-7deg);
}

95%, 100& {
transform: rotate(0deg);
}}
</style>