logo

Favoreats

Favoreats LLC

GET — On the App Store

View

Website is no longer available

peries.000webhostapp.com
  • minutes
  • Serves

INGREDIENTS

font-size: 85vw

1 serving

ms-text-size-adjust

1 serving

webkit-text-size-adjust

1 serving

background-color

1 serving

font-size: 15px

1 serving

color: #7f828b

1 serving

margin-bottom: 4px

1 serving

full-width {

1 serving

full-height {

1 serving

webkit-box-pack: justify

1 serving

ms-flex-pack: justify

1 serving

webkit-box-pack: center

1 serving

ms-flex-pack: center

1 serving

background-color

1 serving

background-color: #f8f8f8

1 serving

text-charcoal-grey {

32454 cs

color

1 serving

text-battleship-grey {

81

color: #6f7c

1 serving

text-coral-pink {

1 serving

color: #ff5c62

3

margin-top: 25vh

1 serving

margin-bottom: 6vh

1 serving

top-section {

1 serving

bottom-section {

1 serving

font-size: 3rem

2

font-size: 25rem

1

font-size: 5rem

1

font-size: 1rem

1

font-size: 1rem

1 serving

margin-bottom: 50px

1 serving

margin-bottom: 10px

1 serving

margin-bottom: 20px

1 serving

margin-bottom: 30px

1 serving

margin-bottom: 50px

1 serving

margin-bottom: 70px

1 serving

button styling start

1 serving

button {

1 serving

webkit-box-pack: center

1 serving

ms-flex-pack: center

1

font-size: 15rem

1 serving

button:before {

255

background-color: rgb

1 serving

button:hover:before {

1 serving

button:focus:before {

1 serving

button:hover:focus:before {

1 serving

button:active:after {

1 serving

primary button start

1 serving

button--primary {

255

color: rgb

1 serving

background-color: #ff5c62

1 serving

button--primary:hover

255

color: rgb

1 serving

active

1 serving

button--primary:active {

1 serving

button--primary:after {

1 serving

top

255

background-color: rgb

1 serving

primary button end

1 serving

secondary button start

1 serving

button--secondary {

62

border: solid 1px #ff5c

1 serving

color: #ff5c62

1 serving

background-color: transparent

1 serving

button--secondary:hover

1 serving

color: #ff5c62

1/10

background-color: rgba

1 serving

active

1 serving

button--secondary:active {

3/10

background-color: rgba

1 serving

button--secondary:after {

1 serving

top

3/10

background-color: rgba

1 serving

secondary button end

1 serving

button styling end

3

margin-bottom: 75rem

top: 5rem

1

font-size: 1rem

1 serving

ms-flex-preferred-size

1 serving

padding-bottom: 40px

1 serving

margin-bottom: 30px

1

font-size: 3vh

1 serving

font-size: 12px

2

font-size: 25rem

1 serving

margin-top: 3vh

1 serving

margin-bottom: 5vh

1 serving

button {

1 serving

webkit-box-pack: center

1 serving

ms-flex-pack: center

1 serving

margin-bottom: 20px

1 ml

ht

1 serving

font-family: 'roboto'

1 serving

webkit-font-smoothing: antialiased

1 serving

}

1 serving

body {

? 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

display: flex

1 serving

display: -webkit-box

1 serving

display: -ms-flexbox

1 serving

display: flex

1 serving

webkit-box-orient: vertical

1 serving

webkit-box-direction: normal

1 serving

ms-flex-direction: column

1 serving

flex-direction: column

1 serving

align-items: center

1 serving

webkit-box-align: center

1 oz

m -box-align: center

1 serving

ms-flex-align: center

1 serving

webkit-align-items: center

1 serving

justify-content: flex-start

1 serving

}

1 serving

p {

1 serving

webkit-margin-after: 0px

1 serving

webkit-margin-before: 0px

1 serving

line-height: 21px

1 serving

}

6

h1

1 serving

font-weight: normal

? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

}

1 serving

img {

1 serving

max-width

1 serving

height: auto

1 serving

}

1 container

{

? padding: 0 5%; padding: 0 5%; padding: 5% 0.0 5% 5% {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

width

1 serving

}

1 serving

flex {

1 serving

display: -webkit-box

1 serving

display: -ms-flexbox

1 serving

display: flex

1 serving

}

1 serving

flex-column {

1 serving

webkit-box-orient: vertical

1 serving

webkit-box-direction: normal

1 serving

ms-flex-direction: column

1 serving

flex-direction: column

1 serving

}

1 serving

width

1 serving

}

1 serving

height

1 serving

}

1 serving

align-items-center {

1 serving

webkit-box-align: center

1 serving

ms-flex-align: center

1 serving

align-items: center

1 serving

}

1 serving

align-items-start {

1 serving

webkit-box-align: flex-start

1 serving

ms-flex-align: flex-start

1 serving

align-items: flex-start

1 serving

}

1 serving

align-self-end {

1 serving

align-self: flex-end

1 serving

}

1 serving

justify-content-between {

1 serving

justify-content: space-between

1 serving

}

1 serving

justify-content-evenly {

1 serving

justify-content: space-evenly

1 serving

}

1 serving

justify-content-center {

1 serving

justify-content: center

1 serving

}

768

flex-row-col {

1 serving

webkit-box-orient: horizontal

1 serving

webkit-box-direction: normal

1 serving

ms-flex-direction: row

1 serving

flex-direction: row

1 serving

}

1 serving

media {

768

flex-row-col {

1 serving

webkit-box-orient: vertical

1 serving

webkit-box-direction: normal

1 serving

ms-flex-direction: column

1 serving

flex-direction: column

1 serving

}

1 serving

}

1 serving

bg-white {

1 serving

}

1 serving

bg-white-two {

1 serving

}

1 serving

text-bold {

1 serving

font-weight: bold

1 serving

}

1 serving

text-center {

1 serving

text-align: center

1 serving

}

1 serving

}

1 serving

}

1 serving

}

1 serving

logo-holder {

1 serving

width

1 serving

}

1 serving

height: 100vh

1 serving

}

padding: 8rem

1 serving

}

1

heading {

1 1/4

1 serving

}

2

heading {

1 1/3

1 serving

}

3

heading {

1 1/3

1 serving

}

4

heading {

1 1/2

letter-spacing: 5px

1 serving

}

1 serving

paragraph {

1 71/100

letter-spacing: 5px

1 serving

}

50

mt {

1 serving

}

10

mb {

1 serving

}

20

mb {

1 serving

}

30

mb {

1 serving

}

50

mb {

1 serving

}

70

mb {

1 serving

}

30

mr {

1 serving

margin-right: 30px

1 serving

}

1 serving

image-holder {

1

10

10

1 serving

position: relative

1 serving

width: 71vh

1 serving

max-width

1 serving

}

1 serving

main-image {

1 serving

width

1 serving

}

1 serving

position: relative

1 serving

display: -ms-inline-flexbox

1 serving

display: inline-flex

1 serving

webkit-box-sizing: border-box

1 serving

box-sizing: border-box

1 serving

justify-content: center

1 serving

webkit-box-align: center

1 serving

ms-flex-align: center

1 serving

align-items: center

border-radius: 33rem

1 serving

padding: 1rem 30px

1 serving

min-width: 64px

1 serving

min-height: 44px

1 serving

vertical-align: middle

1 serving

text-align: center

1 serving

o-text-overflow: ellipsis

1 serving

text-overflow: ellipsis

1 serving

text-transform: uppercase

1 serving

text-decoration: none

1 serving

font-family: "roboto"

1 serving

font-weight: bold

1 serving

overflow: hidden

1 serving

outline: none

1 serving

cursor: pointer

webkit-transition: -webkit-box-shadow 2s

transition: -webkit-box-shadow 2s

o-transition: box-shadow 2s

transition: box-shadow 2s

transition: box-shadow 2s

1 serving

}

1 serving

overlay

1 serving

content

1 serving

position: absolute

? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

webkit-transition: opacity 2s

o-transition: opacity 2s

transition: opacity 2s

1 serving

}

2/25

1 serving

}

6/25

1 serving

}

3/10

1 serving

}

8/25

1 serving

webkit-transform: translate) scale

1 serving

ms-transform: translate) scale

1 serving

transform: translate) scale

1 serving

webkit-transition: -webkit-transform 0s

1 serving

transition: -webkit-transform 0s

1 serving

o-transition: transform 0s

1 serving

transition: transform 0s

1 serving

transition: transform 0s

1 serving

}

1 serving

border: none

servings

webkit-box-shadow: 2px 12px -6px #cc292f

servings

box-shadow: 2px 12px -6px #cc292f

1 serving

}

1 serving

hover

servings

webkit-box-shadow: 2px 16px -6px #cc292f

servings

box-shadow: 2px 16px -6px #cc292f

1 serving

}

servings

webkit-box-shadow: 6px 20px -6px #cc292f

servings

box-shadow: 6px 20px -6px #cc292f

1 serving

}

