body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-nav{display:flex;justify-content:space-between;align-items:baseline;padding-top:0;height:90%}.bm-burger-button{position:fixed;width:36px;height:30px;right:36px;top:36px;color:#bdc3c7}.bm-burger-bars{background:#000}.bm-burger-bars-hover{border-radius:20px}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#000}.bm-menu{background:rgba(93,136,168,.616);padding:2em 1.5em 0;font-size:1.15em;width:auto}.bm-morph-shape{fill:#373a47}.bm-item-list{color:#b8b7ad;padding:.8em}.bm-item{color:#05362c}.bm-overlay{background:rgba(0,0,0,.1)}.nav-title{justify-content:space-between;text-decoration:none;padding-left:3%}.title{text-align:center;margin-top:5%;padding-top:1%}span.title{padding-left:2rem;text-align:center;color:#000;text-decoration:none;font-size:3rem}.icon,span.title{position:relative}.icon{width:5rem;height:5rem;border-radius:50%;margin-top:5%}@media only screen and (min-width:320px) and (max-width:760px){.bm-burger-button{position:fixed;width:28px;height:20px;right:28px;top:28px;color:#bdc3c7}.bm-cross-button{height:18px;width:18px}.icon{width:3rem;height:3rem}.nav-title .title{text-align:center;margin-top:6%;padding-left:6%;font-size:36px}.header .header-nav .bm-overlay{width:auto!important}.header .header-nav .bm-menu-wrap{width:160px!important}}*,body{font-family:Unica One,cursive}body{font-size:20px;color:#000;line-height:1.5;text-align:center}.landing-header{color:#000;font-weight:700;text-shadow:2px 1.5px #fff;font-size:24px}header{-webkit-backface-visibility:hidden;backface-visibility:hidden}section{padding:25px 10px}p{margin:0 auto;max-width:60ch}h1#landing-title{padding-top:10rem}h1,h2,h4{font-family:Unica One,cursive}p+p{margin-top:15px}#landing-title{-webkit-animation-name:moveInLeft;animation-name:moveInLeft;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}#phrase{-webkit-animation-name:moveInRight;animation-name:moveInRight;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.landing-main{background-image:url(/static/media/background.62348c96.png);background-repeat:no-repeat;background-attachment:fixed;background-position:center 100px;background-size:cover}.main-spotlight-section{padding-top:10%}.main-spotlight-section,.spotlight-card{display:flex;flex-direction:column;justify-content:center;align-items:center}.spotlight-card{background-color:rgba(93,135,168,.425);-webkit-transition:.3s;transition:.3s;border-radius:5px;width:22.5rem;margin-top:.5rem}.spotlight-card:hover{box-shadow:0 8px 16px 0 hsla(0,0%,100%,.151)}.container{border-top:.5px solid rgba(0,70,144,.62);padding:2rem 1.5rem;color:#000;font-weight:700}.container a{color:#fff}.btn,.btn:visited{background-color:#fff;color:#004690;border-color:rgba(0,70,144,.62);margin-top:15px;padding:15px 40px;text-transform:uppercase;text-decoration:none;font-weight:700;display:inline-block;-webkit-transition:all .2s;transition:all .2s;border-radius:100px}.btn:hover{cursor:pointer;-webkit-transform:translateY(-2.5px);transform:translateY(-2.5px);box-shadow:0 5px 15px rgba(0,17,255,.2)}.btn:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.footer{background-color:none transparent;display:flex;flex-direction:row;align-items:baseline;padding-top:7%;margin-left:35%;margin-right:30%;color:#000;text-shadow:2px 1.5px #fff}@-webkit-keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@media only screen and (min-width:320px) and (max-width:760px){main{display:flex;flex-direction:column}body{font-size:14px;line-height:1.3}.landing-main{background-image:url(/static/media/background.62348c96.png)no-repeat center;background-size:90% 50%}.footer{font-size:10px;display:flex;align-items:space-around;padding-top:9%;padding-left:8%;margin-left:15%;margin-right:15%}}@media only screen and (min-width:760px) and (max-width:1096px){main{display:flex;flex-direction:column}.landing-header{padding-top:20%}.landing-main{background-image:url(/static/media/background.62348c96.png)no-repeat center;background-size:90% 70%}.footer{font-size:20px;display:flex;align-items:space-around;padding-top:9%;padding-left:8%;margin-left:15%;margin-right:15%}}h1.main-title-post{margin:1rem}h4.pet_name{font-size:1.55rem;-webkit-animation-name:moveInLeft;animation-name:moveInLeft;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}a.email{color:#d7efea}a.email:hover{color:#c4f39f}.post-main{display:flex;flex-direction:column;justify-content:center;align-items:center}.bm-menu-wrap{position:fixed;height:100%}.card{display:inline-block;background-color:rgba(93,136,168,.616);-webkit-transition:.3s;transition:.3s;border-radius:5px;width:22.5rem;margin-top:.1rem}.card:hover{box-shadow:0 8px 16px 0 hsla(0,0%,100%,.151)}.container{border-top:.5px solid #c4f39f;padding:.1rem 1.5rem}@media only screen and (min-width:600px){.post-main{display:grid;grid-gap:.2rem .25rem;grid-template-columns:auto auto;justify-content:space-evenly;overflow:hidden;grid-template-areas:"myArea myArea"}}@media only screen and (min-width:1200px){.post-main{display:grid;grid-gap:.5rem .25rem;grid-template-columns:auto auto auto;justify-content:space-evenly;overflow:hidden;grid-template-areas:"myArea myArea"}}@-webkit-keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.flex-container{overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.post-form-section{-webkit-transition:.3s;transition:.3s;border-radius:5px;width:22.5rem;margin-top:.5rem;background-color:rgba(93,136,168,.616);width:25rem}.post-form-section:hover{box-shadow:0 8px 16px 0 hsla(0,0%,100%,.151)}textarea{width:100%;height:150px;padding:12px 20px;box-sizing:border-box;border:2px solid #ccc;border-radius:4px;background-color:#f8f8f8;resize:none}.res-btn,.sub-btn{color:#004690;margin-left:.5rem}.res-btn:hover,.sub-btn:hover{box-shadow:0 5px 15px rgba(0,17,255,.2)}.res-btn:active,.sub-btn:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.post-form{padding:.25rem 1.25rem}.post-form input,.post-form label{display:block;width:100%;text-align:start;margin-top:.25rem}.post-form input{border:1px solid #ccc;padding:.2rem .5rem;font:inherit}.post-form input:focus{outline:none;background:#bae5f3;border-color:#047fa8}.post-form label{font-weight:700}.post-title{text-align:center;font-size:1.75rem}.post-form button[type=reset],.post-form button[type=submit]{display:inline-block;margin-top:1rem}.post-form-section{padding:10px 35px}@media only screen and (min-width:40rem){.post-form{margin:auto;width:20rem}}@media only screen and (min-width:782px){.post-form-section{width:40rem}}.nav-title{display:flex;flex-direction:row;justify-content:flex-start;padding-top:0}@media only screen and (min-width:320px) and (max-width:760px){.bm-burger-button{position:fixed;width:28px;height:20px;right:28px;top:28px;color:#bdc3c7}.bm-cross-button{height:18px;width:18px}.icon{width:3rem;height:3rem}.nav-title .title{text-align:center;margin-top:6%;padding-left:6%;font-size:36px}}.myPost-container{background-color:rgba(93,136,168,.616);-webkit-transition:.3s;transition:.3s;border-radius:5px;width:22.5rem;margin-top:.5rem;padding:15px 10px}.myPost-container:hover{box-shadow:0 8px 16px 0 hsla(0,0%,100%,.151)}.container{max-height:379.5px}.deletePostBtn,.update-btn{background-color:#fff;color:#004690;margin-top:15px;padding:7.5px 20px;margin-left:.5rem;text-transform:uppercase;font-weight:700;text-decoration:none;display:inline-block;-webkit-transition:all .2s;transition:all .2s;border-radius:100px}.deletePostBtn:hover,.update-btn:hover{cursor:pointer;-webkit-transform:translateY(-2.5px);transform:translateY(-2.5px);box-shadow:0 5px 15px rgba(0,17,255,.2)}.deletePostBtn:active,.update-btn:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media only screen and (min-width:600px){.myPost-grid{display:grid;grid-gap:.5rem .75rem;grid-template-columns:auto auto;justify-content:space-evenly;overflow:hidden;grid-template-areas:"myArea myArea"}}@media only screen and (min-width:1200px){.myPost-grid{display:grid;grid-gap:.5rem .25rem;grid-template-columns:auto auto auto;justify-content:space-evenly;overflow:hidden;grid-template-areas:"myArea myArea myArea"}}.demo-credentials,.flex-container .login_form{text-transform:none}.demo-credentials{display:block;margin-top:15%;text-align:center;border:3px solid;padding:5px 20px}.update-post-section{-webkit-transition:.3s;transition:.3s;border-radius:5px;width:22.5rem;margin-top:.5rem;background-color:rgba(202,244,241,.2);width:30rem}.update-post-form{padding:1rem}.update-post-form input,.update-post-form label{display:block;width:100%;text-align:start;margin-top:.5rem}.update-post-form input{border:1px solid #ccc;padding:.2rem .5rem;font:inherit}.update-post-form input:focus{outline:none;border-color:#047fa8}.update-post-form label{font-weight:700}.update-post-section{padding:5px 75px}.update-post-title{text-align:center;font-size:1.75rem}.update-post-form button[type=reset],.update-post-form button[type=submit]{display:inline-block;margin-top:1rem}@media only screen and (min-width:782px){.update-post-section{width:40rem}}h4.profile-title{font-size:1.75rem;-webkit-animation-name:moveInLeft;animation-name:moveInLeft;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.profile-section{-webkit-transition:.3s;transition:.3s;border-radius:5px;width:22.5rem;margin-top:.5rem;background-color:rgba(202,244,241,.2);width:30rem}.update-post-section:hover{box-shadow:0 8px 16px 0 hsla(0,0%,100%,.151)}.flex-container{margin-top:1.5rem}.update-user-section{-webkit-transition:.3s;transition:.3s;border-radius:5px;width:22.5rem;margin-top:.5rem;background-color:rgba(202,244,241,.2);width:30rem}.update-user-section:hover{box-shadow:0 8px 16px 0 hsla(0,0%,100%,.151)}.res-btn,.sub-btn{background-color:#fff;font-weight:700;margin-top:15px;padding:7.5px 20px;text-decoration:none;display:inline-block;-webkit-transition:all .2s;transition:all .2s;border-radius:100px}.res-btn:hover,.sub-btn:hover{cursor:pointer;-webkit-transform:translateY(-2.5px);transform:translateY(-2.5px)}.res-btn:hover,.sub-btn:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.update-user-form{padding:1rem}.update-user-form input,.update-user-form label{display:block;width:100%;text-align:start;margin-top:.5rem}.update-user-form input{border:1px solid #ccc;padding:.2rem .5rem;font:inherit}.update-user-form input:focus{outline:none;border-color:#047fa8}.update-user-form label{font-weight:700}.update-user-section{padding:5px 75px}.update-user-title{text-align:center;font-size:1.75rem}.update-user-form button[type=reset],.update-user-form button[type=submit]{display:inline-block;margin-top:1rem}@media only screen and (min-width:40rem){.signup_form{margin:auto;width:35rem}}@media only screen and (min-width:782px){.update-user-section{width:40rem}}.form-container #signup_form{text-transform:none}br{display:block}.menu-item{color:#000;text-decoration:none}img{width:2rem;margin-top:2.375rem}img#paw-menu{width:4rem}#paw-menu{margin-top:0}.bm-item{display:inline-block;color:#d7efea}.bm-item:hover{background-color:#004690;color:#d7efea;border-radius:.5rem}*{box-sizing:border-box}@media only screen and (min-width:320px) and (max-width:760px){.header{display:flex;justify-content:space-between;flex-basis:auto}.App .header .header-nav .bm-overlay{width:auto}.App .header .header-nav .bm-menu-wrap{width:160px}}
/*# sourceMappingURL=main.b62ae1fe.chunk.css.map */