INGREDIENTS
1 serving
dir-box-regular {
1 serving
dir-box-strip-merch {
1 serving
dir-box-strip-nomerch {
1 serving
font-size: 28px
8 cs
color
1 serving
margin-bottom: 20px
1 serving
button-container-regular {
1 strip
button-container {
1 serving
margin-top: 40px
1 serving
font-size: 15px
8 cs
color
1 serving
high-res high-res
1 serving
font-size: 13px
1 serving
margin-top: 30px
1 serving
margin-bottom: 4px
8 cs
color
8 cs
color
1 serving
high-res {
1 serving
grid-area: high-res
8 cs
color
1 serving
margin-top: 10px
1 serving
high-res p:nth-child {
8 cs
color
1 serving
color: #ff5e0e
1 serving
margin-top: 30px
1 serving
dislike-button {
1 serving
options-button {
1 strip
options-button {
1 serving
options-button-merch {
1 serving
background-size: 588px
1 serving
options-button-merch:hover {
1 serving
options-button-download {
1 serving
background-size: 588px
1 serving
options-button-download:hover {
1 strip
options-button-merch {
1 serving
background-size: 710px
1 serving
options-button-merch-strip:hover {
1 strip
options-button-download {
1 serving
background-size: 710px
1 serving
options-button-download-strip:hover {
1 serving
options-button-download-strip-wide {
1 serving
background-size: 1414px
1 serving
options-button-download-strip-wide:hover {
1 box
dir_ * {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 box
dir_ {
1 serving
display: grid
1 serving
font-family: arial
1 serving
}
1 serving
grid-template-columns: 1fr 1fr
1 serving
grid-template-rows: repeat))
1 serving
header header
1 serving
cartoon buttons
1 container
meta meta-container
1 serving
social social
1 serving
}
1 serving
grid-template-columns
1 serving
grid-template-rows: repeat))
1 serving
header header
1 serving
cartoon cartoon
1 serving
buttons buttons
1 container
meta meta-container
1 serving
social social
1 serving
}
1 serving
grid-template-columns
1 serving
grid-template-rows: repeat))
1 serving
header header
1 serving
cartoon cartoon
1 serving
buttons buttons
1 container
meta meta-container
1 serving
social social
1 serving
}
1 serving
inner-header {
1 serving
grid-area: header
1 serving
}
1 serving
cartoon-image {
1 serving
grid-area: cartoon
1 serving
}
1 serving
grid-area: buttons
margin: -12px -7px
1 serving
}
1 serving
grid-area: buttons
1 serving
display: flex
1 serving
flex-direction: row
margin: 23px -7px
1 serving
}
1 container
meta {
1 serving
grid-area: meta-container
1 serving
display: grid
1 serving
grid-template-columns: 1fr 2fr
1 serving
grid-template-rows: auto 1fr
1 serving
cartoon-title cartoon-title
1 serving
meta-inner tags
1 serving
height: auto
1 serving
}
1 serving
cartoon-title {
1 serving
grid-area: cartoon-title
1 serving
font-weight: bold
1 serving
}
1 serving
meta-inner {
1 serving
grid-area: meta-inner
1 serving
display: grid
1
grid-template-columns: 2fr 1fr
1 serving
grid-template-rows: 1fr 1fr
1 serving
artist search-id
1 serving
}
1 serving
meta-inner p
1 serving
}
1 serving
meta-inner a {
1 serving
font-weight: normal
1 serving
}
1 serving
artist {
1 serving
grid-area: artist
1 serving
font-weight: bold
1 serving
}
1 serving
search-id {
1 serving
grid-area: search-id
1 serving
font-weight: bold
1 serving
}
1 serving
font-weight: bold
1 serving
}
1 serving
font-weight: normal
1 serving
}
1 serving
tags {
1 serving
grid-area: tags
1 serving
font-weight: bold
margin: 30px 20px
1 serving
}
1 serving
tags a {
1 serving
font-weight: normal
letter-spacing: 4px
1 serving
line-height: 18px
1 serving
}
1 serving
social {
1 serving
grid-area: social
1 serving
display: flex
1 serving
justify-content: space-between
1 serving
align-items: center
1 serving
}
1 serving
social svg {
1 serving
margin-right: 20px
1 serving
fill: #3d3d3d
1 serving
}
1 serving
text-align: end
1 serving
}
1 serving
email-social-icon:hover {
1 serving
fill: #fcca3d
1 serving
}
95
fill: #405a
1 serving
}
1 serving
fill: #3ba1ee
1 serving
}
1 serving
pinterest-social-icon:hover {
1 serving
fill: #c32c34
1 serving
}
1 serving
height: 171px
1 serving
}
1 serving
margin-left: -3px
1 serving
}
? width: 0; width: 0; width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? height: 0; height: 0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 85px 275px
1 serving
background: url
1 serving
}
1 serving
cursor: pointer
background-position: -294px
1 serving
}
? width: 0; width: 0; width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? height: 0; height: 0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 85px 275px
1 serving
background: url
1 serving
}
1 serving
cursor: pointer
background-position: -294px
1 serving
}
? width: 0; width: 0; width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? height: 0; height: 0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 85px 330px
1 serving
background: url
1 serving
}
1 serving
cursor: pointer
background-position: -355px
1 serving
}
? width: 0; width: 0; width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? height: 0; height: 0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 85px 330px
1 serving
background: url
1 serving
}
1 serving
cursor: pointer
background-position: -355px
1 serving
}
? width: 0; width: 0; width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? height: 0; height: 0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 64px 688px
1 serving
background: url
1 serving
}
1 serving
cursor: pointer
background-position: -77px
1 serving
}
1 serving
cc-banner {
1 serving
grid-area: cc-banner
1 serving
display: flex
1 serving
flex-direction: column
1 serving
justify-content: end
1 serving
height: 70px
1 serving
}
1 serving
cc-banner img {
1 serving
width: 460px
1 serving
height: 60px
1 serving
margin-right: 4px
1 serving
}