@import url(https://fonts.googleapis.com/css2?family=Alex+Brush&family=Allura&family=Cabin+Sketch&family=Caveat&family=Dancing+Script:wght@562&family=Fredericka+the+Great&family=Great+Vibes&family=Homemade+Apple&family=Kalam:wght@300&family=Mr+De+Haviland&family=Nothing+You+Could+Do&family=Pinyon+Script&family=Rock+Salt&family=Tangerine:wght@700&family=Yellowtail&display=swap);body{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{display:flex;align-items:center;flex-direction:column;height:90%}.Diaryname{height:10%;font-family:"Rock Salt",cursive}.full{height:100%}.center{text-align:center}#name{padding-top:20px;color:#fff;margin:0!important}body,html{width:100%;height:900px!important}*{box-sizing:border-box}body{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/Personal_Diary_WebApp/static/media/Diarywallper.c2c0420a.png) no-repeat 50% fixed;background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:"Montserrat",sans-serif;height:100vh}h1{font-weight:700;margin:0}h2{text-align:center}p{font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}span{font-size:12px}a{color:#333;font-size:14px;text-decoration:none;margin:15px 0}button{border-radius:20px;border:1px solid #ff4b2b;background-color:#ff4b2b;color:#fff;font-size:12px!important;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase!important;transition:transform 80ms ease-in;margin:8px!important}button:active{transform:scale(.95)}button:focus{outline:none}button.ghost{background-color:transparent;border-color:#fff}form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center}input{background-color:#eee;border:none;padding:12px 15px;margin:8px!important;width:100%}.container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container{transform:translateX(100%)}.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.container.right-panel-active .sign-up-container{transform:translateX(100%);opacity:1;z-index:5;-webkit-animation:show .6s;animation:show .6s}@-webkit-keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.container.right-panel-active .overlay-container{transform:translateX(-100%)}.overlay{background:#ff416c;background:linear-gradient(90deg,#ff4b2b,#ff416c);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:transform .6s ease-in-out}.container.right-panel-active .overlay{transform:translateX(50%)}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translateX(0);transition:transform .6s ease-in-out}.overlay-left{transform:translateX(-20%)}.container.right-panel-active .overlay-left,.overlay-right{transform:translateX(0)}.overlay-right{right:0}.container.right-panel-active .overlay-right{transform:translateX(20%)}.social-container{margin:20px 0}.social-container a{border:1px solid #ddd;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;height:40px;width:40px}.sign-out-icon-container{position:absolute;top:5%;right:2%;color:#fff;transition:transform .25s ease-in-out}.sign-out-icon{color:#fff;font-size:30px}.sign-out-icon-container p{font-family:"Rock Salt",cursive;font-size:10px;margin:2px 0 0;font-weight:900}.sign-out-icon-container:hover{transform:scale(1.2)}#text{height:100%;width:80%;padding-right:-10px;margin-bottom:20px}.textarea{position:relative}textarea{height:100%;width:100%;display:block;resize:none;background-color:#fafafa;background-image:linear-gradient(90deg,transparent 90%,transparent 90.5%),linear-gradient(#dcd9d7 .05em,transparent 0);background-size:100% 1.5em;padding:70px 40px 0 44px;font-family:"Kalam",cursive!important;font-weight:900;border-radius:5px;line-height:1.5!important}.textarea-Dark{background-color:#2b2221}textarea:first-line{color:#e63a58;font-size:40px;line-height:2.7!important;font-family:"Allura",cursive;word-spacing:4px;letter-spacing:3px}textarea:focus{outline:none}.H1{font-family:"Alex Brush",cursive;color:#382722;position:absolute;top:4.5%;left:5%}.H1-Dark{color:#82c4e0}.H2{font-family:"Cabin Sketch",cursive;top:18.2%;left:5%}#favorite,.H2{position:absolute;color:#000}#favorite{top:2%;left:93%;font-weight:900;font-size:30px;transition:transform .25s ease-in-out}#favorite:hover{transform:scale(1.5)}.fav{background-color:#ff0}.H2-Dark{color:#ff0}.H3{font-family:"Cabin Sketch",cursive;position:absolute;bottom:3.5%;left:5%;color:#000}.H3-Dark{color:#ff0}.H4{font-family:"Allura",cursive;color:#382722;position:absolute;top:2%;left:15%;font-size:35px;transform:rotate(0deg);opacity:.2;font-weight:900}#emoji-dropdown{position:absolute;top:9%;right:3%}.H5{font-family:"Cabin Sketch",cursive;position:absolute;bottom:0;left:5%;color:#000;font-size:63px;opacity:.2}.cloud,.star{font-size:20px}.star{height:20px;font-weight:900}.save-icon-container{position:absolute;top:15%;right:3%;color:#110a7b;transition:transform .25s ease-in-out}.save-icon{color:#110a7b;font-size:25px;font-weight:900}.save-icon-container p{font-family:"Rock Salt",cursive;font-size:10px;margin:-2px 0 0;font-weight:900}.save-icon-container:hover{transform:scale(1.2)}.dropbtn{font-size:20px}.dropdown:hover .dropbtn{border-radius:50%}.dropdown{z-index:100;position:relative;display:inline-block}.dropdown-content{display:none;border-radius:4px;position:absolute;right:-30px;top:22px;background-color:rgba(0,0,0,.8);height:80px;overflow-x:hidden;overflow-y:scroll;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown:hover .dropdown-content{display:block}.dropdown-content div span:hover{background-color:#ddd}.dropdown-content div{display:inline;margin-top:-10px;font-size:20px;padding:1px}.dropdown-content span{font-size:20px}.cld{font-size:40px}.size:hover{background-color:grey}.save{color:#0c11a0}.rightclm{width:35%}#search-box{height:10%}.date-search{width:40%;font-family:"Cabin Sketch",cursive;font-weight:700;text-align:center;height:20px;color:#613c2b;font-size:15px;margin:10px 10px 5px 20px!important;float:left;border-radius:2px;background:url(https://www.pixeden.com/media/k2/galleries/220/003-wood-melamine-subttle-pattern-background-pat.jpg)}label{margin-left:30px;margin-right:80px}.back-container{position:absolute;top:2%;right:2%}.back-container p{font-family:"Rock Salt",cursive;font-size:10px;margin:-10px 0 0;font-weight:900}.back{color:#000;font-size:30px;transition:transform .25s ease-in-out}.back:hover{transform:scale(1.5)}.set-head{color:#201eb7;font-family:"Cabin Sketch",cursive;font-size:45px;font-weight:800}.set-text{margin-left:10px;font-weight:500;font-family:"Rock Salt",cursive}#myAvatar{width:40%;height:180px;border:2px solid #000;margin-top:15px;border-radius:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:center}.p-feel{padding-top:0}.p-cal,.p-feel{color:#e63a58;font-family:"Kalam",cursive;margin-left:20px!important;font-weight:800;margin:0}#profile{border:2px solid #000;height:90%;overflow:hidden;position:relative}.profiles-dark{background-color:#202f36}.Date{border-bottom:5px solid #000}.Date,.Date_disabled{font-family:"Fredericka the Great",cursive;font-weight:600;font-size:25px;padding-bottom:20px}.Date_disabled{color:#7f7272;border-bottom:5px solid #7f7272}.stylechar{height:20px;font-size:10px;font-weight:900;padding:0 8px}.styleletter{font-size:10px;font-family:"Ubuntu"}.set-ico,.settingIcon{font-size:25px}.settingIcon{opacity:1;position:absolute;right:2%;top:2%;transition:transform 2s ease-out}.settingIcon:hover{transform:rotate(1turn)}.aboutIcon{font-size:25px;position:absolute;right:15%;top:2%;opacity:1}.mood{font-size:30px;font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden}.moodBox p{font-weight:500;font-family:"Kalam",cursive;transition:transform .25s ease-in-out}.moodBox:hover p{transform:scale(1.5);font-weight:600}.forhappy,.moodBox:hover .happy{color:#fb6800}.forhappy{font-weight:600!important;font-size:20px}.forsad,.moodBox:hover .sad{color:#5479a5}.forsad{font-weight:600!important;font-size:20px}.moodBox:hover .angry{color:red}.forangry{color:red;font-weight:600!important;font-size:20px}.forlovely,.moodBox:hover .lovely{color:#e70ecc}.forlovely{font-weight:600!important;font-size:20px}.forawful,.moodBox:hover .awful{color:#0aaf42}.forawful{font-weight:600!important;font-size:20px}#help{font-weight:600}.moodBox{height:100%;width:15%;display:inline-block;margin-top:10px;margin-left:10px!important}.social ul{margin:0;padding:0}.partner h4{font-family:"Cabin Sketch",cursive;margin:2px;font-size:30px;height:10%}svg{top:-20px!important}.partner img{height:120px;width:auto;border:2px solid #000;height:50%}.partner h2{color:#e63a58;font-family:"Cabin Sketch",cursive;font-size:35px;font-weight:800;margin-bottom:15px;margin-top:0;height:10%}.partner{width:100%;height:50%}.about-container{width:100%;height:80%}.about-head{color:#201eb7;font-family:"Cabin Sketch",cursive;font-size:30px;font-weight:800}.Avatar-container{padding-top:2px;height:20%;width:85%;overflow:auto;overflow-y:hidden;overflow-x:scroll;white-space:nowrap}.Avatar{height:90%;width:23.8%;margin:2px;border:2px solid #000;padding:2px}.Avatar-container .active,.Avatar:hover{border:2px solid #a230d3;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:center}.Avatar img{height:100%}.diaryName{width:70%}.diaryName input{background-color:#eee;border:2px solid #000;padding:12px 15px;margin:8px;width:7 0!important;border-radius:2px}.diaryName input,.diaryName input:focus{text-align:center;font-family:"Rock Salt",cursive}.diaryName input::-webkit-input-placeholder{text-align:center;font-size:15px;font-family:"Rock Salt",cursive}.diaryName input:-ms-input-placeholder{text-align:center;font-size:15px;font-family:"Rock Salt",cursive}.diaryName input::-ms-input-placeholder{text-align:center;font-size:15px;font-family:"Rock Salt",cursive}.diaryName input::placeholder{text-align:center;font-size:15px;font-family:"Rock Salt",cursive}.text-container{width:97%;height:13%;margin:5px}.text-color{margin:2px 4px;border:2px solid #fff;height:46%;width:10%;border-radius:50%}.text-color:hover,.text-container .active{border:2px solid #fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:center}.saveBtn{width:40%;padding:10px 0;margin-top:20px;border-radius:5px}.saveBtn,.saveBtn:hover{background-color:#9e0ce9;opacity:1}.saveBtn:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-align:center}.saveBtn h3{margin:0;color:#fff;font-family:"Kalam",cursive}
/*# sourceMappingURL=main.dcbfacde.chunk.css.map */