.main-header{position:fixed;width:100%;background-color:#fff;z-index:100;top:0;padding-top:19px;box-shadow:0 3px 15px rgba(0,0,0,.2);opacity:.95}.main-header nav{padding:7px 4%}.nav-links nav{padding-right:0;padding-left:0;position:relative;bottom:2px}.main-header h1{float:left;margin:0;font-size:16px}.nav-links{display:block;float:right;font-size:14px;position:relative;bottom:6px;width:300px;text-align:right}.nav-links a{margin-left:1em}.nav-links p{display:inline;cursor:default}.nav-links a:hover{opacity:.7}.journal{color:#8884d8}@media only screen and (max-width:760px){.nav-links{width:200px}.nav-links a,.nav-links p{font-size:.85em}.main-header nav{padding:7px 2%}.nav-links nav{display:inline-block;padding-right:0;padding-left:0;width:160px}}.back-btn{border:1px solid #000;border-radius:50%;color:#fff;background-color:#000;padding:15px 10px;text-align:center;text-decoration:none;float:left}.reg-header label{margin-right:4px}.registration-form{border:1px solid #000;padding:40px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;border-radius:10px;text-align:end;background-color:#fff;box-shadow:5px 5px 3px grey;margin:20vh auto auto;position:relative}.registration-button{border:.5px solid #000;background-color:#fff;border-radius:10px;margin-bottom:8px;padding-top:2px;padding-bottom:2px}.registration-button:hover{background-color:#04a804;color:#fff;cursor:pointer}.login-redirect:hover{border-bottom:1px solid #00f;color:#00f;cursor:pointer}.auth-error{color:red;display:inline-block;width:90%}.auth-error-container{position:absolute;top:-60px;right:0;left:0;text-align:center;margin:auto;color:red}@media only screen and (max-width:760px){.registration-form{padding:20px}.registration-button{background-color:#04a804;color:#fff}}.log-reg-header{margin:0;text-align:left}.login-input label{margin-right:4px}.log-in-form{border:1px solid #000;padding:40px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;border-radius:10px;text-align:end;background-color:#fff;box-shadow:5px 5px 3px grey;margin:20vh auto auto;position:relative}.log-in-button{margin-bottom:8px;border:.5px solid #000;border-radius:10px;padding-top:2px;padding-bottom:2px;background-color:#fff}.log-in-button:hover{background-color:#04a804;color:#fff;cursor:pointer}.login-redirect :hover{border-bottom:1px solid #00f;color:#00f;cursor:pointer}footer{margin-top:10px;padding:5px}footer a{font-size:small}.login-error{color:red}.log-error-container{position:absolute;top:-60px;right:0;left:0;text-align:center;margin:auto;color:red}@media only screen and (max-width:760px){.log-in-form{padding:25px}.log-in-button{background-color:#04a804;color:#fff}}ul{list-style:none;padding:0}.chart-instructions{text-align:center;padding:20px}.new-entry-button{display:inline-block;margin:auto}.new-entry-button:hover{color:#8884d8}.entry-charts-dashboard-container{margin-top:100px}.entryList-entry{padding:10px;margin:auto auto 15px;border:1px solid #000;box-shadow:5px 5px 3px grey;border-radius:10px;-webkit-transition:all .3s;transition:all .3s}.entryList-entry:hover{box-shadow:8px 8px 3px #a1a1a1;cursor:pointer;-webkit-transform:scale(1.01);transform:scale(1.01)}.entryList-entry:active{box-shadow:none;-webkit-transition:all .1s;transition:all .1s;-webkit-transform:scale(.99);transform:scale(.99)}.entryList-entry svg:hover{cursor:pointer}.example-entry{width:200px;opacity:.5;border:1px solid grey}@media only screen and (max-width:850px){.entryList-entry{padding:5px;margin-left:5px;margin-right:5px;margin-bottom:15px;border:1px solid #000;box-shadow:3px 3px 3px grey;border-radius:10px}.entryList-entry:active,.entryList-entry:hover{-webkit-transform:none;transform:none}}@media only screen and (min-width:850px){.entryList-entry{width:850px}}.entry-tag{height:auto;font-weight:400}.entry-tag:hover{cursor:pointer}.entry-charts-entry-container .entry-tag:hover{cursor:default}.past-entries .entry-tag{width:60%}.entryTag-div img{width:23px;position:relative;top:4px;right:-25px}.entryTag-div h3{display:inline-block}.recharts-wrapper{margin:auto}.radar-charts{display:grid;grid-template-columns:10% 40% 40% 10%;grid-template-rows:20% 70% 10%;height:350px;background-color:#fff}.entry-label{grid-column:2/3;grid-row:1/2}.entry-label h3{font-size:1.5em;margin:10px 5px auto auto;font-weight:700}#entry-time{color:grey;font-weight:300}.chart-title-tone{grid-column:2/3;grid-row:3/4;margin:auto}.chart-title-face{grid-column:3/4;grid-row:3/4;margin:auto}.tone-table{grid-column:2/3}.face-table,.tone-table{height:250px;grid-row:2/3}.face-table{grid-column:3/4}tspan{font-size:.85em}.chart-emoji{height:50px;grid-column:3/4;grid-row:1/2;margin:10px auto auto;opacity:.75}.empty{opacity:.5}@media only screen and (max-width:760px){.radar-charts{display:grid;grid-template-columns:50% 50%;grid-template-rows:22% 68% 10%;height:210px}.entry-label{grid-column:1/2;grid-row:1/2;white-space:nowrap}.entry-label h3{font-size:1.2em;margin:10px 6px auto auto}.chart-title-tone{grid-column:1/2;grid-row:3/4;margin:auto}.chart-title-face{grid-column:2/3;grid-row:3/4;margin:auto}.tone-table{grid-column:1/2}.face-table,.tone-table{height:150px;grid-row:2/3}.face-table{grid-column:2/3}tspan{font-size:.57em}.chart-title-face,.chart-title-tone{font-size:.8em}.entry-label{font-size:.85em}.chart-emoji{height:40px;grid-column:2/3;grid-row:1/2;margin:10px auto auto}}@media only screen and (max-width:350px){tspan{font-size:.5em}}.not-found{margin-top:100px}.not-found img{width:100px}.App{text-align:center}main{min-height:100vh}a{color:#000}.radio{display:inline-block;background:none;border:none;padding:0 3px}.mood-container input{display:none}.radio img{width:60px}.radio img:hover,input[type=radio]:checked+img{opacity:.7}.mood_number{width:350px;border-radius:10px;margin:9px auto 12px}.mood-entry{border-radius:50%;background-color:#4caf50;border:none;color:#fff;padding:20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px}.del-prevent-clicks{position:fixed;top:0;bottom:0;left:0;right:0;z-index:998}.delete-div{position:fixed;top:300px;left:0;right:0;border:.5px solid grey;margin:auto;width:350px;height:100px;background-color:#fff;z-index:999;border-radius:10px;box-shadow:5px 5px 3px grey}.delete-div button{border-radius:3px;border:.5px solid grey}.delete-div button:last-child{background-color:red;border-radius:3px;margin-left:20px}.new-entry-page{max-width:360px;margin:90px auto auto}.ne-title{text-align:left;padding:0 5%}.ne-title-top{padding-bottom:10px}.ne-title h3{font-weight:400;font-size:16px}.ne-title h2,.ne-title h3{margin:0}.ta{position:relative;top:10px}.cloud-button{margin-top:20px}#selfie-image{margin:auto auto 3%}#selfie-image img{width:90%}.entry_form{display:inline-block;margin:auto;width:100%;max-width:360px;-webkit-transition:.3s;transition:.3s}.entry_form button{margin:auto;color:#fff;background-color:#8884d8;font-size:16px;padding:12px;width:67%;float:right;border:none;cursor:pointer}.entry_form button:disabled{background-color:grey;cursor:default}.entry_form a{margin:auto;color:#414141;background-color:#fff;font-size:16px;width:33%;float:left;padding-top:8.5px;padding-bottom:3.5px}.entry_form a:hover{color:red}.entry_form footer{position:fixed;width:324px;max-width:334px;left:0;bottom:0;right:0;display:inline-block;margin:auto;padding-bottom:0}textarea{font-family:Hind Guntur,sans-serif;resize:none;display:block;margin:20px auto 70px;width:302px;height:345px;padding:10px;font-size:16px;outline:none}.upload-button,textarea{border:1px solid #a9a9a9}.upload-button{background-color:#fff;height:120px;width:326px;-webkit-transition:.3s;transition:.3s;margin:7px 18px 28px;cursor:pointer}.upload-button:hover{background-color:#8884d8;color:#fff}.mood_number img{cursor:pointer}@media only screen and (min-height:700px){textarea{height:412px}}@media only screen and (max-width:320px){.entry_form{margin-left:6%;margin-right:6%}textarea{width:299px}#selfie-image img{margin-left:11%;margin-right:11%}}@media only screen and (min-width:768px){.new-entry-page{display:grid;grid-template-columns:10% 40% 40% 10%;grid-template-rows:100px 30% 1fr;max-width:1000px;margin-top:100px}.ne-title{text-align:center}.ne-title-top{grid-column:2/4;grid-row:1/2}.entry_form{grid-column:2/3;grid-row:2/3}.entry_form footer{position:relative;grid-column:3/4;grid-row:3/4;margin-top:10px}textarea{height:260px;width:inherit;margin-bottom:0}.cloud-button{grid-column:3/4;grid-row:2/3}.cloud-button h3{position:relative;bottom:10px}.upload-button{margin-top:0;height:180px;width:150px}.selfie-title{position:relative;bottom:10px}#selfie-image{grid-column:3/4;grid-row:2/3;margin:50px auto auto;background-attachment:inherit;background-size:50%;min-height:285px;width:330px}#selfie-image img{width:45%}.mood-container{grid-column:3/4;grid-row:3/4;height:130px;margin-top:85px}}.entry-charts-entry-container{margin-top:90px}hr{width:90%}.entry-container{display:grid;grid-template-columns:10% 80% 10%;grid-template-rows:15px 1fr 40px}.text-selfie-div{grid-column:2/3;grid-row:2/3}.entry-text{text-align:left;font-size:1.5em;margin-top:40px;margin-left:40px;margin-right:40px}.entry-selfie{width:200px;border-radius:10px;float:right;margin:40px 75px 40px 40px}.entry-buttons{grid-column:2/3;grid-row:3/4;background-color:#fff;text-align:right}.fa-trash{font-size:2em;opacity:.5;margin-right:75px;margin-bottom:20px}.fa-trash:hover{cursor:pointer;opacity:1}.fa-arrow-left{font-size:2em;opacity:.5;margin-left:75px;margin-bottom:20px;float:left;color:#000}.fa-arrow-left:hover{cursor:pointer;opacity:1}.created-feedback{position:absolute;top:150px;left:0;right:0;margin:auto;color:#8884d8;font-size:2em;-webkit-animation:fadeout 5s linear;animation:fadeout 5s linear;opacity:0;z-index:1000}@-webkit-keyframes fadeout{0%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}75%{opacity:1}to{opacity:0}}@media only screen and (max-width:760px){.entry-container{grid-template-columns:100%}.text-selfie-div{grid-column:1/2;grid-row:2/3}.entry-text{margin-top:0;font-size:1em;margin-left:20px;margin-right:20px}.entry-selfie{margin:0 20px;width:125px}.fa-trash{margin-right:20px}.entry-buttons{grid-column:1/2;grid-row:3/4;margin-top:20px}.fa-arrow-left{margin-left:20px}.created-feedback{position:absolute;top:120px;left:0;right:0;margin:auto;font-size:1.25em;-webkit-animation:fadeout 5s linear;animation:fadeout 5s linear;opacity:0}}.zoom-end{top:0;bottom:0;z-index:998;background-color:#000;opacity:.8}.zoom-end,.zoom-selfie{position:fixed;left:0;right:0}.zoom-selfie{z-index:999;opacity:1;top:100px;border:5px solid #000;margin:auto;width:350px}@media only screen and (max-width:760px){.zoom-selfie{width:80%}}.trend-graphs{margin-top:80px}.graph{margin-top:30px}.too-few{margin-top:100px}.App-Footer{background-color:hsla(0,0%,87.8%,.582);border:1px solid #ccc;box-shadow:inset 0 20px 15px -5px #ccc,inset 0 -4px 7px 0px#CCC;width:auto;min-height:150px;height:auto;position:relative;bottom:0;padding:25px 20px 20px;margin-top:10vh}.gitLogo{max-height:15px}.gitLogo:hover{cursor:pointer}.credits{float:left;text-align:left;margin-left:20px}.credits h2,.credits p{font-size:.8rem}.credits a:hover{color:#00f;cursor:pointer}.creators{float:right;text-align:right;margin-right:20px}.creators a:hover{cursor:pointer}.creators h2,.creators p{font-size:.8rem}@media only screen and (max-width:760px){.App-Footer{width:auto;padding:10px;height:320px}.creators{float:left;text-align:left;margin-left:20px}}.tutorial-container{border:1px solid #000;box-shadow:5px 5px 3px grey;border-radius:10px;width:400px;margin:150px auto auto;padding:5px 5px 50px}.onboard-header{font-size:1.5em;font-weight:700}.tutorial-emojis{position:relative;height:100px}.tutorial-container img{position:absolute;left:0;right:0;margin:auto;width:100px;-webkit-animation:emoji-cycle 30s linear infinite;animation:emoji-cycle 30s linear infinite;opacity:0}@-webkit-keyframes emoji-cycle{0%{opacity:0}4%{opacity:1}16%{opacity:1}20%{opacity:0}to{opacity:0}}@keyframes emoji-cycle{0%{opacity:0}4%{opacity:1}16%{opacity:1}20%{opacity:0}to{opacity:0}}.tutorial-container img:first-of-type{-webkit-animation-delay:6s;animation-delay:6s}.tutorial-container img:nth-of-type(2){-webkit-animation-delay:18s;animation-delay:18s}.tutorial-container img:nth-of-type(3){-webkit-animation-delay:24s;animation-delay:24s}.tutorial-container img:nth-of-type(4){-webkit-animation-delay:12s;animation-delay:12s}.tutorial-container img:nth-of-type(5){-webkit-animation-delay:0;animation-delay:0}.tutorial-container h2{text-align:center}.tutorial-container h3{text-align:center;color:#8884d8;font-weight:700;font-size:1.5em;margin-bottom:10px}.tutorial-container p{text-align:center;font-weight:700;margin:0 25px 40px}.tutorial-container a{margin:20% auto auto;color:#fff;background-color:#8884d8;font-size:16px;padding:14px 12px 10px;width:80%;max-width:360px;border-radius:7px;opacity:.8;-webkit-transition:all .5s;transition:all .5s}.tutorial-container a:hover{opacity:1}@media only screen and (max-width:850px){.tutorial-container{width:80%;margin-top:100px}.tutorial-container h1{font-size:1.5em}}body{margin:0;font-family:Hind Guntur,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-family:Molengo,sans-serif}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}a{text-decoration:none}a:visited{color:#000}button{outline:none;border:none}
/*# sourceMappingURL=main.0e9162f9.chunk.css.map */