/* HEADER REVEAL ANIMATION */

header {
	z-index: 3;
	animation: float-like-a-feather-down 10s;
}

@keyframes float-like-a-feather-down {
	000%	{transform: rotate(000deg);bottom:095vh;left:000vw;}
	020%	{transform: rotate(015deg);bottom:070vh;left:-20vw;}
	040%	{transform: rotate(-15deg);bottom:045vh;left:020vw;}
	060%	{transform: rotate(015deg);bottom:020vh;left:-20vw;}
	080%	{transform: rotate(-15deg);bottom:-05vh;left:020vw;}
	100%	{transform: rotate(015deg);bottom:-30vh;left:-10vw;}
}

/*@keyframes float-like-a-feather-down {
	000%	{transform: rotate(000deg)translate(00vw,000vh);}
	020%	{transform: rotate(015deg)translate(-5vw,020vh);}
	040%	{transform: rotate(-15deg)translate(05vw,040vh);}
	060%	{transform: rotate(015deg)translate(-5vw,060vh);}
	080%	{transform: rotate(-15deg)translate(05vw,080vh);}
	100%	{transform: rotate(015deg)translate(-5vw,100vh);}
}*/

/*@keyframes crawl-down {
	000%	{transform: rotate(0deg)translate(00vw,000vh);}
	010%	{transform: rotate(-5deg)translate(01vw,010vh);}
	020%	{transform: rotate(05deg)translate(-1vw,020vh);}
	030%	{transform: rotate(-5deg)translate(01vw,030vh);}
	040%	{transform: rotate(05deg)translate(-1vw,040vh);}
	050%	{transform: rotate(-5deg)translate(01vw,050vh);}
	060%	{transform: rotate(05deg)translate(-1vw,060vh);}
	070%	{transform: rotate(-5deg)translate(01vw,070vh);}
	080%	{transform: rotate(05deg)translate(-1vw,080vh);}
	090%	{transform: rotate(-5deg)translate(01vw,090vh);}
	100%	{transform: rotate(05deg)translate(-1vw,100vh);}
}*/

/* COLOR SWATCHES REVEAL ANIMATION */

@keyframes hover-animation-color-swatch-buttons {
	000%	{transform: scale(0.0);}
	050%	{transform: scale(2.0);}
	100%	{transform: scale(1.0);}
}

main ol li {
	animation: hover-animation-color-swatch-buttons 1s;
	animation-fill-mode: backwards;
}