1 serving

ripple

1 serving

content

1 serving

position: absolute

1 serving

left

1 serving

border-radius

1 serving

width: 20rem; /* safari

1 serving

height: 20rem; /* safari

? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

webkit-transform: translate) scale

1 serving

ms-transform: translate) scale

1 serving

transform: translate) scale

webkit-transition: opacity 1s

transition: opacity 1s

o-transition: opacity 1s

transition: opacity 1s

transition: opacity 1s

1 serving

}

1 serving

}

1 serving

hover

1 serving

}

1 serving

}

1 serving

ripple

1 serving

content

1 serving

position: absolute

1 serving

left

1 serving

border-radius

1 serving

width: 20rem; /* safari

1 serving

height: 20rem; /* safari

? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

webkit-transform: translate) scale

1 serving

ms-transform: translate) scale

1 serving

transform: translate) scale

webkit-transition: opacity 1s

transition: opacity 1s

o-transition: opacity 1s

transition: opacity 1s

transition: opacity 1s

1 serving

}

1 serving

scroll icon

1 serving

scroll-holder {

1 serving

text-align: center

1 serving

}

1 serving

scroll-holder--mobile {

1 serving

display: none

1 serving

}

1 serving

icon-scroll:before {

1 serving

position: absolute

1 serving

}

1 serving

icon-scroll {

margin: auto 1.75rem auto

1 serving

position: relative

2

width: 5rem

4

height: 3rem

webkit-box-shadow: inset 0 0 0 0.3rem #ff5c

box-shadow: inset 0 0 0 0.3rem #ff5c

1 serving

border-radius: 25px

1 serving

}

1 serving

icon-scroll:before {

1 serving

content

width: 5rem

height: 5rem

1 serving

background: #ff5c62

margin-left: 25rem

1 serving

border-radius: 4px

1

webkit-animation-duration: 5s

1

animation-duration: 5s

1 serving

webkit-animation-iteration-count: infinite

1 serving

animation-iteration-count: infinite

1 serving

webkit-animation-name: scroll

1 serving

animation-name: scroll

1 serving

}

1 serving

text-scroll {

1 serving

}

1 serving

webkit-keyframes scroll {

1 serving

{

1

1 serving

}

1 serving

{

? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

2

webkit-transform: translatey

2

transform: translatey

1 serving

}

1 serving

}

1 serving

keyframes scroll {

1 serving

{

1

1 serving

}

1 serving

{

? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

2

webkit-transform: translatey

2

transform: translatey

1 serving

}

1 serving

}

1 serving

card-holder {

1 serving

max-width

1 serving

}

1 serving

card {

1 serving

padding: 40px

1 serving

border-radius: 3px

webkit-box-shadow: 0 1px 12px 1px rgba

box-shadow: 0 1px 12px 1px rgba

1 serving

flex-basis

1 serving

}

1 serving

card--spaced {

margin: 0 30px

1 serving

}

1 serving

card__image-holder {

1

ms-flex: 1 auto

flex: 1 auto

1 serving

webkit-box-align: start

1 serving

ms-flex-align: start

1 serving

align-items: flex-start

1 serving

}

1 serving

main-ctas--mobile {

1 serving

display: none

3

2

2

1 serving

}

1 serving

media screen and and {

1 ml

ht {

1 serving

}

1 serving

}

1 serving

media screen and {

1 ml

ht {

1 serving

}

1 serving

}

1 serving

media screen and {

1 serving

logo-holder {

1 serving

width

1 serving

max-width: 155px

1 serving

}

1 serving

card-holder {

1 serving

max-width

1 serving

}

1 serving

card--spaced {

margin: 3px

1 serving

}

1 serving

}

1 serving

media screen and {

1

heading {

1 serving

}

1 serving

logo-holder {

1 serving

width

1 serving

}

1 serving

main-ctas {

1 serving

display: none

1 serving

}

1 serving

main-ctas__button {

1

1

ms-flex: auto

1

flex: auto

1 serving

}

1 serving

main-ctas__button--spaced {

1 serving

margin-right

1 serving

}

1 serving

main-ctas--mobile {

1 serving

display: -webkit-box

1 serving

display: -ms-flexbox

1 serving

display: flex

1 serving

display: -webkit-flex

1 serving

}

padding: 5em 20px

1 serving

}

1 serving

scroll-holder {

1 serving

display: none

1 serving

}

1 serving

scroll-holder--mobile {

1 serving

display: -webkit-box

1 serving

display: -ms-flexbox

1 serving

display: flex

1 serving

display: -webkit-flex

1 serving

webkit-box-orient: vertical

1 serving

webkit-box-direction: normal

1 serving

ms-flex-direction: column

1 serving

flex-direction: column

1 serving

height

1 serving

justify-content: center

1 serving

}

1 serving

icon-scroll {

1 serving

width: 24px

1 serving

height: 36px

margin: auto 5px auto

1 serving

}

1 serving

icon-scroll:before {

1 serving

left

1 serving

width: 4px

1 serving

height: 4px

1 serving

margin-left: -2px

? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}

1 serving

}

1 serving

card {

1 serving

padding: 20px

1 serving

}

1 serving

card__button {

1 serving

width

1 serving

}

1 serving

main-image {

1 serving

}

1 serving

}