@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&family=Saira+Condensed:wght@100;200;300;400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:rgba(0,0,0,.93);color:#e7e2e2;font-family:Saira Condensed,sans-serif;transition:all .5s}body nav{align-items:center;background:#121212;border-radius:30px;box-shadow:1px 1px 4px rgba(0,0,0,.7),inset 1px 1px 4px rgba(0,0,0,.7);display:flex;justify-content:space-between;left:3%;padding:12px 20px 12px 35px;position:fixed;top:10px;width:94%;z-index:99}body nav a{color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.8em;font-weight:500;height:20px;letter-spacing:3px;line-height:20px;padding-left:5px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;width:75px}body nav a:before{border-left:2px solid #ff244c;border-right:2px solid #fff;height:40px;left:0;top:-8px;width:75px}body nav a:after,body nav a:before{content:"";position:absolute;transition:all 1s}body nav a:after{border-bottom:2px solid #fff;border-top:2px solid #ff244c;height:20px;left:-8px;top:0;width:95px}body nav a span{color:#ff244c;font-size:1rem;font-weight:700}body nav a:hover:before{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}body nav a:hover:after{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}body nav .search{background:#d1cbcb;border:none;border-radius:15px;color:#282727;height:1.8rem;outline:none;padding-left:.5rem;transition:all .5s;width:50%}body nav .search:focus{border:2px solid #ff244c}body nav div span{-webkit-animation:rotate 20s linear infinite;animation:rotate 20s linear infinite;cursor:pointer;display:block;font-size:1.1rem}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body .spinner-container{align-items:center;border-radius:10px;display:flex;height:100vh;justify-content:center}body .spinner-container .spinner{-webkit-animation:rotate 1.5s linear infinite;animation:rotate 1.5s linear infinite;background:conic-gradient(transparent 10%,#ff244c);border-radius:50%;height:1rem;margin-bottom:10rem;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);width:1rem}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body .Journal{transition:all .5s}body .Journal .input_section{margin:0 auto;padding:105px 0 50px;width:90%}body .Journal .input_section .input_area{-webkit-column-break-inside:avoid;background:rgba(0,0,0,.2);border-radius:15px;break-inside:avoid;margin-bottom:10px;padding:10px 13px;page-break-inside:avoid;position:relative;transition:all .5s .3s}body .Journal .input_section .input_area a{color:#e7e2e2;text-decoration:none}body .Journal .input_section .input_area a p{font-weight:400;line-height:30px}body .Journal .input_section .input_area a p span{font-size:2.8em;line-height:0}body .Journal .input_section .input_area a h3{font-weight:600;padding-bottom:5px}body .Journal .input_section .input_area .hidden_flex{align-items:center;background:#0e0e0e;border-radius:0 0 15px 15px;bottom:-1px;cursor:pointer;display:flex;display:none;justify-content:space-between;left:0;padding:5px 10px;position:absolute;width:100%;z-index:10}body .Journal .input_section .input_area .hidden_flex .hidden_img{display:flex;gap:7px;width:70%}body .Journal .input_section .input_area .hidden_flex .hidden_img span{border-radius:50%;height:1.2rem;width:1.2rem}body .Journal .input_section .input_area .hidden_flex button{background:none;border:none;color:#fff}body .Journal .input_section .input_area .hidden_flex button .icon{color:#d12a2a;cursor:pointer;font-size:1.2rem}body .Journal .input_section .input_area:hover{background:rgba(0,0,0,.6)}body .Journal .input_section .input_area:hover .hidden_flex{display:flex}body .Journal .input_section .input_area1{box-shadow:1px 1px 4px #000,inset 1px 1px 4px #000}body .Journal .input_section .input_area2{box-shadow:none}body .add_journal span{background:#fff;border-radius:10px 10px 0 10px;bottom:80px;color:#282727;font-size:.8rem;opacity:0;padding:.2rem .5rem;position:fixed;right:83px;transition:all .8s .2s;z-index:990}body .add_journal a{background:#ff244c;border-radius:10px;bottom:25px;color:#fff;font-size:2em;padding:0 20px 5px;position:fixed;right:25px;text-decoration:none;z-index:990}body .add_journal a:hover+span{opacity:1}body .settings{bottom:80px;color:#fff;cursor:pointer;font-size:2.5rem;right:33px;transition:all .4s}body .disp,body .settings{position:fixed;z-index:990}body .disp{background:#fff;border-radius:10px 10px 10px 10px;bottom:105px;color:#282727;font-size:.8rem;opacity:0;padding:.2rem .5rem;right:80px;transition:all .8s .2s}body .settings:hover+.disp{opacity:1}body .settings-items{background:#fff;border-radius:13px;bottom:145px;color:#191818;list-style:none;padding:.5rem;position:fixed;right:20px;transition:all .4s;z-index:990}body .settings-items li{cursor:pointer;display:flex;font-family:roboto;font-size:.8rem;gap:10px;padding:3px .5rem;transition:all .4s}body .settings-items li .icon{color:#ff244c;font-size:1rem}body .settings-items li:hover{background:#eee6e6;border-radius:5px}body .clear-all{align-items:center;background:rgba(0,0,0,.7);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}body .clear-all .container{background:#0e0e0e;border-radius:10px;padding:1.5rem;width:80%}body .clear-all .container h1{font-size:1rem}body .clear-all .container span{cursor:pointer}body .clear-all .container .spread{align-items:center;display:flex;justify-content:space-between}body .clear-all .container p{font-size:.9rem;padding:.5rem 0}body .clear-all .container .action{display:flex;gap:.5rem;justify-content:flex-end}body .clear-all .container .action button{border-radius:5px;cursor:pointer;font-size:.7rem;padding:.5rem .9rem}body .clear-all .container .action button:first-child{background:transparent;border:1px solid #fff;color:#fff}body .clear-all .container .action button:last-child{background:red;border:none;color:#fff;padding:.55rem .9rem}body .empty{align-items:center;display:flex;font-family:roboto;height:100vh;justify-content:center;text-align:center}body .empty div{background:#0e0e0e;color:#f4f4f4;padding:2rem;width:80%}body .empty div h1{font-size:1.2rem;font-weight:500;margin-bottom:.5rem}body .empty div p{font-size:.9rem}body .empty div button{background:#ff224a;border:none;border-radius:5px;color:#fff;font-family:Saira Condensed,sans-serif;font-size:.8em;margin-top:1rem;padding:5px 15px}body .empty div button:hover{background:#eb4c69}body .notification{left:50%;position:fixed;top:5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .4s;z-index:999}body .notification div{align-items:center;background:#c1baba;border-radius:5px;color:#000;display:flex;font-family:roboto,sans-serif;font-size:.8rem;gap:.5rem;padding:.5rem 1rem;transition:.4s;white-space:nowrap}body .notification div .exit{background:#d12a2a;border-radius:120%;color:#fff;cursor:pointer;font-size:.8rem;padding:.05rem}body .Create{border-radius:10px;box-shadow:1px 1px 4px #000,inset 1px 1px 4px #000;margin:105px auto 0;transition:all .5s;width:90%}body .Create input,body .Create textarea{background:none;border:none;color:#fff;font-family:Saira Condensed,sans-serif;font-size:1em;font-weight:200;outline:none;padding:10px;resize:none;width:100%}body .Create input::-webkit-input-placeholder,body .Create textarea::-webkit-input-placeholder{color:#c1baba}body .Create input::placeholder,body .Create textarea::placeholder{color:#c1baba}body .Create input{font-size:1.1em;font-weight:500;height:40px}body .Create .button{text-align:end}body .Create .button button{background:#ff224a;border:none;border-radius:5px;color:#fff;font-family:Saira Condensed,sans-serif;font-size:1em;margin:0 1rem 1rem 0;padding:5px 20px;text-decoration:none}body .Create .button button:hover{background:#eb4c69}body .Note{border-radius:10px;box-shadow:1px 1px 4px #000,inset 1px 1px 4px #000;margin:105px auto 70px;padding:20px;transition:all .5s;width:90%}body .Note div h3{margin-bottom:10px}body .Note div p{line-height:30px}body .Note div .button{text-align:end}body .Note div .button button{background:#ff224a;border:none;border-radius:5px;font-family:Saira Condensed,sans-serif;font-size:1em;padding:5px 20px}body .Note div .button button a{color:#e6dede;text-decoration:none}body .Note div .button button:hover{background:#eb4c69}body .invalid-page{background:#fff;color:#ff244c;height:100vh;padding-top:5rem;text-align:center}body .invalid-page h1{font-size:5rem;line-height:110px}body .invalid-page h1 span{font-size:8rem}body .invalid-page p{color:#282727;font-family:roboto;font-size:1rem;margin-left:3rem}body .invalid-page a{border:1px solid #ff224a;border-radius:15px 15px 0 15px;color:#282727;display:inline-block;font-family:roboto;font-size:.8rem;margin:1rem 8rem 0 0;padding:.3rem;text-decoration:none}.light-mode{color:rgba(0,0,0,.5);font-family:Roboto,sans-serif}.light-mode,.light-mode nav{background:#fed656;transition:all .5s}.light-mode nav{box-shadow:2px 2px 2px rgba(0,0,0,.2),inset 2px 2px 2px rgba(0,0,0,.2)}.light-mode .Journal{transition:all .5s}.light-mode .Journal .input_section .input_area{background:none}.light-mode .Journal .input_section .input_area p{color:rgba(0,0,0,.8);font-size:.9em;font-weight:400;line-height:23px}.light-mode .Journal .input_section .input_area h3{color:rgba(0,0,0,.6);font-size:1.05em;font-weight:500}.light-mode .Journal .input_section .input_area:hover{background:none}.light-mode .Journal .input_section .input_area .hidden_flex{background:#fff;bottom:1px;left:1px;right:1px;width:99.4%}.light-mode .Journal .input_section .input_area1{box-shadow:2px 2px 2px rgba(0,0,0,.2),inset 2px 2px 2px rgba(0,0,0,.2)}.light-mode .Journal .input_section .input_area2{box-shadow:none}.light-mode .add_journal{font-family:Saira Condensed,sans-serif}.light-mode .settings{color:#272424}.light-mode .clear-all{background:rgba(0,0,0,.4)}.light-mode .clear-all .container{background:#d1cbcb;color:#474545}.light-mode .clear-all .container h1{font-weight:500}.light-mode .clear-all .container .action button:first-child{border:1px solid #555252;color:#474545}.light-mode .empty div{background:#d1cbcb;color:#474545}.light-mode .Create{box-shadow:2px 2px 2px rgba(0,0,0,.2),inset 2px 2px 2px rgba(0,0,0,.2);transition:all .5s}.light-mode .Create input,.light-mode .Create textarea{background:none;color:rgba(0,0,0,.8)}.light-mode .Create input::-webkit-input-placeholder,.light-mode .Create textarea::-webkit-input-placeholder{color:rgba(0,0,0,.8)}.light-mode .Create input::placeholder,.light-mode .Create textarea::placeholder{color:rgba(0,0,0,.8)}.light-mode .Note{background:none;box-shadow:2px 2px 2px rgba(0,0,0,.2),inset 2px 2px 2px rgba(0,0,0,.2);transition:all .5s}.light-mode .Note p{font-size:.95em;line-height:27px}.light-mode .Note h3{font-size:1em;font-weight:500}@media screen and (min-width:370px){body .spinner-container .spinner{height:2rem;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);width:2rem}body .Journal .input_section{-webkit-columns:2;column-count:2;gap:10px}body .Journal .input_section .input_area .hidden_flex .hidden_img{gap:.3rem}body .Journal .input_section .input_area .hidden_flex .hidden_img span{height:.8rem;width:.8rem}body .Journal .input_section .input_area .hidden_flex button{font-size:.5rem;padding:.1rem .3rem}}@media screen and (min-width:523px){body .spinner-container .spinner{height:3rem;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);width:3rem}body .Journal .input_section .input_area .hidden_flex .hidden_img{gap:.7rem}body .Journal .input_section .input_area .hidden_flex .hidden_img span{height:1.2rem;width:1.2rem}body .Journal .input_section .input_area .hidden_flex button{font-size:.8rem;padding:.2rem .5rem}body .clear-all .container{width:65%}}@media screen and (min-width:700px){body nav{padding:15px 20px 15px 35px}body nav a{font-size:1em;height:30px;line-height:30px;width:85px}body nav a:before{height:50px;width:85px}body nav a:after{height:30px;width:105px}body nav a span{font-size:1.2rem}body nav .search{height:2.5rem;width:70%}body nav div span{font-size:1.4rem}body .Journal .input_section{-webkit-columns:3;column-count:3}body .Journal .input_section .input_area .hidden_flex .hidden_img{gap:.5rem}body .Journal .input_section .input_area .hidden_flex .hidden_img span{height:1rem;width:1rem}body .Journal .input_section button{font-size:.6rem;padding:.1rem .4rem}body .settings-items{border-radius:13px 13px 0 13px;bottom:95px;right:90px}body .settings-items li{display:inline-flex;padding:5px .8rem}body .clear-all .container{width:50%}body .invalid-page h1{font-size:7rem;line-height:150px}body .invalid-page h1 span{font-size:10rem}body .invalid-page p{margin-left:7rem}body .invalid-page a{margin:1rem 6rem 0 0;padding:.5rem}}@media screen and (min-width:900px){body nav .search{margin-left:10rem;width:60%}body .Journal .input_section{-webkit-columns:4;column-count:4}body .Journal .input_section .input_area .hidden_flex .hidden_img{gap:.3rem}body .clear-all .container{width:40%}}@media screen and (min-width:1100px){body nav .search{margin-left:15rem}body .Journal .input_section{-webkit-columns:5;column-count:5}body .clear-all .container{width:30%}}@media screen and (min-width:1300px){body nav .search{margin-left:20rem}body .Journal .input_section{-webkit-columns:6;column-count:6}}@media screen and (min-width:1500px){body .spinner-container .spinner{height:5rem;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 0);width:5rem}body nav .search{margin-left:25rem}body .Journal .input_section{-webkit-columns:7;column-count:7}body .clear-all .container{width:20%}}@media screen and (min-width:1700px){body nav .search{margin-left:30rem}body .Journal .input_section{-webkit-columns:8;column-count:8}}@media screen and (min-width:1900px){body nav .search{margin-left:35rem}body .Journal .input_section{-webkit-columns:9;column-count:9}}
/*# sourceMappingURL=main.3806a54e.css.map*/