main ol li:nth-of-type(01) {animation-delay: 0.01s;}
main ol li:nth-of-type(02) {animation-delay: 0.02s;}
main ol li:nth-of-type(03) {animation-delay: 0.03s;}
main ol li:nth-of-type(04) {animation-delay: 0.04s;}
main ol li:nth-of-type(05) {animation-delay: 0.05s;}
main ol li:nth-of-type(06) {animation-delay: 0.06s;}
main ol li:nth-of-type(07) {animation-delay: 0.07s;}
main ol li:nth-of-type(08) {animation-delay: 0.08s;}
main ol li:nth-of-type(09) {animation-delay: 0.09s;}
main ol li:nth-of-type(10) {animation-delay: 0.10s;}
main ol li:nth-of-type(11) {animation-delay: 0.11s;}
main ol li:nth-of-type(12) {animation-delay: 0.12s;}
main ol li:nth-of-type(13) {animation-delay: 0.13s;}
main ol li:nth-of-type(14) {animation-delay: 0.14s;}
main ol li:nth-of-type(15) {animation-delay: 0.15s;}
main ol li:nth-of-type(16) {animation-delay: 0.16s;}
main ol li:nth-of-type(17) {animation-delay: 0.17s;}
main ol li:nth-of-type(18) {animation-delay: 0.18s;}
main ol li:nth-of-type(19) {animation-delay: 0.19s;}
main ol li:nth-of-type(20) {animation-delay: 0.20s;}
main ol li:nth-of-type(21) {animation-delay: 0.21s;}
main ol li:nth-of-type(22) {animation-delay: 0.22s;}
main ol li:nth-of-type(23) {animation-delay: 0.23s;}
main ol li:nth-of-type(24) {animation-delay: 0.24s;}
main ol li:nth-of-type(25) {animation-delay: 0.25s;}
main ol li:nth-of-type(26) {animation-delay: 0.26s;}
main ol li:nth-of-type(27) {animation-delay: 0.27s;}
main ol li:nth-of-type(28) {animation-delay: 0.28s;}
main ol li:nth-of-type(29) {animation-delay: 0.29s;}
main ol li:nth-of-type(30) {animation-delay: 0.30s;}
main ol li:nth-of-type(31) {animation-delay: 0.31s;}
main ol li:nth-of-type(32) {animation-delay: 0.32s;}
main ol li:nth-of-type(33) {animation-delay: 0.33s;}
main ol li:nth-of-type(34) {animation-delay: 0.34s;}
main ol li:nth-of-type(35) {animation-delay: 0.35s;}
main ol li:nth-of-type(36) {animation-delay: 0.36s;}
main ol li:nth-of-type(37) {animation-delay: 0.37s;}
main ol li:nth-of-type(38) {animation-delay: 0.38s;}
main ol li:nth-of-type(39) {animation-delay: 0.39s;}
main ol li:nth-of-type(40) {animation-delay: 0.40s;}
main ol li:nth-of-type(41) {animation-delay: 0.41s;}
main ol li:nth-of-type(42) {animation-delay: 0.42s;}
main ol li:nth-of-type(43) {animation-delay: 0.43s;}
main ol li:nth-of-type(44) {animation-delay: 0.44s;}
main ol li:nth-of-type(45) {animation-delay: 0.45s;}
main ol li:nth-of-type(46) {animation-delay: 0.46s;}
main ol li:nth-of-type(47) {animation-delay: 0.47s;}
main ol li:nth-of-type(48) {animation-delay: 0.48s;}
main ol li:nth-of-type(49) {animation-delay: 0.49s;}
main ol li:nth-of-type(50) {animation-delay: 0.50s;}
main ol li:nth-of-type(51) {animation-delay: 0.51s;}
main ol li:nth-of-type(52) {animation-delay: 0.52s;}
main ol li:nth-of-type(53) {animation-delay: 0.53s;}
main ol li:nth-of-type(54) {animation-delay: 0.54s;}
main ol li:nth-of-type(55) {animation-delay: 0.55s;}
main ol li:nth-of-type(56) {animation-delay: 0.56s;}
main ol li:nth-of-type(57) {animation-delay: 0.57s;}
main ol li:nth-of-type(58) {animation-delay: 0.58s;}
main ol li:nth-of-type(59) {animation-delay: 0.59s;}
main ol li:nth-of-type(60) {animation-delay: 0.60s;}
main ol li:nth-of-type(61) {animation-delay: 0.61s;}
main ol li:nth-of-type(62) {animation-delay: 0.62s;}
main ol li:nth-of-type(63) {animation-delay: 0.63s;}
main ol li:nth-of-type(64) {animation-delay: 0.64s;}
main ol li:nth-of-type(65) {animation-delay: 0.65s;}
main ol li:nth-of-type(66) {animation-delay: 0.66s;}
main ol li:nth-of-type(67) {animation-delay: 0.67s;}
main ol li:nth-of-type(68) {animation-delay: 0.68s;}
main ol li:nth-of-type(69) {animation-delay: 0.69s;}
main ol li:nth-of-type(70) {animation-delay: 0.70s;}
main ol li:nth-of-type(71) {animation-delay: 0.71s;}
main ol li:nth-of-type(72) {animation-delay: 0.72s;}
main ol li:nth-of-type(73) {animation-delay: 0.73s;}
main ol li:nth-of-type(74) {animation-delay: 0.74s;}
main ol li:nth-of-type(75) {animation-delay: 0.75s;}
main ol li:nth-of-type(76) {animation-delay: 0.76s;}
main ol li:nth-of-type(77) {animation-delay: 0.77s;}
main ol li:nth-of-type(78) {animation-delay: 0.78s;}
main ol li:nth-of-type(79) {animation-delay: 0.79s;}
main ol li:nth-of-type(80) {animation-delay: 0.80s;}
main ol li:nth-of-type(81) {animation-delay: 0.81s;}
main ol li:nth-of-type(82) {animation-delay: 0.82s;}
main ol li:nth-of-type(83) {animation-delay: 0.83s;}
main ol li:nth-of-type(84) {animation-delay: 0.84s;}
main ol li:nth-of-type(85) {animation-delay: 0.85s;}
main ol li:nth-of-type(86) {animation-delay: 0.86s;}
main ol li:nth-of-type(87) {animation-delay: 0.87s;}
main ol li:nth-of-type(88) {animation-delay: 0.88s;}
main ol li:nth-of-type(89) {animation-delay: 0.89s;}
main ol li:nth-of-type(90) {animation-delay: 0.90s;}
main ol li:nth-of-type(91) {animation-delay: 0.91s;}
main ol li:nth-of-type(92) {animation-delay: 0.92s;}
main ol li:nth-of-type(93) {animation-delay: 0.93s;}
main ol li:nth-of-type(94) {animation-delay: 0.94s;}
main ol li:nth-of-type(95) {animation-delay: 0.95s;}
main ol li:nth-of-type(96) {animation-delay: 0.96s;}
main ol li:nth-of-type(97) {animation-delay: 0.97s;}
main ol li:nth-of-type(98) {animation-delay: 0.98s;}
main ol li:nth-of-type(99) {animation-delay: 0.99s;}
main ol li:nth-of-type(100) {animation-delay: 1.00s;}
main ol li:nth-of-type(101) {animation-delay: 1.01s;}
main ol li:nth-of-type(102) {animation-delay: 1.02s;}
main ol li:nth-of-type(103) {animation-delay: 1.03s;}
main ol li:nth-of-type(104) {animation-delay: 1.04s;}
main ol li:nth-of-type(105) {animation-delay: 1.05s;}
main ol li:nth-of-type(106) {animation-delay: 1.06s;}
main ol li:nth-of-type(107) {animation-delay: 1.07s;}
main ol li:nth-of-type(108) {animation-delay: 1.08s;}
main ol li:nth-of-type(109) {animation-delay: 1.09s;}
main ol li:nth-of-type(110) {animation-delay: 1.10s;}
main ol li:nth-of-type(111) {animation-delay: 1.11s;}
main ol li:nth-of-type(112) {animation-delay: 1.12s;}
main ol li:nth-of-type(113) {animation-delay: 1.13s;}
main ol li:nth-of-type(114) {animation-delay: 1.14s;}
main ol li:nth-of-type(115) {animation-delay: 1.15s;}
main ol li:nth-of-type(116) {animation-delay: 1.16s;}
main ol li:nth-of-type(117) {animation-delay: 1.17s;}
main ol li:nth-of-type(118) {animation-delay: 1.18s;}
main ol li:nth-of-type(119) {animation-delay: 1.19s;}
main ol li:nth-of-type(120) {animation-delay: 1.20s;}
main ol li:nth-of-type(121) {animation-delay: 1.21s;}
main ol li:nth-of-type(122) {animation-delay: 1.22s;}
main ol li:nth-of-type(123) {animation-delay: 1.23s;}
main ol li:nth-of-type(124) {animation-delay: 1.24s;}
main ol li:nth-of-type(125) {animation-delay: 1.25s;}
main ol li:nth-of-type(126) {animation-delay: 1.26s;}
main ol li:nth-of-type(127) {animation-delay: 1.27s;}
main ol li:nth-of-type(128) {animation-delay: 1.28s;}
main ol li:nth-of-type(129) {animation-delay: 1.29s;}
main ol li:nth-of-type(130) {animation-delay: 1.30s;}
main ol li:nth-of-type(131) {animation-delay: 1.31s;}
main ol li:nth-of-type(132) {animation-delay: 1.32s;}
main ol li:nth-of-type(133) {animation-delay: 1.33s;}
main ol li:nth-of-type(134) {animation-delay: 1.34s;}
main ol li:nth-of-type(135) {animation-delay: 1.35s;}
main ol li:nth-of-type(136) {animation-delay: 1.36s;}
main ol li:nth-of-type(137) {animation-delay: 1.37s;}
main ol li:nth-of-type(138) {animation-delay: 1.38s;}
main ol li:nth-of-type(139) {animation-delay: 1.39s;}
main ol li:nth-of-type(140) {animation-delay: 1.40s;}
main ol li:nth-of-type(141) {animation-delay: 1.41s;}
main ol li:nth-of-type(142) {animation-delay: 1.42s;}
main ol li:nth-of-type(143) {animation-delay: 1.43s;}
main ol li:nth-of-type(144) {animation-delay: 1.44s;}
main ol li:nth-of-type(145) {animation-delay: 1.45s;}
main ol li:nth-of-type(146) {animation-delay: 1.46s;}
main ol li:nth-of-type(147) {animation-delay: 1.47s;}
main ol li:nth-of-type(148) {animation-delay: 1.48s;}
main ol li:nth-of-type(149) {animation-delay: 1.49s;}
main ol li:nth-of-type(150) {animation-delay: 1.50s;}