body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#00032e;background-image:linear-gradient(#00000080,#00000080),url(https://firebasestorage.googleapis.com/v0/b/dear-diary-hi.appspot.com/o/bgimages%2Fice.jpeg?alt=media&token=1d94d14f-74f2-413e-9741-40579129faf1);background-repeat:no-repeat;background-size:100vw 100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome{color:#fff;font-size:10vh;left:20vw;position:absolute;top:40vh;transform:translate(-50%,-50%)}.welcome1{color:#f5f5f5;display:block;font-size:large}.welcome:hover{animation-duration:4s;animation-name:bubble}@keyframes bubble{0%{background-color:#f0f8ff42;border-radius:20px;padding:5px}30%{background-color:rgba(16,112,196,.315);border-radius:100%;padding:100px}}.cover{animation-duration:10s;animation-fill-mode:forwards;animation-name:run;display:block;height:100vh;overflow:hidden;position:relative;width:10%}@keyframes run{0%{width:10%}to{width:100%}}.login99{background-color:rgba(101,164,219,.363);border-radius:20px;height:30vh;position:absolute;right:5vw;top:50%;transform:translateY(-50%);width:30%}.icongoogle{background-image:url(/static/media/googleicon.55d364d67e794adbf74b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:inline-block;height:40px;width:40px}.login996{font-weight:700;vertical-align:10px}h4{color:#f5f5f5}.login998{font-size:x-large;font-weight:bolder;padding:20px 40px}.login995,.login998{color:#f5f5f5;display:block}.login995{background-color:#faebd700;border-radius:20px;font-size:large;left:50%;padding:10px;position:absolute;top:40%;transform:translate(-50%)}.login995:hover{background-color:rgba(12,187,70,.329)}.card{animation:cardmove;animation-duration:5s;background-color:rgba(240,248,255,.267);border-radius:2px;display:block;height:80vh;left:50%;min-width:800px;padding:2%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70vw}.card .card{padding:3%}@keyframes cardmove{0%{opacity:0;width:100px}to{opacity:1;width:70vw}}.bar{background-color:rgba(0,255,255,.041);border:2px solid rgba(34,2,2,.137);border-radius:20px;display:flex;justify-content:space-between;margin:2px 1%;width:99%}.write{border:2px solid rgba(34,2,2,.137);border-bottom:0;border-radius:20px;border-right:0;border-top-right-radius:0;margin:2px 0 0 1%;padding:5px;width:73%}.previous,.write{background-color:rgba(47,0,255,.041);display:inline-block;height:60vh;min-height:40px}.previous{border:2px solid rgba(34,2,2,.137);border-bottom:0;border-left:0;border-radius:20px;border-top-left-radius:0;left:77%;margin:2px;position:absolute;top:18vh;width:21%}.time{align-items:center;color:rgba(0,0,0,.616);display:flex;float:right;font-family:Times New Roman,Times,serif;font-size:x-large;font-weight:bolder;margin-right:15px}.mill{color:#4a7171;display:inline-block;font-size:large;width:100px}.logout{bottom:10px;position:absolute;right:10px}.logoutbtn{background-color:rgba(0,0,0,.616);color:#fff;padding:5px}.logoutbtn:hover{background-color:salmon}@media screen and (max-width:500px){.welcome{color:#fff;font-size:7vh;left:50%;position:absolute;top:15vh;transform:translate(-50%,-50%)}.cover{animation-duration:5s;animation-fill-mode:forwards;animation-name:run;display:block;height:100vh;overflow:hidden;position:relative;width:10%}@keyframes run{0%{width:10%}to{width:100%}}.login99{color:#fff;font-size:10vh;left:50%;min-width:300px;transform:translate(-50%,-50%);width:70%}.login998{font-size:large}.login995{margin-top:10px}.card{animation:cardmoves;animation-duration:5s;height:170vh;left:0;margin:auto;min-width:300px;overflow:hidden;padding:0;position:relative;top:0;transform:none;width:100%}.card .card{padding:5px}@keyframes cardmoves{0%{height:20px;opacity:0;width:100px}to{height:150vh;opacity:1;width:100vw}}.bar{background-color:rgba(0,255,255,.336);display:block;margin:0;min-width:100px;padding:0;position:relative;width:96%}.bar .vi-switch{display:inline-block;margin-left:70px;margin-top:5px}.bartab{display:block;padding:0 0 0 5px!important;width:100%}.bartab .dp{border-radius:5px;height:50px;width:50px}.bartab .dp img{border-radius:10px}.bartab .barbasic{margin-top:10px}.bartab .barbasic .baremail{margin:0 0 0 10px}.bartab .barbasic .barname{margin:5px 0 0 10px}.bar .time{font-size:large}.write{border:none;margin:15px 0 0;min-height:350px;padding:0;position:relative;width:95%}.previous{border-radius:5px;height:20vh;left:0;margin-top:50px;overflow:scroll;padding:5px;top:0;width:95vw}.previous,.time{display:block;position:relative}.time{color:rgba(0,0,0,.616);float:right;font-family:Times New Roman,Times,serif;font-size:xx-large;font-weight:bolder;margin-right:20px;padding:4px;text-align:right;width:120px}.logout{bottom:80px;position:absolute;right:30px}.writektime{background-color:#f0f8ff}}.writek,.writektime{background-color:rgba(33,194,194,.205);border-radius:12px 12px 0 0;box-shadow:3px -2px rgba(31,31,31,.212);color:#f5f5f5;display:block;font-size:medium;height:53vh;overflow:hidden;padding:6px;transition-duration:.5s;width:98%}.writek{border-radius:0 0 12px 12px}.writektime{height:5vh;max-height:20px}.writek:focus,.writek:hover,.writektime,.writektime:focus,.writektime:hover{background-color:rgba(0,0,0,.616)}.writek::placeholder{color:#f5f5f5a1}.dp{display:inline-block;height:50px;width:50px}.baremail,.barname{background-color:rgba(0,0,0,.616);border-radius:12px;color:#f5f5f5;display:block;font-size:small;margin:0 15px 5px;padding:0 15px 1px;transition-duration:1s}.baremail:hover,.barname:hover{background-color:hsla(34,78%,91%,.308);color:#000;font-weight:700}.barbasic{display:inline-block;vertical-align:20px}.bartab{display:flex;padding:10px}.addbtn{background-color:rgba(2,255,15,.589);border:1px solid #f5f5f5;color:#380000}.addbtn,.savebtn{font-size:small;margin:10px;padding:5px;width:100px}.savebtn{background-color:rgba(3,3,71,.384);color:#f5f5f5;float:right}.addbtn:hover,.savebtn:hover{background-color:rgba(3,71,14,.384)}.preview{background-color:rgba(0,0,0,.616);border-radius:2px;box-shadow:3px 3px rgba(31,31,31,.212);color:#f5f5f5;display:block;font-size:large;height:12vh;margin-top:2px;overflow:hidden;padding:12px;transition-duration:.5s;width:90%}.preview:hover{background-color:rgba(33,194,194,.205)}.previsual{height:9vh}.pretime,.previsual{display:block;font-size:small}.pretime{color:salmon;float:right;font-family:Courier New,Courier,monospace;font-weight:700;height:2vh;margin-top:1vh}.preframe{height:100%;overflow:scroll;overflow-x:hidden;padding:6px 12px 6px 6px}::-webkit-scrollbar{height:2px;width:2px}::-webkit-scrollbar-track{background:#0006}::-webkit-scrollbar-thumb{background:#006cf8}::-webkit-scrollbar-thumb:hover{background:#071ef1}.nodata{color:#f5f5f5;display:block;padding:20px}@media screen and (max-width:500px){.dp{display:inline-block;height:80px;width:80px}.writektime{height:40px;max-height:40px}.baremail,.barname{background-color:rgba(0,0,0,.616);border-radius:12px;color:#f5f5f5;display:block;font-size:small;margin:15px;padding:0 15px 5px;transition-duration:1s;width:150px}.baremail:hover,.barname:hover{background-color:hsla(34,78%,91%,.308);color:#000;font-weight:700}.barbasic{vertical-align:10px}.barbasic,.bartab{display:inline-block}.bartab{padding:10px}.preview{background-color:rgba(0,0,0,.616);border-radius:12px;box-shadow:3px 3px rgba(31,31,31,.212);color:#f5f5f5;font-size:large;height:12vh;margin-top:2px;overflow:hidden;padding:12px;transition-duration:.5s;width:40%}.preview:hover{background-color:rgba(33,194,194,.205)}.previsual{display:block;height:9vh;overflow:hidden}.pretime{color:salmon;display:block;float:right;font-family:Courier New,Courier,monospace;font-weight:700;height:2vh;margin-top:1vh}.preframe{display:inline-flex;height:20vh}.addbtn{margin:0 0 0 10px}}.deck{animation:dpplay;animation-duration:3s;animation-fill-mode:forwards;background-color:rgba(3,53,97,.356);border-radius:20px;height:40vh;justify-content:center;left:52vw;max-width:500px;padding:20px;position:relative;text-align:center;top:50vh;transform:translate(-50%,-50%);transition-duration:4s;width:60vw}@keyframes dpplay{0%{left:0;margin-top:50vh;opacity:0}60%{opacity:.4}to{left:52vw;margin-top:0;opacity:1}}.userdp{border:10px solid #2001011c;border-radius:100%;display:block;height:40%;margin:auto;max-height:100px;max-width:100px;overflow:hidden;position:relative;text-align:center;width:40%}.dpname{color:#f5f5f5;display:block;font-size:medium}.inputdp{display:block;margin-top:7px;text-align:center}.inputdp:nth-child(2){margin-bottom:10px}.inputpas{background-color:hsla(0,0%,96%,.164);font-size:small;padding:4px}.inputpas,.inputpas::placeholder{color:#f0f8ff}.arrowdp{background-color:hsla(0,0%,96%,.164);color:#f5f5f5;display:inline-block;transition-duration:1s;vertical-align:-15px;width:40px}.arrowdp:hover{background-color:hsla(0,0%,96%,.555)}.btndp{background-color:hsla(0,0%,96%,.164);color:#f0f8ff;font-size:small;margin-left:0;padding:4px 70px}.btndp:hover{background-color:#2e8b57}.logohome{display:block;left:5%;position:absolute;top:10%;transform:translate(-50%,-50%);transition-duration:3s;width:100px}.logohome:hover{background-color:rgba(0,39,39,.185);display:block;padding:50px;rotate:1turn}@media screen and (max-width:500px){.deck{top:30vh}.inputdp{display:inline-block}.inputpas{display:block;margin-left:-10%}.arrowdp{background-color:hsla(0,100%,97%,.432);height:40px;margin:20px auto auto -10%;transition-duration:1s;vertical-align:initial;width:80px}.arrowdp,.mobilehelp{display:block}.arrowdp:hover{background-color:rgba(36,252,47,.432)}.logohome{display:block;left:50%;margin-top:120%;position:relative;transform:translate(-50%,-50%);transition-duration:3s;width:100px}}.vi-switch{display:inline-block;height:14px;margin-top:35px;position:relative;width:30px}.vi-switch input{display:block;height:7px;opacity:0;width:0}.vi-slider{background-color:#330404;cursor:pointer;right:0;top:0}.vi-slider,.vi-slider:before{bottom:0;left:0;position:absolute;transition:.4s}.vi-slider:before{background-color:#d5c1d5;content:"";height:14px;width:14px}.vi-switch input:checked+.vi-slider{background-color:#2196f3}.vi-switch input:focus+.vi-slider{box-shadow:0 0 1px #2196f3}.vi-switch input:checked+.vi-slider:before{transform:translateX(16px)}.vi-slider-round{border-radius:34px}.vi-slider-round:before{border-radius:50%}.vi-switch-label{display:block;font-size:xx-small;width:200px}.ViEditor{align-items:center;background-color:#160202;border-radius:2vh;display:flex;height:100%;justify-content:center;position:relative;width:100%}.vi-insertTextIcon,.vi-paintIcon{cursor:pointer;font-weight:700;margin-right:4px;padding:2px}.vi-EditorBar{background-color:#18000088;border-radius:5px;color:#ffbfbf;float:right;margin-right:5px;padding:1px;position:absolute;right:10px;top:10px;width:150px}.vi-EditorBar div{display:inline;margin-left:9px}.vi-EditorTextBox{height:auto;text-align:center}.vi-EditorTextBox textarea{color:azure;font-family:monospace;font-size:large;height:auto;min-height:50px;width:100%}.vi-EditorTextBox textarea:focus-visible{border:none;outline:none}.vi-EditorText{background-color:rgba(0,0,255,.011);border:none;height:auto;min-height:20px;overflow:visible;text-align:center}.vi-EditorTextCard{align-items:center;vertical-align:middle;width:90%}.vi-EditorTime{bottom:0;display:block;font-size:x-small!important;height:10px!important;margin:0;min-height:15px!important;padding:2px;position:absolute;right:10px;width:320px!important}@media screen and (max-width:500px){.vi-EditorTime{border-radius:9px 0 0 0;bottom:0;box-shadow:none;display:block;height:22px!important;right:0;width:170px!important}}
/*# sourceMappingURL=main.c01e6ef6.css.map*/