*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-size:1rem;color:#252a34;font-family:"Metal Mania",roboto;letter-spacing:.1rem}a{text-decoration:none;color:inherit}a,button{font-weight:700}button{cursor:pointer;text-transform:uppercase;border-radius:4px}.tooltip{font-size:.7rem;-webkit-animation-name:uploadopen;animation-name:uploadopen;-webkit-animation-duration:2s;animation-duration:2s}@media screen and (min-width:350px){body,html{font-size:1.025rem}}@media screen and (min-width:800px){body,html{font-size:1.1rem}p{font-size:1rem}}.login-modal{position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(0,0,0,.85)}.login-container{background-color:#fff;margin:10% auto;height:55%;width:60%;box-shadow:0 5px 8px 0 hsla(0,0%,100%,.3),0 7px 20px 0 hsla(0,0%,100%,.17);-webkit-animation-name:uploadopen;animation-name:uploadopen;-webkit-animation-duration:1s;animation-duration:1s;text-align:center}.login-close-btn{color:#ccc;font-size:40px;color:grey;font-weight:700;margin-right:.3em}.login-form{margin:.5em auto;flex-direction:column;justify-content:space-around}.login-form,.login-header{display:flex;align-items:center}.login-header{justify-content:flex-end}.login-close-btn:focus,.login-close-btn:hover{color:#000;text-decoration:none;cursor:pointer}.login-form>label{margin-top:.3em;color:#040403}.login-form>input{font-size:1rem;margin-top:.2em}.login-submit{margin-top:1em;border-radius:3px;font-size:1.25rem;color:#95b46a;background:#040403;border:none;padding:.5em;align-self:center}.login-submit:focus,.login-submit:hover{border:4px solid #95b46a}.sys-message{display:block}.Error{color:#de1a1a;font-size:1.25rem}.navbar{display:flex;justify-content:flex-start;background-color:#363732;height:3.25rem;align-items:center}.nav-links{list-style-type:none;margin-left:auto;margin-right:.8em}.nav-links,.nav-links>li{display:inline}.nav-btn{background:none;border:none;padding:0;color:#f4faff;text-decoration:none;cursor:pointer;font-size:1.15rem}.login-btn{margin-right:.8em;font-weight:700}.nav-btn:focus,.nav-btn:hover{border-bottom:inset;border-color:#95b46a;border-width:.2em;color:#95b46a}.nav-thumb{max-width:25px;margin-right:.3em}.search-btn{margin-left:1em}.login-box{text-align:center;margin-top:.3em;position:absolute;right:5px;background-color:grey;flex-basis:10px;opacity:.95}.login-box,.profile-nav{display:flex;align-items:center}.profile-nav{margin-left:.3em}.footer{background-color:#020202;height:2rem;display:flex;align-items:center;justify-content:space-between;color:#363732;padding-right:.5em;padding-left:.5em;font-size:.9rem}.footer-ul{list-style-type:none;margin:0;padding:0}.footer-icon{display:inline;-webkit-filter:brightness(1.5);filter:brightness(1.5);margin-right:1em}.footer-icon:hover{color:#95b46a}@media screen and (min-width:600px){.footer{justify-content:flex-end;font-size:1.125rem}.footer-p{margin-right:2em}}.loading span{width:25px;height:25px;margin:0 5px;background-color:#95b46a;border-radius:50%;display:inline-block;-webkit-animation-name:dots;animation-name:dots;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.loading{margin-top:4em}.loading span:nth-child(2){background-color:#95b46a;-webkit-animation-delay:.4s;animation-delay:.4s}.loading span:nth-child(3){background-color:#95b46a;-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes dots{50%{opacity:0;transform:scale(.7) translate(10px)}}@keyframes dots{50%{opacity:0;transform:scale(.7) translate(10px)}}.container{min-height:calc(100vh - 5.25rem);background-color:#040403;color:#fdecef}.container,.landing-page{display:flex;flex-direction:column;align-items:center}.landing-page{flex-grow:1;justify-content:center;max-width:1200px}.setup-ul{list-style-type:none;text-align:left;padding:0 1.5em}.landing-page-signin{font-weight:700}.landing-page-signin,.landing-page-signup{margin-top:1em;border-radius:3px;width:90px;font-size:1.125rem;color:#95b46a;background:none;border:none}.landing-page-signin:hover,.landing-page-signup:hover{color:#95b46a;background:none;border:2px solid #95b46a}.welcome-p{padding:2em}.regis-form{padding:2rem;display:flex;flex-direction:column;width:70%}.regis-form>label{margin-top:.3em;margin-bottom:.3em}.regis-form>input{font-size:1rem}.regis-btn{margin-top:1em;border-radius:3px;font-size:1.25rem;border:none;align-self:center;padding:.5em}.regis-btn,.regis-btn:hover{color:#95b46a;background:none}.regis-btn:hover{border:2px solid #95b46a}.user-page{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:2em}.profile-pic{max-width:100px}.personal-section{width:80%;max-width:700px}.create-rant-textarea{max-width:690px;margin:0 auto}.rant-section{margin-top:1em;width:80%;display:flex;flex-direction:column;align-items:center}.bio-ul{list-style-type:none;line-height:1.3em}.divider{border:2px solid grey;width:80%;box-shadow:#2e8b57;margin-bottom:1.3em;margin-top:1.3em}@media screen and (min-width:500px){.profile-pic{max-width:150px}}@media screen and (min-width:850px){.profile-pic{max-width:180px;max-height:200px}.user-page{height:100%;width:100%;display:grid;grid-template-areas:"profile content content content" "create content content content" "bar content content content" "empty content content content";margin-bottom:2em}.personal-section{grid-area:profile;justify-self:center;width:70%}.create-rant{grid-area:create;max-width:70%;justify-self:center}.divider{display:none}.rant-section{grid-area:content;max-width:750px;justify-self:center}.rant-content-box{width:80%}}@media screen and (min-width:1050px){.profile-pic{max-width:250px;max-height:225px}}.add-comment{font-size:.8rem;display:flex;flex-direction:column;padding:.5em;align-items:flex-start}.add-comment-textarea{width:100%;border-radius:8px;height:50%;color:#fff;background-color:hsla(0,0%,100%,.03);border:3px solid grey;padding:.3em}.rant-actions{margin-top:.6em;width:100%;display:flex;justify-content:space-around}.add-comment-btn{border:none;background:none;font-size:1.5rem;color:#95b46a}.cancel-btn{border:none;color:#de1a1a;font-size:1.2rem;background:none;padding:.2em}.add-comment-btn:focus,.add-comment-btn:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.cancel-btn:focus,.cancel-btn:hover{-webkit-filter:brightness(350%);filter:brightness(350%)}.add-tooltip{position:relative;bottom:5px;left:5px;border-radius:20px;padding:.4em;font-weight:100;color:#95b46a;background-color:hsla(0,0%,100%,.01)}.comment{width:80%;border:.5px solid #95b46a;padding:.3em 1em;min-height:80px;margin-top:.1em;align-self:flex-end;border-radius:8px;background-color:hsla(0,0%,100%,.125);box-shadow:-2px -4px 3px #95b46a}.post-time{justify-content:flex-end;font-size:.8rem}.like-btn{margin-top:.6em}.profile-thumb{max-width:30px}.comment-header{display:flex;justify-content:space-between;align-items:center}.comment-content-box{border:1px solid grey;margin:0 auto;background-color:hsla(0,0%,100%,.25);border-radius:8px;padding:.3em;width:70%}.comment-options{display:flex;justify-content:flex-end;align-items:center}.comment-delete-btn:focus,.comment-delete-btn:hover{-webkit-filter:brightness(250%);filter:brightness(250%)}.comment-delete-btn{border:none;color:#de1a1a;font-size:1.2rem;background:none;padding:.2em}.delete-tooltip{background-color:hsla(0,0%,100%,.01)}.rant{width:100%;border:2.5px solid #95b46a;padding:.1em 1em .3em;min-height:100px;margin-top:1.5em;border-radius:8px;background-color:hsla(0,0%,100%,.125)}.post-time{margin:.5em 0;display:flex;flex-direction:column;align-items:flex-end}.rant-header{display:flex;justify-content:space-between;align-items:center}.rant-content-box{border:1px solid grey;background-color:hsla(0,0%,100%,.25);border-radius:8px;padding:.4em;width:70%;margin:0 auto}.rant-interactions{display:flex;justify-content:space-around;margin-top:.5em}.comment-btn-delete{color:#de1a1a}.comment-btn-add,.comment-btn-delete{border:none;font-size:1.2rem;background:none;padding:.2em}.comment-btn-add{color:#95b46a}.comment-btn-delete:focus,.comment-btn-delete:hover{-webkit-filter:brightness(250%);filter:brightness(250%)}.comment-btn-add:focus,.comment-btn-add:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.delete-tooltip{right:5px;color:#de1a1a;background-color:hsla(0,0%,100%,.1)}.comment-tooltip,.delete-tooltip{position:relative;bottom:5px;border-radius:20px;padding:.4em;font-weight:100}.comment-tooltip{left:5px;color:#95b46a;background-color:hsla(0,0%,100%,.01)}textarea{resize:none}.create-rant{width:80%;min-height:100px;display:flex;flex-direction:column;align-items:flex-end;border-radius:8px;padding:.4em}.create-rant-textarea{font-size:1.125rem;width:100%;padding:.3em;border-radius:8px;color:#fff;background-color:hsla(0,0%,100%,.02);border:3px solid grey}.create-rant-textarea:focus{border:4px solid #95b46a}.post-btn{font-size:1.25rem;margin-top:.5em;align-self:center;background:none;color:#95b46a;border:none;font-size:1.4rem}.post-tooltip{position:relative;bottom:5px;left:5px;border-radius:20px;padding:.4em;font-weight:100;color:#95b46a;background-color:hsla(0,0%,100%,.01)}.post-btn:focus,.post-btn:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.comment-active:active{background-color:#95b46a}.upload-modal{position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(0,0,0,.5)}.upload-container{opacity:1;background-color:#fff;margin:10% auto;height:70%;width:60%;box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);-webkit-animation-name:uploadopen;animation-name:uploadopen;-webkit-animation-duration:1s;animation-duration:1s;text-align:center}.upload-form{margin:1em auto;height:65%;width:75%}.drop-box{margin:0 auto;border:1px dashed #000;height:75%;width:75%}.file-drop-target-preview{max-height:70%;margin:0 auto;display:block;visibility:hidden}input[type=file]{width:90px;color:transparent;margin-bottom:.3em}.or{display:block;margin-bottom:.3em;color:#de1a1a}.upload-btn{margin-top:1em}.file-drop{width:100%}.file-drop,.file-drop>.file-drop-target{height:100%}.file-drop>.file-drop-target.file-drop-dragging-over-frame{background-color:silver}.file-drop>.file-drop-target.file-drop-dragging-over-target{color:#95b46a;box-shadow:0 0 13px 3px #95b46a}@-webkit-keyframes uploadopen{0%{opacity:0}to{opacity:1}}@keyframes uploadopen{0%{opacity:0}to{opacity:1}}.edit-modal{position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(0,0,0,.5)}h2{color:#de1a1a;font-size:1.25rem}.edit-container{opacity:1;background-color:#fff;margin:10% auto;height:65%;width:60%;box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);-webkit-animation-name:uploadopen;animation-name:uploadopen;-webkit-animation-duration:1s;animation-duration:1s;text-align:center}.close-btn{color:#ccc;float:right;font-size:30px;color:grey}.edit-form{margin:1em auto;display:flex;flex-direction:column;align-items:center;height:75%;width:75%}.edit-btn,.edit-form>label{color:#de1a1a}.edit-btn{border:none;background:#000;margin-top:1em;padding:.5em;font-weight:700}.edit-btn:hover{color:#95b46a}.close-btn:focus,.close-btn:hover{color:#000;text-decoration:none;cursor:pointer}.personal-section{border:3px solid hsla(0,0%,100%,.5);margin-top:1em;border-radius:8px;padding:1em;background-color:hsla(0,0%,100%,.125)}.img-box{display:flex;justify-content:center}.bio-ul{margin-left:25px}.bio-info,.bio-ul{display:flex;flex-direction:column}.bio-info{justify-content:center}.profile-footer{display:flex;justify-content:space-between;margin-top:1em}.profile-info{display:flex;justify-content:space-around}.cog{cursor:pointer;align-self:flex-end;color:#95b46a;border:none;font-size:1rem;background:none;padding:.2em}.cog:focus,.cog:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.pic-edit-btn{border:none;color:#95b46a;font-size:1.2rem;background:none;padding:.2em}.pic-edit-btn:focus,.pic-edit-btn:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.profile-pic{box-shadow:-1px 1px 3px}.page-text{font-size:1rem;color:#95b46a}.upload-tooltip{left:5px}.edit-tooltip,.upload-tooltip{position:relative;bottom:5px;border-radius:20px;padding:.4em;font-weight:100;color:#95b46a;background-color:hsla(0,0%,100%,.01)}.edit-tooltip{right:5px}.search-page{flex-grow:1;width:100%;max-width:1000px}.search-page,.search-results{display:flex;flex-direction:column;align-items:center;justify-content:center}.search-results{width:80%}
/*# sourceMappingURL=main.d456451d.chunk.css.map */