@import url("https://fonts.googleapis.com/css?family=Mountains+of+Christmas");.snow{position:absolute;z-index:10000;width:100%;height:100%}.merry{color:#c84257;font-family:Mountains of Christmas;text-align:center;grid-row:1;grid-column:1/4;align-self:center;justify-self:center;font-size:6rem}.body_present,body{overflow:hidden}.body_present{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;color:white;background:black;z-index:1000}.text{top:40px;text-align:center}.present,.text{position:absolute;z-index:1000}.present{-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:10px;top:500px;width:30vw;height:25vw}.present__box{background-color:#EA5105;background-image:repeating-linear-gradient(45deg,#EA5105,#EA5105 1px,#EA5105 0,#EA5105 4px);position:absolute;width:100%;height:100%;border-radius:0 0 .5vw .5vw;box-shadow:inset -6px -6px 36px rgba(0,0,0,.1)}.present__ribbon--horizontal,.present__ribbon--vetical{content:"";position:absolute;margin:auto;background-color:#F9CDAD}.present__ribbon--vertical{content:"";position:absolute;bottom:0;right:0;left:0;margin:auto;width:5vw;height:100%;background-color:black;background-image:linear-gradient(80deg,transparent,rgba(255,255,255,.2) 70%,transparent);box-shadow:inset 0 -4px 6px -2px rgba(0,0,0,.1),4px 0 6px -2px rgba(0,0,0,.1)}.present__box .present__ribbon--vertical{height:80%}.present__ribbon--horizontal{top:0;bottom:0;left:0;width:100%;height:5vw;background-color:black;background-image:linear-gradient(80deg,transparent,rgba(255,255,255,.3) 60%,transparent);box-shadow:0 0 8px -2px rgba(0,0,0,.1)}.present__top{background-color:#EA5105;background-image:repeating-linear-gradient(-45deg,#EA5105,#EA5105 1px,#EA5105 0,#EA5105 4px);position:absolute;top:0;left:-1%;width:102%;height:20%;border-radius:.5vw .5vw 0 0;box-shadow:inset -6px -6px 36px rgba(0,0,0,.1)}.present__bow{position:absolute;right:0;bottom:100%;left:0;margin:auto;width:30%;height:40%;background-color:#83AF9B;border-radius:2px 2px 0 0;box-shadow:inset -6px -6px 6px rgba(0,0,0,.1)}.present__bow:after,.present__bow:before{content:"";position:absolute;bottom:100%;width:70%;height:150%;background-color:inherit;border-radius:2px;z-index:-1}.present__bow:before{left:0;transform:rotate(45deg);box-shadow:inset 6px 6px 6px rgba(0,0,0,.1)}.present__bow:after{right:0;transform:rotate(-45deg);box-shadow:inset -6px -6px 6px rgba(0,0,0,.1)}.santa{position:absolute;right:0;bottom:90%;left:0;margin:auto;width:60%;background-color:#E1B899;border-radius:100%}.santa:after{content:"";display:block;padding-bottom:100%}.santa__eyes{position:absolute;top:35%;width:100%;height:100%}.santa__eyes:after,.santa__eyes:before{content:"";position:absolute;width:1.4vw;height:1.4vw;background-color:#111111;border-radius:100%}.santa__eyes:before{left:30%}.santa__eyes:after{right:30%}.santa__beard{position:absolute;right:0;bottom:0;left:0;margin:auto;width:100%;height:50%;background-color:white;border-radius:0 0 4vw 4vw}.santa__beard:after,.santa__beard:before{content:"";position:absolute;bottom:100%;width:15%;height:25%;background-color:inherit}.santa__beard:before{left:0;border-radius:0 4vw 0 0}.santa__beard:after{right:0;border-radius:4vw 0 0 0}.santa__beard--cover{width:70%;height:50%;background-color:#E1B899;border-radius:0 0 2vw 2vw}.santa__beard--cover,.santa__beard--cover:before{position:absolute;top:0;right:0;left:0;margin:auto}.santa__beard--cover:before{content:"";width:50%;height:100%;background-color:white;border-radius:1vw 1vw 0 0}.santa__smile{position:absolute;right:0;bottom:30%;left:0;margin:auto;width:15%;height:20%;background-color:#111111;border-radius:4vw}.santa__smile:before{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background-color:white}.present{animation:shake 11s ease-in-out infinite}.present__top{transform:translateY(0);transition:transform .2s ease-in}.santa{opacity:0;transform:translateY(17vw);transition:opacity 0s .2s,transform .2s ease-in}.present:hover{animation:none}.present .santa{opacity:1;transform:translateY(0);animation:pop-up 11s ease-in infinite;transition:opacity 0s}.present .present__top{transform:translateY(-17vw);animation:pop-the-top 11s ease-in infinite}@keyframes pop-the-top{0%{transform:translateY(0)}50%{transform:translateY(0)}52.7%{transform:translateY(-24vw)}55.3%{transform:translateY(-16vw)}56.7%{transform:translateY(-18vw)}58%,77%{transform:translateY(-17vw)}85%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes pop-up{0%{transform:translateY(17vw)}50%{transform:translateY(17vw)}52.7%,77%{transform:translateY(0)}85%{transform:translateY(17vw)}to{transform:translateY(17vw)}}@keyframes shake{32%{transform:translateX(-.2vw)}33%{transform:translateX(.2vw)}34%{transform:translateX(-.5vw)}35%{transform:translateX(.5vw)}36%{transform:translateX(-.2vw)}37%{transform:translateX(.2vw)}38%{transform:translateX(0)}}@media only screen and (min-width:800px){.present{top:600px}}@media only screen and (min-width:900px){.present{width:15vw;height:12.5vw;top:620px}.present__ribbon--vertical{width:2.5vw}.present__ribbon--horizontal{height:2.5vw}.santa{transform:translateY(8.5vw)}.present:hover .present__top{transform:translateY(-8.5vw)}@keyframes pop-up{0%{transform:translateY(8.5vw)}50%{transform:translateY(8.5vw)}52.7%,77%{transform:translateY(0)}85%{transform:translateY(8.5vw)}to{transform:translateY(8.5vw)}}@keyframes pop-the-top{0%{transform:translateY(0)}50%{transform:translateY(0)}52.7%{transform:translateY(-12vw)}55.3%{transform:translateY(-8vw)}56.7%{transform:translateY(-9vw)}58%,77%{transform:translateY(-8.5vw)}85%{transform:translateY(0)}to{transform:translateY(0)}}}