@import url(https://fonts.googleapis.com/css?family=Alata&display=swap);@import url(https://fonts.googleapis.com/css?family=Yellowtail&display=swap);body{margin:0;font-family:Alata,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,p{font-family:Alata,sans-serif}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.test{justify-content:center}.login-box,.test{display:flex;align-items:center}.login-box{width:80%;margin:2rem;height:80vh;box-shadow:5px 5px 30px 10px rgba(0,0,0,.1),-5px 0 30px 10px rgba(0,0,0,.1)}.formPic{background-image:url(/static/media/handise.67e5ef6b.jpg)}.formPic,.signUpformPic{width:50%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.signUpformPic{background-image:url(/static/media/spotLight.b2d6d557.jpg)}.Form,form{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.voted-color{background-color:#39b128!important}.hideButton,.hideForm{display:none!important}.displayForm{display:flex;justify-content:center;align-items:center}.expandDescription{max-height:150px!important;overflow:auto!important;background:none!important}.menuButton{border:1px solid green;margin:.1rem}.showMenu,.showSearchBar{display:flex!important}.showSearchBar{-webkit-animation:appear .5s;animation:appear .5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:1!important}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}.navLinkStyle{color:#fff;font:.6rem Raleway;margin:0 10px;padding:10px;z-index:0;cursor:pointer}.button-like,.navLinkStyle{text-decoration:none;position:relative}.button-like{border:2px solid #8a8a8a;background-color:transparent;padding:.6rem;vertical-align:middle;text-align:center;display:inline-block;border-radius:3rem;color:#8a8a8a;-webkit-transition:all .4s ease;transition:all .4s ease;margin:.5rem 0;font-family:Alata,sans-serif}.button-like span{margin-left:.5rem}.button-like .fa,.button-like span{-webkit-transition:all .4s ease;transition:all .4s ease}.button-like:focus{background-color:transparent}.button-like:focus .fa,.button-like:focus span{color:#8a8a8a}.button-like:hover{border-color:#cc4b37;background-color:transparent}.button-like:hover .fa,.button-like:hover span{color:#cc4b37}.liked{background-color:#cc4b37;border-color:#cc4b37;color:#fff}.liked .fa,.liked span{color:#fefefe}.liked:focus{background-color:#cc4b37}.liked:focus .fa,.liked:focus span{color:#fefefe}.liked:hover{background-color:#cc4b37;border-color:#cc4b37}.liked:hover .fa,.liked:hover span{color:#fefefe}.button-Edit{border:2px solid #8a8a8a;background-color:transparent;text-decoration:none;padding:.6rem 1.4rem;position:relative;vertical-align:middle;text-align:center;display:inline-block;border-radius:3rem;color:#8a8a8a;-webkit-transition:all .4s ease;transition:all .4s ease;margin:.5rem 0}.button-Edit span{margin-left:.5rem}.button-Edit .fa,.button-like span{-webkit-transition:all .4s ease;transition:all .4s ease}.button-Edit:focus{background-color:transparent}.button-Edit:focus .fa,.button-like:focus span{color:#8a8a8a}.button-Edit:hover{border-color:#cc4b37;background-color:transparent}.button-Edit:hover .fa,.button-like:hover span{color:#cc4b37}.Edit{background-color:#cc4b37;border-color:#cc4b37;color:#fff}.button-Delete{border:2px solid #8a8a8a;background-color:transparent;text-decoration:none;padding:.6rem 1rem;position:relative;vertical-align:middle;text-align:center;display:inline-block;border-radius:3rem;color:#8a8a8a;-webkit-transition:all .4s ease;transition:all .4s ease;margin:.5rem 0}.button-Delete span{margin-left:.5rem}.button-Delete .fa,.button-like span{-webkit-transition:all .4s ease;transition:all .4s ease}.button-Delete:focus{background-color:transparent}.button-Delete:focus .fa,.button-like:focus span{color:#8a8a8a}.button-Delete:hover{border-color:#cc4b37;background-color:transparent}.button-Delete:hover .fa,.button-like:hover span{color:#cc4b37}.Delete{background-color:#cc4b37;border-color:#cc4b37;color:#fff}.styledSideNavButton{border:2px solid #fff;background-color:transparent;text-decoration:none;padding:.6rem 1rem;position:relative;vertical-align:middle;text-align:center;display:inline-block;border-radius:3rem;color:#fff;-webkit-transition:all .4s ease;transition:all .4s ease;margin:.5rem 0}.styledSideNavButton span{margin-left:.5rem}.button-like span,.styledSideNavButton .fa{-webkit-transition:all .4s ease;transition:all .4s ease}.styledSideNavButton:focus{background-color:transparent}.button-like:focus span,.styledSideNavButton .fa{color:#8a8a8a}.styledSideNavButton:hover{border-color:linear-gradient(90deg,#9af0de 35%,#60d6ab);background:-webkit-gradient(linear,left top,right top,color-stop(35%,#9af0de),to(#60d6ab));background:linear-gradient(90deg,#9af0de 35%,#60d6ab)}.styledSideNavButton:hover .fa,.styledSideNavButton:hover span{color:linear-gradient(90deg,#9af0de 35%,#60d6ab)}
/*# sourceMappingURL=main.043900ea.chunk.css.map */