*{margin:0;padding:0;box-sizing:border-box;}
  body{overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:"Sriracha",serif;background-color:#000;gap:14px;}
  .pink{color:pink}
  .garismerah{border-bottom:1.5px solid red}
  .overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.3);z-index:9999;}
  .cover{color:white;margin-top:-180px;display:flex;flex-direction:column;justify-content:center;align-items:center}
  .cover p{font-size:17px;font-weight:700;}
  .lovein{font-size:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;}
  .lovein svg{width:80px;height:80px;fill:#fefefe}
  .awalan{margin-top:20px;width:250px;min-height:25px;padding:12px;font-size:13px;color:white;background:rgba(0,0,0,.5);border:1px solid #fff;border-radius:20px;display:flex;align-items:center;text-align:left}
  .awalan svg{margin-right:15px;width:25px;height:25px;stroke:white}
  .stiker{margin-top:70px;margin-bottom:10px;position:absolute;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;transform:scale(0);transition:all .75s ease;z-index:9999;}
  .stiker img{display:none;width:100px;height:100px;box-shadow:0 4px 30px rgba(255,255,255,0.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.3);border-radius:50%;padding:10px;}
  #main-stiker{display:flex}
  h3.title{font-size:16px;color:white;text-shadow:0px 2px 2px rgba(0,0,0,.5);transition:all .7s ease;}
  .wrapper{margin-top:170px;height:100px;width:150px;background-color:#3760C9;position:relative;display:flex;justify-content:center;z-index:0;transition:all .7s ease;}
  .lid{position:absolute;height:100%;width:100%;top:0;left:0;border-right:75px solid transparent;border-bottom:50px solid transparent;border-left:75px solid transparent;transform-origin:top;transition:transform 0.3s ease;}
  .lid.one{border-top:50px solid #658ced;transform:rotateX(0deg);z-index:3;}
  .lid.two{border-top:50px solid #3760C9;transform:rotateX(0deg);z-index:1;transition-delay:0.1s;}
  .envelope{position:absolute;height:100%;width:100%;top:0;left:0;border-top:50px solid transparent;border-right:75px solid #C4DFF0;border-bottom:50px solid #C4DFF0;border-left:75px solid #a4d4f2;z-index:3;box-shadow:2px 2px 5px rgba(255,255,255,0.3);}
  .envelopemoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;z-index:30;}
  .letter{position:absolute;top:0;width:80%;height:80%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:10px;z-index:1;transition:transform 0.5s ease;}
  .letter p{text-align:center;font-size:12px;margin-top:15px;color:#FFF;}
  .container{position:relative;display:block;width:80%;min-height:100px;max-height:250px;overflow:auto;background-color:rgba(0,0,0,.4);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid white;border-radius:15px;opacity:0;transform:scale(0);padding:15px 25px;z-index:9999;}
  .container h3{font-size:16px;font-weight:bold;color:#fff;text-align:left;}
  .container p{font-size:16px;color:#fff;text-align:left;}
  .titleC{font-size:17px!important;margin-bottom:14px;font-family:"Itim",cursive;}
  .messageC{font-family:"Itim",cursive;}
  .opamuncul{position:relative;opacity:1;transform:scale(1);transition:all 0.7s ease;}
  .opahidden{opacity:0;transform:scale(0);transition:all 0.7s ease;}
  .hidden,#linkmp3{display:none;}
  .semihidden{transform:scale(0);opacity:0;}
  #bodyblur{opacity:.5;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:all 1s ease;}
  #sthisblur{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);position:absolute;top:0;left:0;right:0;bottom:0;}
  #wallpaper{width:100%;height:100%;transform:scale(2);transition:all 1.3s ease;}
  @keyframes float{0%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-20px) rotate(10deg);}100%{transform:translateY(0px) rotate(0deg);}}
  .floating-heart{position:fixed;opacity:0;transform:scale(0);font-size:1.5rem;animation:float 3s ease-in-out infinite;z-index:-1;}  
  b.merah{color:red}
  b.putih{padding-left:5px;padding-right:5px;background:white;border-radius:8px}
  .bgwhite{background:#fff;border-radius:12px;padding:4px 5px;text-shadow:none;color:red}
  #scontainer{z-index:-1;width:80%;margin:20px auto;min-height:650px;margin-top:150px;color:#000}@media screen and (max-width:400px){#scontainer{width:100%;margin:50% auto;min-height:800px}}.swrapper{position:fixed}.box div{position:fixed;width:60px;height:60px;background-color:transparent;border:6px solid rgba(255,182,193,.8);border-radius:50%}.box div:nth-child(1){top:12%;left:42%;animation:animate 10s linear infinite}.box div:nth-child(2){top:70%;left:50%;animation:animate 7s linear infinite}.box div:nth-child(3){top:17%;left:6%;animation:animate 9s linear infinite}.box div:nth-child(4){top:20%;left:60%;animation:animate 10s linear infinite}.box div:nth-child(5){top:67%;left:10%;animation:animate 6s linear infinite}.box div:nth-child(6){top:80%;left:70%;animation:animate 12s linear infinite}.box div:nth-child(7){top:60%;left:80%;animation:animate 15s linear infinite}.box div:nth-child(8){top:32%;left:25%;animation:animate 16s linear infinite}.box div:nth-child(9){top:90%;left:25%;animation:animate 9s linear infinite}.box div:nth-child(10){top:20%;left:80%;animation:animate 5s linear infinite}@keyframes animate{0%{transform:scale(0) translateY(0) rotate(0);opacity:.8}100%{transform:scale(1.3) translateY(-90px) rotate(360deg);opacity:0}}