:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;font-family:sans-serif;background-color:#3b4049}.center{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.animated-text span{font-size:50px;color:#fff;font-family:Arial;text-transform:uppercase;display:inline-block;transform:rotateY(0);transition:.3s;animation:bounce .5s cubic-bezier(.42,0,.58,1) infinite alternate;position:relative}.animated-text h1 span:nth-child(1){animation-delay:0s}.animated-text h1 span:nth-child(2){animation-delay:.1s}.animated-text h1 span:nth-child(3){animation-delay:.2s}.animated-text h1 span:nth-child(4){animation-delay:.3s}.animated-text h1 span:nth-child(5){animation-delay:.4s}.animated-text h1 span:nth-child(6){animation-delay:.5s}.animated-text h1 span:nth-child(7){animation-delay:.6s}.animated-text h1 span:nth-child(8){animation-delay:.7s}.animated-text h1 span:nth-child(9){animation-delay:.8s}.animated-text h1 span:nth-child(10){animation-delay:.9s}.animated-text h1 span:nth-child(11){animation-delay:1s}.animated-text h1 span:nth-child(12){animation-delay:1.1s}.animated-text h1 span:nth-child(13){animation-delay:1.2s}.animated-text h1 span:nth-child(14){animation-delay:1.3s}.animated-text h1 span:nth-child(15){animation-delay:1.4s}.animated-text h1 span:nth-child(16){animation-delay:1.5s}.animated-text h1 span:nth-child(17){animation-delay:1.6s}.animated-text h1 span:nth-child(18){animation-delay:1.7s}.animated-text h1 span:nth-child(19){animation-delay:1.8s}@keyframes bounce{0%{top:0;text-shadow:none}50%{top:-10px;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc}to{top:-20px;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc}}.wrapper{height:200px;width:300px;background-color:#3760c9;position:relative;display:flex;justify-content:center;z-index:0;cursor:pointer}.lid{position:absolute;height:100%;width:100%;top:0;left:0;border-right:150px solid transparent;border-bottom:100px solid transparent;border-left:150px solid transparent;transform-origin:top;transition:transform .25s linear}.lid.one{border-top:100px solid #658ced;transform:rotateX(0);z-index:3;transition-delay:.75s}.lid.two{border-top:100px solid #3760C9;transform:rotateX(90deg);z-index:1;transition-delay:.5s}.envelope{position:absolute;height:100%;width:100%;top:0;left:0;border-top:100px solid transparent;border-right:150px solid #C4DFF0;border-bottom:100px solid #C4DFF0;border-left:150px solid #a4d4f2;z-index:3}.letter{position:absolute;top:0;width:80%;height:80%;background-color:#fff;border-radius:15px;z-index:2;transition:.5s}.letter p{text-align:center;font-size:30px;margin-top:30px;color:#3b4049}.wrapper:hover .lid.one{transform:rotateX(90deg);transition-delay:0s}.wrapper:hover .lid.two{transform:rotateX(180deg);transition-delay:.25s}.wrapper:hover .letter{transform:translateY(-50px);transition-delay:.5s}.wrapper:hover~.instruction{opacity:0;visibility:hidden}.instruction{color:#fff;margin-top:13vh;transition:opacity .5s ease,visibility .5s ease}.animated-text{margin-bottom:7vh;display:flex;justify-content:space-around;align-items:center;flex-direction:column;height:20vh;padding:10px}@media screen and (max-width: 768px){.animated-text span{font-size:35px}.animated-text{height:15vh;margin-bottom:1vh}}@media screen and (max-width: 480px){.animated-text span{font-size:20px}.animated-text{height:12vh;margin-bottom:.5vh}}@media screen and (max-width: 320px){.animated-text span{font-size:17.5px}.animated-text{height:10vh}}body{margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#3b4049;font-family:sans-serif}.container{text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.btn{margin-top:20px}.btn a{text-decoration:none;color:#fff;background:#3760c9;padding:10px 25px;margin:0 10px;border-radius:5px;transition:background .3s}.btn a:hover{background:#658ced}h1{margin:20px 0}.tenor-gif-embed{pointer-events:none;-webkit-user-select:none;user-select:none}.btn{margin-top:5vh}p{margin:0;padding:0;font-size:1.2rem;color:#fff}