Favoreats
Favoreats LLC
GET — On the App Store
INGREDIENTS
1 serving
background-size: cover
3/5
background-color: rgba
1 serving
color: #fff
1 serving
font-size: 18px
1 serving
margin-bottom: 40px
1 serving
font-size: 18px
1 serving
margin-top: 1em
1 serving
color: #80d8cf
1 serving
list-style-type: none
1 serving
margin-top: 45px
1 serving
background-color: #80d8cf
color
1 serving
display: inline-block
1 serving
background-color: #fff
3/5
background-color: rgba
1 serving
margin-bottom: 30px
1 serving
font-size: 28px
1 serving
before
1 serving
after {
1 serving
box-sizing: border-box
1 serving
}
1 serving
html
1 serving
body {
1 serving
height
1 serving
}
1 serving
body {
1 serving
gutter: 20px
696 cs
background: # url) no-repeat
1 serving
background-attachment: fixed
1 serving
font-family: arial
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
main {
1 serving
align-items: center
1 serving
display: flex
1 serving
min-height
1 serving
position: relative
1 serving
}
1 container
{
1 serving
box-sizing: content-box
margin: auto
1 serving
max-width: 1194px
padding: var)
1 serving
width
1 serving
}
1 T
ext component styles
1 serving
article {
1 2/5
margin: auto
1 serving
max-width: 597px
padding: 4px
1 serving
position: relative
1
1 serving
}
1
h {
? margin-top: 0; margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1
h > svg {
1 serving
height: auto
1 serving
width
1 serving
}
2
h {
1 serving
font-weight: normal
1 2/5
? margin-top: 0; margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
p {
1 serving
max-width: 370px
1 serving
}
1 serving
{
transition: opacity 3s ease-in-out
1 serving
}
1 serving
a:hover {
1/2
1 serving
}
1 T
hs info componen styles
1 serving
ul {
1 serving
align-items: center
1 serving
display: flex
1 serving
flex-direction: column
1 serving
justify-content: space-between
? padding-left: 0; padding-left: 0; padding-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
btn {
box-shadow: 0 2px 4px rgba
1 serving
padding: 12px 20px
1 serving
text-decoration: none
transition: all 3s ease-in-out
1 serving
}
1 serving
btn:hover
1 serving
btn:focus {
box-shadow: inset 0 0 0 rgba
1
1 serving
}
1 serving
timer {
? margin-top: 0; margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1/2
1 serving
}
1 serving
media queries
1 serving
media {
1 serving
body {
1 serving
gutter: 44px
1 serving
background-position
1 serving
}
1 serving
main {
1 serving
background: none
1 serving
}
1 serving
article {
1 serving
padding: 40px var)
1 serving
}
1 serving
}
1 serving
media {
1 serving
li:first-child {
1 serving
}
1 serving
}
1 serving
media {
2
h {
1 serving
}
1 serving
ul {
1 serving
flex-direction: row
1 serving
}
1 serving
}
1 serving
media {
1 serving
body {
1 serving
background-image: url)
1 serving
}
1 serving
}
1 serving
media and {
1 container
{
1 serving
padding-left
1 serving
padding-right
1 serving
}
1 serving
article {
? margin-left: 0; margin-left: 0; margin-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}