#7 pro carrd tutorial

<style>
@font-face {
font-family:paris;
src:url(https://dl.dropbox.com/s/9m3jot6yibputqx/Paris.ttf);
}

#text04 mark /* mark with heart icon */ {
font-family: paris;
border-radius:3rem;
border:1px solid #707070;
padding-left:13px;
padding-right:13px;
padding-top:1px;
padding-bottom:1px;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
}

@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);
}}

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

#container01 > .wrapper /* blog cr rebelde container */ {
border:1px solid #707070;
border-bottom-style: none;
border-top-left-radius:.625rem;
border-top-right-radius:.625rem;
}

#container02 > .wrapper /* container with info */{
overflow-x:hidden;
overflow-y:scroll;
height:29em;
border:1px solid #707070;
border-bottom-left-radius:.625rem;
border-bottom-right-radius:.625rem;
}

#container03 > .wrapper /* slideshow container and pixel background */{
border:1px solid #707070;
border-top-left-radius:.625rem;
border-top-right-radius:.625rem;
}

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

#container04 /* container with buttons */ {
position:absolute;
top:19em;
left:0px;
}

#container04 > .wrapper{
border:1px solid #707070;
border-bottom-left-radius:.625rem; border-bottom-right-radius:.625rem; }

#slideshow01 {
border:1px solid #707070;
border-radius:.75rem;
}

#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%);
}

#text03 mark, #text05 mark, #text06 mark /* info labels */{
border-radius:3rem;
border:1px solid #707070;
padding-left:13px;
padding-right:13px;
padding-top:1px;
padding-bottom:1px;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
}

</style>