@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,bold,italic&subset=latin,latin-ext);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Permanent+Marker&family=Roboto+Slab&display=swap);@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{padding-top:10vh}.FormResponse{color:red}.deleteButton{background-color:#ffc7b3;border:unset;border-radius:3px;font-size:16px;line-height:28px;margin-left:10%}.deleteButton:hover{background-color:#a9a9a9;box-shadow:0 6px 6px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.deleteAccountButton{background-color:#d9534f;border:1.2px #010201;border-radius:10px;font-size:12px;line-height:28px}.deleteAccountButton:hover{background-color:#ba68c8;box-shadow:0 6px 6px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);color:#f5f5f5}.cancelDeleteAccount{background-color:#4cac84;border:1.2px #010201;border-radius:10px;font-size:12px;line-height:28px}.cancelDeleteAccount:hover{background-color:#ba68c8;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);color:#f5f5f5}.areYouSure{color:#d9534f;font-size:38px;font-weight:700}.App{text-align:center}.App-logo{height:40vmin}.tabDiv{align-items:flex-center;width:100%}.tab{background-color:#f5f5f5;border:none;border-radius:10px;font-size:20px;height:48px;margin:10px;max-width:800px;min-width:20vw}.tab[active=true]{background-color:#4caf50;color:#000}h3{color:#2e7d32;font-weight:600}.accentButton{background:none;border:none;color:#2e7d32;font-size:16px;height:24px}#loginForm>label>input,.accentButton:hover{background-color:#c4c4c4}#loginForm>label>input{border:none;height:24px;max-width:80vw;width:250px}#loginForm>label{font-size:24px}#loginForm>input{font-size:16px;height:24px}#loginForm>input,#loginForm>input:hover{background-color:#c4c4c4;border:none;max-width:80vw;width:250px}#loginForm>input:hover{color:#2e7d32}.App-header{align-items:flex-center;background-color:#fff;color:#000;display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.deletePost{width:100%}.deleteIcon{float:right}.profile{width:100%}ul{max-width:80%;min-width:50%;padding-left:0!important;width:800px!important}.link-button{background-color:transparent;border:none;cursor:pointer;display:inline;margin:0;outline:none;padding:0}.link-button:active,.link-button:focus,.link-button:hover{outline:none;text-decoration:none}.no-suggestions{color:#999;padding:.5rem}.autocomplete input{width:calc(300px + 1rem)}.autocomplete{min-height:165px}.suggestions{border:1px solid #999;border-top:0 solid #999;display:inline-block;list-style:none;margin-top:0;max-height:143px;overflow-y:auto;padding-left:0;position:relative;width:calc(300px + 1rem)}.suggestions li{padding:.5rem}.suggestion-active,.suggestions li:hover{background-color:#008f68;color:#fae042;cursor:pointer;font-weight:700}.suggestions li:not(:last-of-type){border-bottom:1px solid #999}.profileform label{display:block}.App-link{color:#09d3ac}.postlist{background:#6490f2;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:15px;width:70%}.userlist{background:#f5f5f5;border-radius:10px;color:#282c34;display:inline-flex;margin:5px;padding:30px;text-align:left;width:60%}.userlist>a{color:#282c34;text-decoration:none}.comments{background:#ffc7b3;border:1px solid #000;border-radius:20px;padding:15px;width:60%}.commentlist,.comments{color:#000;display:block;margin:auto}.commentlist{background:#6490f2;border-radius:20px;font-size:12px;padding:10px;text-align:left;width:90%}.maincontent{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.post{align-items:center;justify-content:flex-start;min-width:40%}.comment-block,.postbody{align-items:flex-start;justify-content:center;width:100%}.comment-block,.postbody,.sidenav{display:flex;flex-direction:column}.sidenav{align-items:center;background-color:blue;height:100%;justify-content:flex-start;left:0;position:fixed;top:0;width:100px}.tag-active{border:red;border-style:solid;border-width:thick}.sidenav ul{list-style-type:none;margin:40px 0 0;padding:10px}.sidenav-icon{height:40px;margin-bottom:15px;width:40px}.comment-indicator{display:block;float:right;margin-top:10px;text-align:right;width:100%}.comment-icon{float:right;height:40px;width:40px}.comment-indicator-text{background-color:#add8e6;border-radius:10px;color:#000;float:right;font-size:16px;font-weight:700;margin-left:10px;padding:5px;text-align:center;width:120px}.hide{display:none}.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:0}.modal-content{background-color:#fefefe;border:1px solid #888;height:200px;margin:15% auto;padding:1px 10px 20px 20px;width:50%}.close{color:#aaa;float:right;font-size:35px;font-weight:700;line-height:42px}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.commentArea{margin:auto}.commentArea,.labelArea{align-items:center;display:flex;flex-direction:column;justify-content:center}.textArea{height:7.5vh;width:97%}.post{border:1px solid #000;justify-content:center;margin:auto;width:60%}.post,.posts{display:flex;flex-direction:column;gap:10px}.posts{padding-top:15px}.postBody{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-self:center}.profilePicture{border-radius:50%;height:50px;width:50px}.editDelete{align-items:center;gap:3px;justify-content:center}.editDelete,.responseArea{display:flex;flex-direction:column}.responseArea{margin-top:10px;width:100%}.tagPost{text-align:right}input{background-color:#e9eff5;border-radius:5px;margin:8px 0;padding:12px 15px;width:50%}.changeUsername{align-items:center;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25);display:flex;flex-direction:column;height:30vh;justify-content:center;margin:auto;padding-bottom:10px;width:40%}h1{font-family:Permanent Marker,serif}h2{font-family:Roboto Slab,serif}h4,h5,h6{font-family:Lato,sans-serif}h6{font-weight:700}.overall{display:flex;flex-direction:column;margin:auto;position:absolute;top:0;width:100%}.brandGuidelines{background-color:#388e3c;justify-content:center}.brandGuidelines,.links{display:flex;flex-direction:row;width:100%}.links{align-items:center;background-color:#6490f2;color:#000;font-family:Permanent Marker;height:5vh;justify-content:space-evenly;position:-webkit-sticky;position:sticky;top:0}.active{color:#fff}.testing{z-index:-100}.stdButton1{background-color:#4caf50}.stdButton1,.stdButton2{border:1.2px solid #010201;border-radius:10px;font-size:15px;padding:6px}.stdButton2{background-color:#ba68c8}.stdButton3{background-color:#6490f2;color:#fff}.stdButton3,.stdButton4{border:1.2px solid #010201;border-radius:10px;font-size:15px;padding:6px}.stdButton4{background-color:#ffc7b3}.stdButton5{background-color:#add8e6;border:1.2px #010201;border-radius:10px;font-size:15px;padding:6px}.stdButton1:hover{background-color:#81c784}.stdButton1:hover,.stdButton2:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);color:#f5f5f5}.stdButton2:hover{background-color:#7b1fa2}.stdButton3:hover{background-color:#ffc7b3;color:#000}.stdButton3:hover,.stdButton4:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.stdButton4:hover{background-color:#6490f2;color:#f5f5f5}.theLine{width:70%}.postInput{display:flex;flex-direction:row;justify-content:center;margin:auto;width:50%}@media screen and (min-width:800px){h2{text-align:center}label{font-size:medium}.specialPara{font-size:14px;font-weight:100;letter-spacing:.5px;line-height:20px}.signButton{background-color:#7b1fa2;border:1px solid #7b1fa2;border-radius:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:12px 45px;text-transform:uppercase;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in,-webkit-transform 80ms ease-in}.signButton:active{-webkit-transform:scale(.95);transform:scale(.95)}.signButton:focus{outline:none}.signButton.ghost{background-color:transparent;border-color:#fff}.signForm{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px;text-align:center}.signInput{background-color:#eee;border:none;margin:8px 0;padding:12px 15px;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);margin:auto;max-width:100%;min-height:480px;overflow:auto;position:relative;width:768px}.form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container{-webkit-transform:translateX(100%);transform:translateX(100%)}.sign-up-container{box-sizing:border-box;left:0;opacity:0;width:50%;z-index:1}.container.right-panel-active .sign-up-container{-webkit-animation:show .6s;animation:show .6s;opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%);z-index:5}@-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{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:50%;z-index:100}.container.right-panel-active .overlay-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.overlay{background:#ba68c8;background:linear-gradient(90deg,#ba68c8,#7b1fa2);background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fff;height:100%;left:-100%;position:relative;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:200%}.container.right-panel-active .overlay{-webkit-transform:translateX(50%);transform:translateX(50%)}.overlay-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:50%}.overlay-left{left:-4vh;-webkit-transform:translateX(-20%);transform:translateX(-20%)}.container.right-panel-active .overlay-left,.overlay-right{-webkit-transform:translateX(0);transform:translateX(0)}.overlay-right{right:-5vh}.container.right-panel-active .overlay-right{-webkit-transform:translateX(20%);transform:translateX(20%)}.social-container{margin:20px 0}.social-container a{align-items:center;border:1px solid #ddd;border-radius:50%;display:inline-flex;height:40px;justify-content:center;margin:0 5px;width:40px}}@media screen and (max-width:799px){h2{text-align:center}label{font-size:medium}.container{align-items:center;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);display:flex;flex-direction:column;justify-content:center}.signInput{background-color:#eee;border:none;margin:8px 0;padding:12px 15px;width:95%}.overlay-container{display:none}}.toast-buttons button{border:none;border-radius:7%;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:50px;margin:0 10px;outline:none;width:100px}.success{background-color:#5cb85c}.danger{background-color:#d9534f}.info{background-color:#5bc0de}.warning{background-color:#f0ad4e}.notification-container{box-sizing:border-box;font-size:14px;padding-top:10px;z-index:999999}.notification{background:#fff;background-position:15px;background-repeat:no-repeat;border-radius:3px 3px 3px 3px;box-shadow:0 0 10px #999;color:#fff;margin:auto auto 15px;max-height:100px;opacity:.9;overflow:hidden;padding:30px;pointer-events:auto;transition:.3s ease;width:2000px}.notification:hover{box-shadow:0 0 12px #fff;cursor:pointer;opacity:1}.notification-title{font-size:16px;font-weight:700;height:18px;margin-bottom:6px;margin-top:0;text-align:left;width:300px}.notification-message{height:18px;margin:0 0 0 -1px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.notification-image{float:left;margin-right:15px}.notification-image img{height:30px;width:30px}.toast{width:365px}.shortToast,.toast{color:#fff;height:50px;padding:20px 15px 10px 10px}.shortToast{margin-right:75px;width:315px}.notification-container button{background:0 0;border:0;color:#fff;cursor:pointer;float:right;font-size:16px;font-weight:700;line-height:1;opacity:.8;outline:none;padding:0;position:relative;right:-.3em;text-shadow:0 1px 0 #000;top:-.3em}.profile-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}li{list-style:none}.navbarTop{background-color:#388e3c;color:#fff;flex-direction:row;height:90px;justify-content:center;position:fixed;top:0;width:100%}.nav-menu,.navbarTop{align-items:center;display:flex}.nav-menu{justify-content:space-between}.nav-item{display:block;font-size:medium}.nav-logo{height:120px;position:relative;width:120px}.nav-icon{height:40px;width:40px}.nav-text{color:#fff;font-family:Roboto Slab,serif;margin:0;padding:0}.nav-text:hover{color:#7b1fa2}.nav-icon:hover{-webkit-animation:shake .5s;animation:shake .5s}@media screen and (max-width:799px){.navbarTop{align-items:center;background-color:#388e3c;color:#fff;display:flex;flex-direction:row;height:90px;justify-content:left;position:fixed;top:0;width:100%}}.colors{flex-direction:column;left:10%;position:absolute;width:80%}.colorText,.colors{display:flex;justify-content:center}.colorText{font-family:Lato,sans-serif}.additionals,.greens,.purples{display:flex;flex-direction:row}.primaryColorGreen{align-items:center;background-color:#4caf50;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:1px 1px 5px #000;font-family:Roboto Slab,serif;height:24vh;justify-content:center;width:75%}.secondaryPurples{display:flex;flex-direction:column;height:50%;justify-content:center;width:33%}.secondaryPurpleLight{background-color:#ce93d8}.secondaryPurpleDark,.secondaryPurpleLight{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:1px 1px 5px #000;font-family:Lato,sans-serif;height:12vh}.secondaryPurpleDark{background-color:#7b1fa2;color:#fff}.primaryColorPurple{align-items:center;background-color:#ba68c8;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:1px 1px 5px #000;color:#f5f5f5;font-family:Roboto Slab,serif;height:24vh;justify-content:center;width:75%}.secondaryGreens{display:flex;flex-direction:column;height:50%;width:33%}.secondaryGreenLight{background-color:#81c784}.secondaryGreenDark,.secondaryGreenLight{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:1px 1px 5px #000;font-family:Lato,sans-serif;height:12vh}.secondaryGreenDark{background-color:#388e3c;color:#f5f5f5}.primaryColorWhite{align-items:center;background-color:#f5f5f5;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:1px 1px 5px #000;font-family:Roboto Slab,serif;justify-content:center;width:75%}.secondaryColors{display:flex;flex-direction:column;height:50%;width:33%}.secondaryCoral{background-color:#ffc7b3}.secondaryCoral,.secondaryDenim{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:1px 1px 5px #000;font-family:Lato,sans-serif;height:12vh}.secondaryDenim{background-color:#6490f2;color:#fff}.icons{display:flex;flex-direction:column;justify-content:center;margin:auto}.iconGuide{width:80%}.buttonsGuide,.iconGuide{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;left:10%;margin:auto}.buttonsGuide{gap:10px;width:30%}.toastGuide{font-family:Lato,sans-serif;left:10%;margin:auto;width:80%}.iconDisplay{height:auto;width:5%}.iconDisplay:hover{-webkit-animation:shake .5s;animation:shake .5s}.captions{align-items:center;display:flex;flex-direction:row;font-family:Lato,sans-serif;justify-content:space-evenly;left:10%;margin:auto;width:80%}.captions>*{flex-basis:1%}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}.logoBox{align-items:center;display:flex;flex-direction:column;font-family:Lato,sans-serif;height:auto;justify-content:center;margin:auto;width:80%}.mainLogo{height:auto;width:40%}.secondaryLogos{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto;width:80%}.secondaryLogo{height:auto;width:20%}.typographyGuide{display:flex;flex-direction:column;justify-content:center;margin:auto;width:80%}.description{margin:auto;width:60%}.latoLetters{background-color:#ffc7b3;border-radius:3px;box-shadow:1px 1px 5px #000;padding-top:1%}.latoLetters,.lettersLato{font-family:Lato,sans-serif}.lettersLato{border-radius:5px;margin:auto;width:80%}.robotoLetters{background-color:#7b1fa2;border-radius:3px;box-shadow:1px 1px 5px #000;color:#fff;font-family:Lato,sans-serif;padding-top:1%}.lettersRoboto{border-radius:5px;font-family:Roboto Slab,serif;margin:auto}.permanentLetters{background-color:#81c784;border-radius:3px;box-shadow:1px 1px 5px #000;font-family:Lato,sans-serif;padding-top:1%}.lettersPermanent{border-radius:5px;font-family:Permanent Marker;margin:auto}.dailyResponse{height:15vh;width:65%}
/*# sourceMappingURL=main.a5e1fb66.css.map*/