body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),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;background-color:#00032e;overflow:scroll;min-width:1000px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@media screen and (max-width:500px){body{width:auto;min-width:auto}}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome{position:absolute;top:40vh;left:20vw;color:#fff;font-size:5vw;transform:translate(-50%,-50%)}.welcome1{color:#f5f5f5;display:block;font-size:large}.welcome:hover{animation-name:bubble;animation-duration:4s}@keyframes bubble{0%{background-color:rgba(240,248,255,.26);border-radius:20px;padding:5px}30%{background-color:rgba(16,112,196,.315);border-radius:100%;padding:100px}}.cover{display:block;overflow:hidden;width:10%;height:100vh;position:relative;animation-name:run;animation-duration:10s;animation-fill-mode:forwards}@keyframes run{0%{width:10%}to{width:100%}}.login99{background-color:rgba(101,164,219,.363);border-radius:20px;width:30%;height:30vh;position:absolute;top:50%;right:5vw;transform:translateY(-50%)}.icongoogle{background-image:url(/static/media/googleicon.55d364d6.png);background-size:cover;background-repeat:no-repeat;background-position:50%;width:40px;height:40px;display:inline-block}.login996{vertical-align:10px;font-weight:700}h4{color:#f5f5f5}.login998{font-size:x-large;font-weight:bolder;padding:20px 40px}.login995,.login998{display:block;color:#f5f5f5}.login995{background-color:rgba(250,235,215,0);padding:10px;position:absolute;top:40%;left:50%;transform:translate(-50%);font-size:large;border-radius:20px}.login995:hover{background-color:rgba(12,187,70,.329)}.card{padding:2%;background-color:rgba(240,248,255,.267);display:block;width:70vw;min-width:900px;height:85vh;border-radius:2px;position:relative;top:50%;left:50%;transform:translate(-50%);animation:cardmove;animation-duration:5s}@keyframes cardmove{0%{opacity:0;width:100px}to{width:70vw;opacity:1}}.bar{position:relative;top:2vh;width:90%;min-height:120px;text-align:center;margin:2px 3%;display:inline-flex;border-radius:20px;border:8px solid rgba(34,2,2,.137);background-color:rgba(0,255,255,.041)}.write{width:60%;padding:10px;height:40vh;border-radius:20px;border:8px solid rgba(34,2,2,.137);border-right:0;border-bottom:0;border-top-right-radius:0}.previous,.write{position:absolute;top:2vh;min-height:40px;margin:2px 3%;display:inline-block;background-color:rgba(47,0,255,.041)}.previous{left:67%;width:27%;height:58vh;border-radius:20px;border:8px solid rgba(34,2,2,.137);border-left:0;border-top-left-radius:0;border-bottom:0}.time{float:right;padding:2vw;font-size:xx-large;color:rgba(0,0,0,.616);font-family:"Times New Roman",Times,serif;font-weight:bolder}.mill{font-size:x-large;width:100px;display:inline-block}.logout{position:absolute;bottom:10px;right:10px}.logoutbtn{padding:5px;background-color:rgba(0,0,0,.616);color:#fff}.logoutbtn:hover{background-color:salmon}@media screen and (max-width:500px){.welcome{position:absolute;top:15vh;left:50%;color:#fff;font-size:7vh;transform:translate(-50%,-50%)}.cover{display:block;overflow:hidden;width:10%;height:100vh;position:relative;animation-name:run;animation-duration:5s;animation-fill-mode:forwards}@keyframes run{0%{width:10%}to{width:100%}}.login99{width:70%;left:50%;color:#fff;min-width:300px;font-size:10vh;transform:translate(-50%,-50%)}.login998{font-size:large}.login995{margin-top:10px}.card{width:100%;min-width:300px;transform:none;height:150vh;padding:0;margin:auto;left:0;position:relative;animation:cardmoves;animation-duration:5s;overflow:hidden}@keyframes cardmoves{0%{opacity:0;width:100px;height:20px}to{width:100vw;height:150vh;opacity:1}}.bar{margin:0;background-color:rgba(0,255,255,.336);min-width:320px}.bar,.write{padding:0;position:relative}.write{top:2%;width:95%;border:none;margin:50px 0 0}.previous{position:relative;top:10%;display:block;left:0;width:95vw;border-radius:5px;padding:5px;height:20vh;overflow:scroll;margin:50px 2vw 2vw}.time{float:none;text-align:right;display:block;padding:4px;font-size:xx-large;color:rgba(0,0,0,.616);font-family:"Times New Roman",Times,serif;font-weight:bolder}.logout,.time{position:absolute}.logout{bottom:80px;right:10px}.writektime{background-color:#f0f8ff}}.menu{background-color:rgba(0,0,0,.466);text-align:center;display:inline-block;margin:2% auto auto;color:#f5f5f5}.menu,.menu .ink{padding:10px;vertical-align:top;text-decoration:none}.menu .ink{color:#f0f8ff;margin-right:10px;transition-duration:.5s}.menu .ink:hover{font-weight:bolder}.menu input{color:#000}.searchres{padding:5px;background-color:rgba(6,17,110,.521);border-radius:8px;color:wheat;display:block;margin:2px;position:relative}.searchres:hover{background-color:#8a2be2}.inputsearch input{padding:5px;vertical-align:top}.inputsearch,.inputsearch input{display:inline-block}.selectedsubn,.subjectn{display:block;background-color:rgba(0,0,0,.493);position:relative;left:50%;transform:translate(-50%);padding:10px;margin-bottom:0;border-radius:12px;color:#f5f5f5;overflow:hidden;width:80%;transition-duration:.2s;display:inline-block;vertical-align:top;min-width:25px}.menukn{display:inline-block;width:100%;margin-top:0;padding:0 10px}.inksubbn,.inksubbnhh,.inksubbnv,.inksubn,.inksubnhh{display:block;width:90%;max-width:150px;min-width:100px;padding:10px;margin-bottom:20px}.selectedsubn:hover,.subjectn:hover{height:auto;vertical-align:top}.selectedsubn{background-color:rgba(29,17,2,.199)}.inksubbnv{border-radius:12px;margin:10px;background-color:rgba(0,0,0,.185);color:#f5f5f5;box-shadow:1px 1px 1px #061fff,1px 1px 2px #7c87f1;font-weight:700}.subdiv{width:20%;background-color:rgba(240,255,255,.185);height:60vh}.chaplst,.subdiv{display:inline-block;vertical-align:top}.chaplst{margin-left:2px}.previousn{display:inline-block;width:40%;vertical-align:top;overflow:scroll}.chapnamedis{background-color:#f0f8ff;color:#000;display:block;width:200px;padding:5px;margin:0}.writen{position:relative;width:90%}.displaynotes{position:absolute;top:50vh;width:95vw;background-color:rgba(1,116,216,.247);height:90vh;align-items:center;left:50vw;transform:translate(-50%,-50%);border-radius:12px}#notes{visibility:hidden}.backn{padding:5px;color:#f5f5f5;background-color:#8d0505;display:block;margin:20px;width:100px;text-align:center;border-radius:5px;transition-duration:.5s;box-shadow:3px 3px 4px #000}.backn:hover{background-color:#bb0d0d}.newn{padding:5px 10px;background-color:#adff2f;color:#000;font-weight:700;display:block;margin:10px;transition-duration:.3s}.newn:hover{background-color:green}.publish{background-color:#7fff00;padding:10px;float:right;margin-right:50px}.inksubbnhh,.inksubnhh{display:inline-block}.publishalert{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);width:40vw;min-width:400px;height:40vh;min-height:300px;border-radius:12px;background-color:rgba(240,248,255,.952);visibility:hidden}.publishalert,.subname{padding:10px;display:block}.subname{margin-top:100px;text-align:center;background-color:rgba(250,235,215,.911)}.no,.yes{display:inline-block;padding:10px;margin-left:80px;width:60px;text-align:center;border-radius:12px;transition-duration:.5s;background-color:#adff2f}.no{float:right;margin-left:0;margin-right:80px;background-color:coral}.no:hover,.yes:hover{background-color:#068a5e}.publishalert input,.publishalert label,.publishalert small{display:block}.inputunique{margin-left:100px;margin-bottom:50px}.writek,.writektime{background-color:rgba(33,194,194,.205);display:block;width:98%;height:38vh;padding:12px;font-size:large;box-shadow:3px 3px rgba(31,31,31,.212);color:#f5f5f5;border-radius:12px;transition-duration:.5s;overflow:scroll}.writektime{height:5vh;max-height:20px}.writek:focus,.writek:hover,.writektime,.writektime:focus,.writektime:hover{background-color:rgba(0,0,0,.616)}.writek::-webkit-input-placeholder{color:hsla(0,0%,96.1%,.63)}.writek:-ms-input-placeholder{color:hsla(0,0%,96.1%,.63)}.writek::placeholder{color:hsla(0,0%,96.1%,.63)}.bariv{text-align:left}.bariv,.dp{display:inline-block}.dp{width:100px;height:100px}.baremail,.barname{display:block;color:#f5f5f5;margin:15px;padding:0 15px 5px;font-size:large;border-radius:12px;background-color:rgba(0,0,0,.616);transition-duration:1s}.baremail:hover,.barname:hover{color:#000;font-weight:700;background-color:rgba(250,235,215,.308)}.barbasic{vertical-align:20px}.barbasic,.bartab{display:inline-block}.bartab{padding:10px;width:100%;text-align:left}.addbtn{border:1px solid #f5f5f5;background-color:rgba(2,255,15,.589);color:#380000}.addbtn,.savebtn{padding:5px;width:100px;margin:10px;font-size:large}.savebtn{float:right;background-color:rgba(3,3,71,.384);color:#f5f5f5}.addbtn:hover,.savebtn:hover{background-color:rgba(3,71,14,.384)}.preview{background-color:rgba(0,0,0,.616);display:block;width:90%;margin-top:2px;height:12vh;padding:12px;font-size:large;box-shadow:3px 3px rgba(31,31,31,.212);color:#f5f5f5;border-radius:12px;overflow:hidden;transition-duration:.5s}.preview:hover{background-color:rgba(33,194,194,.205)}.previsual{height:9vh;display:block}.pretime{height:2vh;font-family:"Courier New",Courier,monospace;font-weight:700;color:salmon;float:right;margin-top:1vh;display:block}.preframe{overflow:scroll;height:45vh}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-track{background:rgba(0,0,0,.4)}::-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;width:80px;height:80px}.writektime{height:40px;max-height:40px}.baremail,.barname{display:block;color:#f5f5f5;margin:15px;width:150px;padding:0 15px 5px;font-size:small;border-radius:12px;background-color:rgba(0,0,0,.616);transition-duration:1s}.baremail:hover,.barname:hover{color:#000;font-weight:700;background-color:rgba(250,235,215,.308)}.barbasic{vertical-align:10px}.barbasic,.bartab{display:inline-block}.bartab{padding:10px}.preview{background-color:rgba(0,0,0,.616);width:40%;margin-top:2px;height:12vh;padding:12px;font-size:large;box-shadow:3px 3px rgba(31,31,31,.212);color:#f5f5f5;border-radius:12px;overflow:hidden;transition-duration:.5s}.preview:hover{background-color:rgba(33,194,194,.205)}.previsual{height:9vh;overflow:hidden;display:block}.pretime{height:2vh;font-family:"Courier New",Courier,monospace;font-weight:700;color:salmon;float:right;margin-top:1vh;display:block}.preframe{height:20vh;display:inline-flex}}.selectedsub,.subject{display:block;background-color:rgba(0,0,0,.493);width:250px;height:40px;padding:10px;margin-bottom:0;border-radius:12px;color:#f5f5f5;overflow:hidden;transition-duration:.2s;display:inline-block;vertical-align:top}.menuk{padding:0 10px;display:inline-flex}.inksub,.inksubb{padding:10px;margin-bottom:20px;display:inline-block}.selectedsub:hover,.subject:hover{width:40%;min-width:250px;height:auto;vertical-align:top}.selectedsub{background-color:rgba(29,17,2,.199);float:right}.deck{position:relative;width:60vw;height:40vh;top:50vh;left:52vw;max-width:500px;background-color:rgba(3,53,97,.356);border-radius:20px;padding:20px;text-align:center;justify-content:center;transform:translate(-50%,-50%);transition-duration:4s;animation:dpplay;animation-duration:3s;animation-fill-mode:forwards}@keyframes dpplay{0%{opacity:0;margin-top:50vh;left:0}60%{opacity:.4}to{margin-top:0;opacity:1;left:52vw}}.userdp{position:relative;height:80%;max-width:200px;max-height:200px;margin:auto;width:80%;border:10px solid rgba(32,1,1,.11);border-radius:100%;overflow:hidden;display:block;text-align:center}.dpname{display:block;font-size:x-large;color:#f5f5f5}.inputdp{text-align:center;padding:10px;display:block}.inputpas{padding:8px;color:#f0f8ff;font-size:medium;background-color:hsla(0,0%,96.1%,.164)}.inputpas::-webkit-input-placeholder{color:#f0f8ff}.inputpas:-ms-input-placeholder{color:#f0f8ff}.inputpas::placeholder{color:#f0f8ff}.arrowdp{background-color:hsla(0,0%,96.1%,.164);color:#f5f5f5;width:40px;display:inline-block;vertical-align:-15px;transition-duration:1s}.arrowdp:hover{background-color:hsla(0,0%,96.1%,.555)}.btndp{padding:8px 80px;color:#f0f8ff;font-size:medium;background-color:hsla(0,0%,96.1%,.164)}.btndp:hover{background-color:#2e8b57}.logohome{display:block;width:100px;position:absolute;left:5%;top:10%;transform:translate(-50%,-50%);transition-duration:3s}.logohome:hover{display:block;background-color:rgba(0,39,39,.185);padding:50px;rotate:1turn}@media screen and (max-width:500px){.deck{top:30vh}.inputdp{display:inline-block}.inputpas{display:block;margin-left:-10%}.arrowdp{width:80px;margin:20px auto auto -10%;height:40px;vertical-align:baseline;transition-duration:1s;background-color:rgba(255,240,240,.432)}.arrowdp,.mobilehelp{display:block}.arrowdp:hover{background-color:rgba(36,252,47,.432)}.logohome{display:block;width:100px;position:relative;left:50%;margin-top:120%;transform:translate(-50%,-50%);transition-duration:3s}}.bookscard{display:block;padding:100px;color:#f0f8ff}.bookcard{display:inline-block;padding:10px;background-color:rgba(240,255,255,.527);margin:10px;width:200px;height:200px;transition-duration:.5s}.bookcard:hover{background-color:#7fffd4;color:#000}#notesb{visibility:hidden;margin-top:10vh}.read{background-color:rgba(1,1,2,.685);width:80%;padding:10px;border-radius:12px;color:rgba(240,248,255,.747);height:100%;box-shadow:10px 10px 10px rgba(39,27,27,.63),-10px -10px 10px rgba(240,255,255,.227);overflow:scroll}.pages{width:200px;display:inline-flex;background-color:rgba(0,0,0,.445);color:#f5f5f5;padding:10px;margin:2px 10px;overflow:hidden;border-radius:8px;transition-duration:.5s}.margintop{display:block;margin-left:50px;margin-top:50px;height:auto}.chapsb{display:block;color:#f0f8ff;margin-top:20px;margin-left:60px}.chapb{padding:10px;margin:5px;background-color:rgba(6,84,153,.596);color:#fffdfd;font-weight:700;border-radius:10px;transition-duration:.5s}.chapb:hover{background-color:rgba(127,255,212,.534)}.pages:hover{background-color:rgba(127,255,212,.329)}.auth,.pubdate{float:right;margin-right:100px}.auth,.bookname,.pubdate{display:inline-block;padding:5px;background-color:rgba(255,228,196,.822);font-weight:700;border-radius:8px;box-shadow:10px 10px 15px #000,-1px -1px 5px #fff}.bookname{margin-left:100px}
/*# sourceMappingURL=main.67acc618.chunk.css.map */