INGREDIENTS
1 serving
font-style: normal
1 serving
font-style: normal
1 serving
font-style: normal
1 serving
font-style: normal
1 serving
coral-fern
1 serving
display: block
1
font-size: 1rem
1 serving
font-size: 2rem
webkit-transition: color 3s
transition: color 3s
1
padding-top: 5rem
1 serving
font-size: 1rem
1 serving
border-right: 1px solid
1 serving
nav__item.is-active {
1 serving
display: block
1 serving
border-right: 1px solid
1 serving
border-left: 1px solid
1 serving
display:block
1 serving
display: block
webkit-transition: top 3s
transition: top 3s
1 serving
top
1 serving
margin-top: -1px
1 serving
nav__toggle.is-active .nav__toggle--icon span {
1 serving
nav__toggle.is-active .nav__toggle--icon span::before {
1 serving
nav__toggle.is-active .nav__toggle--icon span::after {
1 serving
search.is-active {
1 serving
search__button--control.is-active .dan-search
1 serving
search__button--control.is-active .dan-cancel {
1 serving
display: block
1 serving
border-left: 1px solid
1 serving
border-right: 1px solid
webkit-transition: color 3s
transition: color 3s
transition: color 3s
transition: color 3s
1
font-size: 4rem
1 serving
display: block
1 serving
search.is-active .search__button {
1 serving
padding-top: 2rem
2
padding-bottom: 5rem
1
padding-bottom: 5rem
1 serving
margin-bottom: 1rem
1
font-size: 24rem
webkit-transition: color 3s
transition: color 3s
1
font-size: 1rem
1 serving
border-top: 1px solid
1 serving
border-top: 1px solid
1 serving
display: block
top: 9rem;left: 9rem
1
font-size: 5rem
1
font-size: 5rem
1 serving
border-left: 1px solid
1
font-size: 5rem
webkit-transition: color 3s
transition: color 3s
1
margin-bottom: 5rem
1
font-size: 1rem
1 serving
border-bottom: 2px solid
transition: color 3s
1 serving
top: 3px
margin-bottom: 5rem
1
font-size: 2rem
1 serving
border-bottom: 2px solid
1
margin-bottom: 5rem
5
background-color: rgba
1 serving
background-size: cover
1 serving
display: block
1 serving
display: block
7/10
color: rgba
1
font-size: 2rem
webkit-transition: color 3s
transition: color 3s
17/20
color: rgba
1 serving
display: block
1
font-size: 1rem
3/5
color: rgba
1
font-size: 2rem
1/5
color: rgba
1 serving
display: block
1/2
color: rgba
3/5
color: rgba
color
1 serving
border-top: 2px solid
1 serving
top: -11px
1 serving
border: 2px solid
1
font-size: 6rem
webkit-transition: color 3s
transition: color 3s
1 serving
display: inline-block
webkit-transition: color 3s
transition: color 3s
1
font-size: 5rem
1 serving
padding-top: 2rem
1 serving
extra devices
1 serving
font-size: 3rem
1
font-size: 2rem
1 serving
top
1 serving
menu__nav.is-active {
1 serving
border-top: 1px solid
1 serving
[cdata[
1 serving
css global
1 serving
fontastic
1 serving
font-face {
1 serving
font-family: 'pacifico
400
1 serving
src: local)
1 serving
}
1 serving
font-face {
1 serving
font-family: robotodraft
400
1 serving
src: local)
1 serving
}
1 serving
font-face {
1 serving
font-family: robotodraft
500
1 serving
src: local)
1 serving
}
1 serving
font-face {
1 serving
font-family: robotodraft
700
1 serving
src: local)
1 serving
}
1 serving
hack: animations
1 serving
card__image img
1 serving
card__image {
1 serving
webkit-backface-visibility: hidden
1 serving
webkit-transform: translatez
1 serving
}
1 serving
vintage colors
1 serving
shaded-spruce
1 serving
campanella
1 serving
chasm
1 serving
agate
1 serving
info {
margin: .5rem
1
padding: 5rem
1 serving
text-align: center
1 serving
}
1 serving
html
1 serving
header
1 serving
head__parallax
1 head
er__head {
1 serving
overflow: hidden
1 serving
height: 200px
webkit-transition: height 5s
transition: height 5s
1 serving
}
1 serving
header__head
1 serving
header__menu {
1 serving
position: relative
box-shadow: 0 0px 0px 0 rgba
1 serving
}
1 serving
head__content {
1 serving
position: relative
10
1 serving
text-align: center
1 serving
}
1 serving
webkit-keyframes fadein {
1 serving
from {
1 serving
webkit-transform: translatey)
1 serving
transform: translatey)
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
to {
1 serving
webkit-transform: translatey
1 serving
transform: translatey
1
1 serving
}
1 serving
}
1 serving
keyframes fadein {
1 serving
from {
1 serving
webkit-transform: translatey)
1 serving
transform: translatey)
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
to {
1 serving
webkit-transform: translatey
1 serving
transform: translatey
1
1 serving
}
1 serving
}
1 serving
head--animation {
webkit-animation: 6s 1s fadein backwards
animation: 6s 1s fadein backwards
1 serving
}
1 serving
head__logo {
1 serving
}
1 serving
head__logo a {
1 serving
}
1 serving
head__descripcion{
webkit-animation-delay: 25s
animation-delay: 25s
1 serving
}
1 serving
header__menu
1 serving
header__menu {
50
1 serving
}
1 serving
menu__content {
1 serving
position: relative
1 serving
}
1 serving
nav__item {
1
padding: 8rem 4rem
webkit-transition: box-shadow 3s
transition: box-shadow 3s
1 serving
}
700
1 serving
}
1 serving
toggle
1 serving
nav__toggle {
1
padding: 8rem 4rem
1 serving
position: relative
10
1 serving
}
1 serving
nav__toggle--icon {
1 serving
width: 26px
1 serving
position: relative
80
1 serving
height: 17px
1 serving
cursor: pointer
1 serving
}
1 serving
nav__toggle--icon span:after
1 serving
nav__toggle--icon span:before
1 serving
nav__toggle--icon span
1 serving
nav__toggle--icon span::after
1 serving
nav__toggle--icon span::before {
1 serving
position: absolute
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
height: 2px
1 serving
width
transition: transform 3s
transition: transform 3s
1 serving
}
1 serving
nav__toggle--icon span::before
1 serving
nav__toggle--icon span::after
1 serving
nav__toggle--icon span {
1 serving
}
1 serving
webkit-transform: rotate) translatez
1 serving
transform: rotate) translatez
1 serving
}
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
webkit-transform: rotate) translatez
1 serving
transform: rotate) translatez
1 serving
}
1 serving
search
1 serving
search {
1 serving
position: absolute
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
left: 1rem
1 serving
right: 1rem
20
1 serving
height
1 serving
visibility: hidden
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
webkit-transition: visibility 0s 3s
transition: visibility 0s 3s
1 serving
}
1 serving
visibility: visible
1
webkit-transition: visibility 0s 0s
transition: visibility 0s 0s
1 serving
}
1 serving
search__button--control .dan-cancel {
1 serving
display: none
1 serving
}
1 serving
}
1 serving
search__button--control {
1 serving
position: absolute
30
1 serving
right: 1rem
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
search__button {
1 serving
cursor: pointer
1 serving
}
1 serving
search__button
1 serving
padding: 1rem
1 serving
height
1 serving
}
1 serving
search__button i::before {
1 serving
}
1 serving
search .search__button {
1 serving
webkit-transform: scale
1 serving
transform: scale
1 serving
}
1 serving
webkit-transform: scale
1 serving
transform: scale
1 serving
}
1 serving
search__input {
1 serving
padding-right: 75px
1 serving
width
1 serving
}
1 serving
main
1 serving
main {
1 serving
}
1 serving
cards
1 serving
items {
1 serving
margin-right: -.75rem
1 serving
margin-left: -.75rem
1 serving
}
1 serving
card {
1 serving
width
padding-left: 75rem
padding-right: 75rem
1 serving
}
1 serving
card__content
box-shadow: 0 2px 2px 0 rgba)
webkit-transition: box-shadow 3s
transition: box-shadow 3s
transition: box-shadow 3s
transition: box-shadow 3s
1 serving
webkit-transform: translatey
1 serving
transform: translatey
1 serving
}
1 serving
card__content:hover {
box-shadow: 0 2px 2px 0 rgba)
1 serving
webkit-transform: translatey)
1 serving
transform: translatey)
1 serving
}
1 serving
ads-article:not) {
1 serving
}
1 serving
card__title
1 serving
card__snippet
1 serving
meta__time
1 serving
meta__more {
1
padding: 5rem
1 serving
}
1 serving
card__title {
1 serving
text-align: center
1 serving
}
1 serving
card__title a {
500
1 serving
}
1 serving
card__snippet {
1 serving
}
1 serving
card__meta {
1 serving
}
1 serving
card__image {
1 serving
position: relative
1 serving
overflow: hidden
1 serving
}
1 serving
card__image img {
1 serving
width
1 serving
}
1 serving
card__image--featured::before {
1 serving
position: absolute
10
1 serving
}
1 serving
card__image--featured::after {
1 serving
position: absolute
1 serving
content
7
width: 5rem
7
height: 5rem
? top: 0;left: 0; top: 0;left: 0; top: ;left: 0 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
webkit-transform: translate) rotate)
1 serving
transform: translate) rotate)
1 serving
}
1 serving
card__data {
1
line-height: 4rem
1 serving
}
1 serving
meta__time {
1 serving
text-transform: capitalize
1 serving
}
1 serving
meta__time::before {
margin-right: 5rem
1 serving
}
1 serving
meta__more {
1 serving
}
1 serving
pagination
1 serving
blog-pager {
1 serving
}
1 link
blog-pager__ {
1 serving
text-align: center
1 serving
vertical-align: middle
1 serving
padding: 1rem
servings
margin: 4px
500
1 serving
}
1 link
blog-pager__ i {
1 serving
position: relative
1 serving
}
1 serving
blog-pager__link.is-here {
1/20
background: rgba
1 serving
}
1 serving
sidebar
1 serving
sidebar {
1 serving
margin-left: -1rem
1 serving
margin-right: -1rem
1 serving
}
1 serving
sidebar__case {
servings
padding: 1rem
1 serving
width
1 serving
}
1 serving
widget {
1 serving
}
1 serving
header .widget
2
widget > h {
padding: 1rem
1 serving
text-align: center
1 serving
}
1 serving
custom widget profile
1 serving
user-card:before {
1 serving
background-repeat: no-repeat
1 serving
content
1 serving
height: 150px
1 serving
width
1 serving
}
1 serving
user-card {
1 serving
text-align: center
1 serving
background: #fff
box-shadow: 0 2px 2px 0 rgba)
1 serving
}
1 serving
user-card__name {
1 serving
padding: 1rem
500
1 serving
}
1 serving
user-card__name:hover {
1 serving
text-decoration: none
1 serving
}
1 serving
user-card__image {
margin: -4px auto
1 serving
border-radius
1 serving
}
1 serving
user-card__aboutme {
servings
padding: 2rem 2rem
1 serving
}
1 serving
custom widget tags
1 serving
tags-list {
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 link
tags-list__ {
margin: 5px 5px
1 serving
background: #fff
box-shadow: 0 1px 2px 0 rgba)
padding: 3rem
1 serving
}
1 serving
tags-list__link::before {
margin: 0 5rem
1 serving
}
1 serving
tags-list__name {
padding: 5rem
background: rgba
1 serving
border-radius: 5px
webkit-transition: background 3s
transition: background 3s
1 serving
text-transform: capitalize
500
1 serving
}
1 serving
tags-list__num {
500
1 serving
float: right
margin-left: 5rem
1 serving
}
1 serving
tags-list__name:hover
1 serving
tags-list__name.is-here {
1 serving
}
1 serving
footer
1 serving
footer {
1 serving
text-align: center
1 serving
position: relative
padding: 5rem 0 2rem
1 serving
}
1 serving
footer::before {
1 serving
position: absolute
1 serving
left
1 serving
width: 20px
1 serving
height: 20px
1 serving
content
1 serving
margin-left: -10px
1 serving
border-radius
1 serving
}
1 serving
footer__social a {
padding: 0 5rem
1 serving
}
1 serving
footer__copy {
margin: .5rem
1 serving
padding: 1rem
1 serving
border-radius: 3px
1 serving
}
1 link
copy__ {
700
1 serving
}
1 serving
error
1 serving
error {
1 serving
text-align: center
1 serving
}
1 serving
error__title {
1 serving
}
1 serving
error__snippet {
1 serving
padding: 1rem
1 serving
max-width: 900px
margin: auto 1rem
1 serving
}
1 serving
error__image {
3/4
1 serving
width: 160px
1 serving
}
1 serving
mediaquerys
1 serving
media {
1 serving
}
1 serving
devices
1 serving
media {
1 serving
card
1 serving
sidebar__case {
1 serving
width
1 serving
}
1 serving
}
1 serving
devices
1 serving
media {
1 serving
error__image
1 serving
error__title
1 serving
error__snippet
1 serving
head__logo {
1 serving
}
1 serving
head__descripcion{
1 serving
}
1 serving
card
1 serving
sidebar__case {
1 serving
width
1 serving
}
1 serving
toggle layout
1 serving
sidebar--noindex {
1 serving
width
1 serving
float: left
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
sidebar--noindex .sidebar__case {
1 serving
width
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
blog--noindex {
1
width: calc
1 serving
float: right
1 serving
}
1 serving
left
1 serving
right
1 serving
}
1 serving
devices
1 serving
media {
1 serving
menu__nav {
1 serving
position: absolute
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
visibility: hidden
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
webkit-transform: translatey)
1 serving
transform: translatey)
webkit-transition: visibility 3s
transition: visibility 3s
transition: transform 3s
transition: transform 3s
box-shadow: 0 2px 2px 0 rgba)
1 serving
}
1 serving
visibility: visible
1
1 serving
webkit-transform: translatey
1 serving
transform: translatey
1 serving
}
1 serving
nav__item {
1 serving
}
1 serving
}
1 serving
devices
1 serving
media {
1 serving
nav__toggle {
1 serving
display: none
1 serving
}
1 serving
card {
1 serving
width
1 serving
}
1 serving
}
1 serving
devices
1 serving
media {
1 serving
html
1 serving
}
1 serving
]]