*{margin:0;padding:0;box-sizing:border-box}*,body{font-family:Mountains of Christmas,cursive}body{width:100%;height:100vh}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:100%;min-height:100%;margin:0;padding:0}.home{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}#myVideo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;min-height:100vh;z-index:-1;vertical-align:center;background-color:#000}.dialog{width:80%;height:60%;background:hsla(0,0%,100%,.57);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(16.5px);-webkit-backdrop-filter:blur(16.5px);z-index:1;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:25px;gap:10px}.dialog .pamblica{position:absolute;width:100%;height:100%;opacity:.5}.dialog .pamblica .pamblica1{position:absolute;width:50px;left:15%;height:100%;background:red}.dialog .pamblica .pamblica2{position:absolute;width:100%;height:50px;top:15%;background:red}.dialog p{text-align:center;width:100%;font-size:48px;font-weight:800;color:#d50707;animation:rotate 3s ease infinite}.dialog select{outline:none;border:none;width:500px;height:50px;text-align:center;font-size:24px;color:red;border-radius:25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:3}.dialog input::-moz-placeholder{color:rgba(255,0,0,.397)}.dialog input::placeholder{color:rgba(255,0,0,.397)}.dialog button{outline:none;border:none;background-color:red;color:#fff;padding:12px 24px;border-radius:25px;transition:.2s;z-index:3}.dialog button:hover{cursor:pointer;transition:.2s;background-color:#c71414}.salut{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.56);display:flex;justify-content:center;align-items:center;z-index:2}.salut .box{display:flex;justify-content:space-around;align-items:flex-end;flex-direction:column;padding:20px;width:500px;height:250px;color:red;background:hsla(0,0%,100%,.955);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(16.5px);-webkit-backdrop-filter:blur(16.5px)}.salut .box p{width:100%;font-size:42px}.salut .box button{outline:none;border:none;background-color:red;color:#fff;padding:12px 24px;border-radius:25px;transition:.2s}.salut .box button:hover{cursor:pointer;transition:.2s;background-color:#c71414}.controller{position:absolute;bottom:0;left:0;width:100%;margin:0;padding:0;animation:float 3s ease infinite}.controller,.controller .display{display:flex;justify-content:center;align-items:center}.controller .display{width:80%;background:red;border-radius:25px;padding:15px;gap:30px}.controller .display button{outline:none;border:none;background:transparent;display:flex;text-align:center;padding:0;width:20px;height:20px;justify-content:center;color:#fff}.controller button:hover{cursor:pointer}.box-cadou{position:absolute}.box-cadou:before{content:"";width:440px;height:440px;background-color:#89cff0;position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.box-body{z-index:5;position:relative;height:200px;width:200px;background-color:#cc231e;border-bottom-left-radius:5%;border-bottom-right-radius:5%;box-shadow:0 4px 8px 0 rgba(0,0,0,.3);background:linear-gradient(#762c2c,#ff0303)}.box-body .img{opacity:0;transform:translateY(0);transition:all .5s;margin:0 auto;background:red;border-radius:25px;font-size:20px;width:200px;display:flex;justify-content:center;align-items:center;color:#fff}.box-body:hover{cursor:pointer;animation:box-body 1s ease-in-out forwards}.box-body:hover .img{opacity:1;z-index:0;transform:translateY(-100px)}.box-body:hover .box-lid{animation:box-lid 1s ease-in-out forwards}.box-body:hover .box-bowtie:before{animation:box-bowtie-left 1.1s ease-in-out forwards}.box-body:hover .box-bowtie:after{animation:box-bowtie-right 1.1s ease-in-out forwards}.box-body:after{content:"";top:0;bottom:0;width:50px;background:linear-gradient(#fff,#ffefa0)}.box-body:after,.box-lid{position:absolute;left:50%;transform:translateX(-50%)}.box-lid{z-index:1;bottom:90%;background-color:#cc231e;height:40px;width:220px;border-radius:5%;box-shadow:0 8px 4px -4px rgba(0,0,0,.3)}.box-lid:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:50px;background:linear-gradient(#ffefa0,#fff)}.box-bowtie{z-index:1;height:100%}.box-bowtie:after,.box-bowtie:before{content:"";width:83.33333333px;height:83.33333333px;border:16.66666667px solid #fff;border-radius:50% 50% 0 50%;position:absolute;bottom:99%;z-index:-1}.box-bowtie:before{left:50%;transform:translateX(-100%) skew(10deg,10deg)}.box-bowtie:after{left:50%;transform:translateX(0) rotate(90deg) skew(10deg,10deg)}@media only screen and (max-width:768px){body{min-height:100vh}.dialog button,.dialog select{width:90%}.salut .box{width:90%;text-align:center;font-size:12px}.salut .box button{font-size:14px;width:100%}}@keyframes box-lid{0%,42%{transform:translate3d(-50%,0,0) rotate(0deg)}60%{transform:translate3d(-85%,-230%,0) rotate(-25deg)}90%,to{transform:translate3d(-119%,225%,0) rotate(-70deg)}}@keyframes box-body{0%{transform:translateZ(0) rotate(0deg)}25%{transform:translate3d(0,25%,0) rotate(20deg)}50%{transform:translate3d(0,-15%,0) rotate(0deg)}70%{transform:translateZ(0) rotate(0deg)}}@keyframes box-bowtie-right{0%,50%,75%{transform:translateX(0) rotate(90deg) skew(10deg,10deg)}90%,to{transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg);box-shadow:0 4px 8px -4px rgba(0,0,0,.3)}}@keyframes box-bowtie-left{0%{transform:translateX(-100%) rotate(0deg) skew(10deg,10deg)}50%,75%{transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg)}90%,to{transform:translateX(-100%) rotate(0deg) skew(10deg,10deg)}}@keyframes rotate{0%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes float{0%{bottom:0}50%{bottom:10px}to{bottom:0}}h3[data-v-ebbc34ee]{margin:40px 0 0}ul[data-v-ebbc34ee]{list-style-type:none;padding:0}li[data-v-ebbc34ee]{display:inline-block;margin:0 10px}a[data-v-ebbc34ee]{color:#42b983}