*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:'Lobster';background:#111 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnCc8RCBgU-MhWTJrWvhEgRmWgMfhaQ3RcDpztcI0MwG16jXMFJVwEnaSSVejNVMWE0Ha9w9KwX9RH7fX1Sn99NwWJxUHvQLutRVDqSo3nZ1jBkm4_DedpL-M_MeaHOKZ6Agoo46F_rgKoqeDz_5Xa1ZU8yCCvyniiVaizE7hC3yunbiTGMKMDk9x7q5Hv/s0/nen.jpg") no-repeat center center fixed;background-size:cover;overflow:hidden}.boicanh{width:100vw;height:120vh;perspective:1200px;display:flex;align-items:center;justify-content:center;perspective-origin:50% 150px;transform-style:preserve-3d;touch-action:none}#perspective{transform-style:preserve-3d;position:relative;transform:translateZ(0)}#bithu{width:400px;height:280px;transform-style:preserve-3d;transition:transform .3s ease;position:relative;box-shadow:0px 10px 40px rgba(0,0,0,0.4);border-radius:8px}.mat{position:absolute;width:100%;height:100%;backface-visibility:hidden}.truoc{background-image:repeating-linear-gradient(150deg,#ff6969,#ff6969 20px,#ffffff 0px,#ffffff 40px,#85adff 0px,#85adff 60px,#ffffff 0px,#ffffff 80px);border-radius:8px;z-index:2}#white{width:95%;height:90%;background:#f5f5f5;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.truoc h1{color:#948D88;text-shadow:0 1px 1px white;text-align:center;padding-top:60px}.sau{background:linear-gradient(to bottom,whitesmoke 0%,#8f8f8f 100%);transform:rotateY(180deg);border-radius:8px}#mothu{position:absolute;top:0;left:0;height:0;border-top:161px solid #d9d9d9;border-left:190px solid transparent;border-right:200px solid transparent;transform-origin:center top;z-index:10}#nepgap{position:absolute;top:0;left:0;width:0;height:0;border-left:180px solid #e6e6e6;border-top:140px solid transparent;border-bottom:140px solid transparent;z-index:5}#nepgapphai{position:absolute;top:0;right:0;width:0;height:0;border-top:140px solid transparent;border-bottom:140px solid transparent;border-right:180px solid #e6e6e6;z-index:5}#nepgapduoi{position:absolute;bottom:0;left:0;width:0;height:0;border-left:200px solid transparent;border-right:200px solid transparent;border-bottom:140px solid #d9d9d9;z-index:4}#lathu{background:linear-gradient(to bottom,whitesmoke 0%,#fafafa 70%,#f2f2f2 100%);box-shadow:0 2px 5px rgba(0,0,0,0.3);border-radius:8px;position:absolute;top:3px;left:5px;width:390px;height:200px;padding:0;overflow:hidden;z-index:1;transition:all 0.5s ease}canvas#lathujanshare{width:100%;height:100%;display:block}canvas#lathujanshare.damothu{height:auto !important}.button{border-radius:8px;padding:0 1em;background-color:#b6b6b6;font-weight:bold;color:#FFF;line-height:50px;display:inline-block;margin-top:10px;cursor:pointer}#dongthu{position:absolute;bottom:111px;right:148px;z-index:2;display:none}.heart{position:fixed;width:10px;height:10px;background-color:red;transform:rotate(45deg);animation:fall 5s linear forwards;z-index:9999}.heart::before,.heart::after{content:'';position:absolute;width:10px;height:10px;background-color:red;border-radius:50%}.heart::before{top:-5px;left:0}.heart::after{top:0;left:-5px}@keyframes fall{0%{transform:translateY(0) rotate(45deg);opacity:1}100%{transform:translateY(100vh) rotate(45deg);opacity:0}}@font-face{font-family:fontjan23;src:url(https://cdn.jsdelivr.net/gh/codetienich/dulieu@main/iCiel_Altus.otf)}@font-face{font-family:fontjan47;src:url(https://cdn.jsdelivr.net/gh/codetienich/dulieu@main/Fz-Scripture-1.ttf)}