INGREDIENTS
1 serving
display: inline-block
232323
background-color
1
color: rgba
1 serving
width:100%
1 serving
height:100%
1 serving
section {
1 serving
width:100%
1 serving
display: table
1 serving
width:100%
1 serving
padding-bottom
1 serving
top:0px
1 serving
width:100%
1 serving
border-top {
1 serving
background-color: #fff
1 serving
display: inline-block
1 serving
display: table-cell
1 serving
width:100%
1 serving
display: block
1 serving
font-size: 21px
1 serving
margin-bottom: 0px
1 serving
margin-top: 28px
1 serving
margin-bottom: 0px
1 serving
font-size: 120px
1 serving
font-size: 16px
1 serving
margin-bottom: 8px
1 serving
margin-top:6px
1 serving
slide-fade-in {
1 11/40
webkit-animation: fade-in 1s 0.2s forwards cubic-bezier
1 11/40
moz-animation: fade-in 1s 0.2s forwards cubic-bezier
1 11/40
animation: fade-in 1s 0.2s forwards cubic-bezier
1 serving
webkit-transform: translatey)
1 oz
m -transform: translatey)
1 serving
o-transform: translatey)
1 serving
transform: translatey)
? -webkit-opacity: 0; -webkit-opacity: 0; webkit-opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? -moz-opacity:0; -moz-opacity:0; moz-opacity 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"=>""}}
1 serving
}
1 serving
webkit-keyframes fade-in {
1 serving
{
1 serving
webkit-transform: translatey)
1 oz
m -transform: translatey)
1 serving
o-transform: translatey)
1 serving
transform: translatey)
1
1
1
1 serving
}
1 serving
}
1 oz
m -keyframes fade-in {
1 serving
{
1 serving
webkit-transform: translatey)
1 oz
m -transform: translatey)
1 serving
o-transform: translatey)
1 serving
transform: translatey)
1
1
1
1 serving
}
1 serving
}
1 serving
keyframes fade-in {
1 serving
{
1 serving
webkit-transform: translatey)
1 oz
m -transform: translatey)
1 serving
o-transform: translatey)
1 serving
transform: translatey)
1
1
1
1 serving
}
1 serving
}
1 serving
time {
1 serving
fill:#0f9aff
4
webkit-animation: ckw 15s infinite; /* safari
5
moz-animation: ckw 1s infinite; /* fx
12
o-animation: ckw 15s infinite; /* opera
29
animation: ckw 15s infinite; /* ie 10+
1 serving
webkit-animation-timing-function: linear; /* chrome
1 serving
animation-timing-function: linear
1 serving
transform-origin
1 serving
}
1 serving
keyframes ckw {
1 serving
{
1 serving
transform: rotate)
1 serving
webkit-transform: rotate)
1 oz
m -transform: rotate)
1 serving
o-transform: rotate)
1 serving
}
1 serving
{
1 serving
transform: rotate)
1 serving
webkit-transform: rotate)
1 oz
m -transform: rotate)
1 serving
o-transform: rotate)
1 serving
}
1 serving
}
1 serving
webkit-keyframes ckw {
1 serving
{
1 serving
transform: rotate)
1 serving
webkit-transform: rotate)
1 oz
m -transform: rotate)
1 serving
o-transform: rotate)
1 serving
}
1 serving
{
1 serving
transform: rotate)
1 serving
webkit-transform: rotate)
1 oz
m -transform: rotate)
1 serving
o-transform: rotate)
1 serving
}
1 serving
}
1 oz
m -keyframes ckw {
1 serving
{
1 serving
transform: rotate)
1 serving
webkit-transform: rotate)
1 oz
m -transform: rotate)
1 serving
o-transform: rotate)
1 serving
}
1 serving
{
1 serving
transform: rotate)
1 serving
webkit-transform: rotate)
1 oz
m -transform: rotate)
1 serving
o-transform: rotate)
1 serving
}
1 serving
}
1 serving
body {
1 serving
font-family: 'abel'
1 serving
position: relative
1 serving
margin:0px
1 serving
}
1 serving
height
1 serving
position: absolute
1 serving
}
1 serving
article {
1 serving
height
1 serving
}
1 container
svg {
1 serving
height: 0px
1 serving
position: relative
1 serving
width:75px
1 serving
margin: 0px auto
1 serving
}
1 container
svg svg {
1 serving
position: absolute
1 serving
left: 0px
1 serving
height
1 serving
}
1 serving
width:95px
1 serving
height: 2px
1 serving
margin:0px auto
1 serving
}
1 serving
vert-center {
1 serving
height
1 serving
vertical-align: middle
1 serving
}
1 container
logo {
1 serving
margin:10px auto
1 serving
width: 75px
1 serving
height: 75px
1 serving
}
1
h {
1 serving
line-height: 32px
700
1 serving
text-transform: uppercase
1 serving
letter-spacing: 2px
1 serving
}
1 large
text {
1 serving
text-align: center
1 serving
}
1 large
text p {
1 serving
line-height: 150px
1 serving
}
1 serving
p {
1 serving
line-height: 23px
1 serving
}
1 container
text {
1 serving
text-align: center
1 serving
}
1 serving
media only screen and {
1 container
logo {
1 serving
width:100px
1 serving
}
1 serving
}