*{padding:0;margin:0;border:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input{width:100%}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}@font-face{font-family:"Larsseit";src:url("../fonts/Larsseit.woff2") format("woff2"),url("../fonts/Larsseit.woff") format("woff");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:"Larsseit";src:url("../fonts/Larsseit-Medium.woff2") format("woff2"),url("../fonts/Larsseit-Medium.woff") format("woff");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:"Larsseit";src:url("../fonts/Larsseit-Bold.woff2") format("woff2"),url("../fonts/Larsseit-Bold.woff") format("woff");font-display:swap;font-weight:700;font-style:normal}*{border:0;margin:0;padding:0}:root{font-size:calc(16px + 4*(100vw - 320px)/960)}body{background-color:#002b66;color:#fff;font:1em/1.5 sans-serif;height:100vh;display:grid;place-items:center}.gift{position:relative;width:18em;height:18em}.gift .gift__bow,.gift .gift__bow-center,.gift .gift__bow-left,.gift .gift__bow-right,.gift .gift__box,.gift .gift__lid,.gift .gift__lid-shadow,.gift .gift__star{position:absolute}.gift .gift__bow-center,.gift .gift__bow-left,.gift .gift__bow-right{background-color:#c20030}.gift .gift__bow{animation:bowBounce 1.5s ease-in-out infinite;bottom:11em;left:7.5em;width:3em;height:2em;transform-origin:50% 230%}.gift .gift__bow .gift__bow-center{border-radius:1em;width:100%;height:100%}.gift .gift__bow .gift__bow-left,.gift .gift__bow .gift__bow-right{box-shadow:0 0 0 .7em #f5003d inset;top:.3em;width:4em;height:5em;z-index:-1}.gift .gift__bow .gift__bow-left:before,.gift .gift__bow .gift__bow-right:before{background-color:#f5003d;border-radius:inherit;content:"";display:block;position:absolute;inset:0}.gift .gift__bow .gift__bow-left{animation:bowLeftPivot 1.5s ease-in-out infinite;border-radius:1.5em 0 3em 1em/1.5em 0 3em 3.5em;right:calc(100% - .75em);transform:rotate(35deg);transform-origin:100% 15%}.gift .gift__bow .gift__bow-left:before{clip-path:polygon(0 42%, 100% 12%, 100% 100%, 0 100%)}.gift .gift__bow .gift__bow-right{animation:bowRightPivot 1.5s ease-in-out infinite;border-radius:0 1.5em 1em 3em/0 1.5em 3.5em 3em;left:calc(100% - .75em);transform:rotate(-35deg);transform-origin:0% 15%}.gift .gift__bow .gift__bow-right:before{clip-path:polygon(0 12%, 100% 42%, 100% 100%, 0 100%)}.gift .gift__lid{border-radius:1em;width:13em;height:3.3em;animation:lidBounce 1.5s ease-in-out infinite;background:linear-gradient(hsl(345deg, 100%, 48%), hsl(345deg, 100%, 48%)) 50% 50%/3.3em 100% no-repeat,#fff;bottom:8.7em;left:2.5em}.gift .gift__star--2,.gift .gift__star--4,.gift .gift__star--5{animation-name:starRotateCCW}.gift .gift__star--1{animation-delay:.75s;top:0;left:12.5em;width:1.5em;height:1.5em}.gift .gift__star--2{animation-delay:.1875s;top:2em;left:10em;width:1.75em;height:1.75em}.gift .gift__star--3{animation-delay:.375s;top:8em;left:0;width:1.25em;height:1.25em}.gift .gift__star--4{top:10.5em;right:0;width:1.75em;height:1.75em}.gift .gift__star--5{animation-delay:.5625s;top:12em;left:1.8em;width:2.5em;height:2.5em}.gift .gift__box{animation:boxBounce 1.5s ease-in-out infinite;background:linear-gradient(hsl(345deg, 100%, 38%), hsl(345deg, 100%, 38%)) 50% 50%/3.3em 100% no-repeat,#e6e6e6;border-radius:1.5em;bottom:.5em;left:3.3em;overflow:hidden;width:11.4em;height:9em}.gift .gift__box .gift__lid-shadow{border-radius:1em;width:13em;height:3.3em}.gift__box,.gift__lid,.gift__lid-shadow{transform-origin:50% 100%}.gift__lid-shadow{animation:lidShadowBounce 1.5s ease-in-out infinite;background-color:rgba(0,0,0,.1);top:-1.5em;left:-1em}.gift__star{animation:starRotateCW 1.5s ease-in infinite;background-color:#fff;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);transform:scale(0)}@keyframes bowBounce{from,50%{transform:translateY(0) rotate(0)}62.5%{animation-timing-function:ease-in;transform:translateY(75%) rotate(0)}68.75%{animation-timing-function:ease-out;transform:translateY(-37.5%) rotate(15deg)}75%{animation-timing-function:ease-in-out;transform:translateY(-150%) rotate(5deg)}87.5%{transform:translateY(65%) rotate(-3deg)}to{transform:translateY(0) rotate(0)}}@keyframes bowLeftPivot{from,50%{transform:rotate(35deg)}62.5%{transform:rotate(45deg)}75%{transform:rotate(30deg)}87.5%{transform:rotate(45deg)}to{transform:rotate(35deg)}}@keyframes bowRightPivot{from,50%{transform:rotate(-35deg)}62.5%{transform:rotate(-45deg)}75%{transform:rotate(-34deg)}87.5%{transform:rotate(-45deg)}to{transform:rotate(-35deg)}}@keyframes boxBounce{from,50%{transform:translateY(0) scale(1, 1)}62.5%{transform:translateY(4%) scale(1.12, 0.89)}75%{transform:translateY(-11%) scale(0.92, 1.1)}87.5%{transform:translateY(0) scale(1.05, 0.9)}to{transform:translateY(0) scale(1, 1)}}@keyframes lidBounce{from,50%{transform:translateY(0) scale(1, 1) rotate(0)}62.5%{animation-timing-function:ease-in;transform:translateY(45%) scale(1.14, 0.95) rotate(0)}68.75%{animation-timing-function:ease-out;transform:translateY(-22.5%) scale(1.05, 1.03) rotate(15deg)}75%{animation-timing-function:ease-in-out;transform:translateY(-90%) scale(0.96, 1.1) rotate(5deg)}87.5%{transform:translateY(30%) scale(1.12, 0.93) rotate(-3deg)}to{transform:translateY(0) scale(1, 1) rotate(0)}}@keyframes lidShadowBounce{from,50%{transform:translateY(0) scale(1, 1) rotate(0)}62.5%{animation-timing-function:ease-in;transform:translateY(10%) scale(1.14, 0.95) rotate(0)}68.75%{animation-timing-function:ease-out;transform:translateY(-10%) scale(1.05, 1.03) rotate(15deg)}75%{animation-timing-function:ease-in-out;transform:translateY(-30%) scale(0.96, 1.1) rotate(5deg)}87.5%{transform:translateY(10%) scale(1.12, 0.93) rotate(-3deg)}to{transform:translateY(0) scale(1, 1) rotate(0)}}@keyframes starRotateCW{from{transform:scale(0) rotate(0)}25%{animation-timing-function:ease-out;transform:scale(1) rotate(0.25turn)}50%,to{transform:scale(0) rotate(0.5turn)}}@keyframes starRotateCCW{from{transform:scale(0) rotate(0)}25%{animation-timing-function:ease-out;transform:scale(1) rotate(-0.25turn)}50%,to{transform:scale(0) rotate(-0.5turn)}}