@font-face{font-family:Quicksand,sans-serif;font-weight:400;src:url(https://fonts.googleapis.com/css2?family=Quicksand)}@font-face{font-family:Quicksand,sans-serif;font-weight:600;src:url(https://fonts.googleapis.com/css2?family=Quicksand)}@font-face{font-family:Quicksand,sans-serif;font-weight:300;src:url(https://fonts.googleapis.com/css2?family=Quicksand)}@font-face{font-family:Quicksand,sans-serif;font-weight:700;src:url(https://fonts.googleapis.com/css2?family=Quicksand)}*{font-family:Quicksand,sans-serif;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}body{overflow:hidden;background-size:100%;margin:0;padding:0}img{width:100vw;height:100vh;object-fit:cover;position:absolute}.preload{position:absolute;height:100vh;line-height:100vh;width:100vw;background:#000000e0;backdrop-filter:blur(10px);font-weight:lighter;font-size:20pt;z-index:100;text-align:center;color:#fff;opacity:1;transition:all ease 1s;font-family:monospace}.container{position:absolute;width:100vw;height:100vh;backdrop-filter:blur(7px)}.mywindow{width:500px;background:#ececec;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12pt;border-radius:10px;border:1px solid #c6c6c6;box-shadow:0 0 10px #00000020}.myanimated{transition:all ease .3s;transform:unset;width:500px}.mycontrol{position:absolute;display:inline-block;height:30px;left:10px;padding:0 5px}.myheader{color:#767676;text-align:center;font-weight:700;display:inline-block;width:100%;height:30px;line-height:30px;border-radius:10px 10px 0 0;background:#d1d1d1;background:linear-gradient(0deg,rgba(209,209,209,1) 0,rgba(229,229,232,1) 100%);border-bottom:1px solid #c6c6c6}.myclose,.mymax,.mymini{display:inline-block;width:12px;height:12px;margin-top:8px;border-radius:10px;margin-right:2px}.myclose{background:#fe5d56;border:1px solid #ea3e4a}.myclose:hover{background:#ea3e4a}.mymini{background:#f6bd28;border:1px solid #f8ae1c}.mymini:hover{background:#f8ae1c}.mymax{background:#26cd3c;border:1px solid #4bba54}.mymax:hover{background:#4bba54}.mybody{padding:30px;padding-bottom:50px}.mytitle{font-weight:700;font-size:14pt;margin-bottom:10px}.mytext{margin-top:10px;width:100%;border-radius:7px;padding:5px;box-sizing:border-box;border:3px solid #dcdcdca0;-webkit-transition:.3s;transition:.3s;outline:0}.mytext:focus{border:3px solid rgba(10,107,254,.5)}.mytext:hover{cursor:text}.mybutton{position:absolute;height:30px;line-height:30px;bottom:10px;right:30px}.mybuttonno,.mybuttonyes{display:inline-block;width:80px;background:#0ff;height:30px;line-height:30px;margin-top:0;text-align:center;border-radius:5px;margin-left:10px;font-weight:600}.mybuttonyes{background:#0a6bfe;background:linear-gradient(0deg,rgba(10,107,254,1) 0,rgba(106,163,252,1) 100%);color:#fff;border:1px solid #015ffc}.mybuttonyes:hover{background:#0a6bfe}.mybuttonno{background:#fff;border:1px solid #c6c6c6}.mybuttonno:hover{background:#ededed}.myresize{width:15px;height:15px;position:absolute;right:0;bottom:0;cursor:se-resize}.vidcont{width:100vw;height:100vh;position:absolute;display:none;background:#000000a0;z-index:2}.myhide{display:none}.vidcont:hover{cursor:none}video:hover{cursor:none}video{position:relative;left:0;top:0;opacity:1}.divvideo{width:60%;height:576px;border-radius:20px;overflow:hidden;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.myclock{display:none;position:absolute;z-index:2;color:#fff;text-align:center;width:calc(100vw - 50px);padding:25px}.contjam{position:absolute;width:100%;top:50vh;left:0;transform:translateY(-50%);text-align:center;margin:0;padding:0}.jam{position:relative;font-size:100px;font-weight:300}.tanggal{position:relative;font-size:20px;margin-top:15px}.ucapan{position:relative;color:#000;font-size:20px;margin-top:50px;background:#eaeaea90;left:calc(50% - 220px - 20px);width:440px;padding:30px 20px;border-radius:25px;transition:all ease .3s}.ucapan:active{transform:scale(1.02)}.ucapan :hover,.ucapan:hover{cursor:pointer}.ucapan::before{content:"ketuk untuk mencari";font-size:12pt;width:200px;height:50px;line-height:50px;left:50%;bottom:-80px;background:#ffffffb0;position:absolute;z-index:99;border-radius:10px;transform:translateX(-50%);opacity:0;transition:all ease .3s;pointer-events:none}.ucapan:hover::before{bottom:-60px;opacity:1}.myakun{color:#fff;background:#00000080;transform:translateY(0);width:200px;height:30px;line-height:30px;border-radius:5px;display:inline-block;margin:3px 2px;transition:background ease .3s}.myakun:hover{background:#000000e0;cursor:pointer}#nama *{transition:all ease .3s}#nama:hover{cursor:default}#nama::before{content:"ketuk untuk mengubah";width:200px;height:50px;line-height:50px;left:0;top:45px;background:#00000090;position:absolute;z-index:99;border-radius:10px;transition:all ease .3s;opacity:0;pointer-events:none}#nama:hover::before{top:35px;opacity:1}#nama :hover,#textcari:hover{cursor:text;color:#ffffffa0}#oke:hover{background:#ffffff30;cursor:pointer}.tombolcari:hover{background:#0a6bfe;color:#fff}.shortcut{position:fixed;bottom:0;width:100px;height:70px;line-height:70px;background:#ffffff10;margin:10px;border-radius:20px;cursor:pointer;transition:transform ease .3s;backdrop-filter:blur(3px)}.shortcut:hover{transform:scale(1.1);backdrop-filter:blur(5px)}.shortcut:active{transform:scale(.9);backdrop-filter:blur(5px)}.reset:before{content:"ketuk untuk mengatur ulang";width:200px;height:50px;line-height:50px;left:0;top:45px;background:#00000090;position:absolute;z-index:999;border-radius:10px;transition:all ease .3s;opacity:0;pointer-events:none}.reset:hover::before{top:35px;opacity:1}.kiri{left:0}@media screen and (max-width:576px){.ucapan{width:80%;font-size:16px;left:calc(15% - 20px - 19px)}.mywindow{width:90%;left:50%;top:50%;transform:translate(-50%,-50%)}.divvideo{width:90%}.myanimated{transform:unset}}