@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@1,300&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;padding:0;margin:0;font-size:1rem;max-width:100%;font-family:"Open Sans Condensed",sans-serif}body{background-image:url(/static/media/cupcake.a007abb9.jpg);background-repeat:no-repeat;background-size:cover;min-height:100vh;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.home>*{margin:1% 0;width:70%}.home .welcomeMsg h2{text-align:center;font-size:3.5rem;text-shadow:5px 8px 4px rgba(0,66,66,.5);padding-bottom:1%;text-transform:capitalize;font-family:"Great Vibes",sans-serif;font-weight:bolder;background:-webkit-radial-gradient(#377a79,#000,#000,#377a79,#e8ca46,#000,#000,#e8ca46,#e8ca46);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navBar{justify-content:space-between;width:100%;background-color:#56b2b1;border-bottom:2px solid #e8ca46}.navBar,nav{display:flex}nav{width:40%;justify-content:space-evenly;align-items:center}.navStyle{border-right:1px solid #000;color:#000;text-decoration:none;font-size:1.8rem;padding:6%}.navStyle:last-child{border:none}.navStyle:focus{background-color:#e8ca46}.navBar a{text-decoration:none;width:70%;color:#000}.title{font-family:"Great Vibes",sans-serif;font-size:2.5rem;margin:3%;text-shadow:2px 2px #038b8b}h2{font-size:1.5rem}.titleDiv{justify-content:center;margin-top:2%}.infoDiv,.titleDiv{display:flex;align-items:center}.infoDiv{justify-content:space-between;flex-direction:column}.buttonStyle{padding:2%}.displayDiv{display:flex;align-items:center;justify-content:space-between;flex-direction:column}.titleStyles{text-decoration:underline;font-weight:800}.searchBar{width:100%;border:2px solid #038b8b;border-radius:5px;padding:1%;background-image:radial-gradient(circle,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5),rgba(3,139,139,.8));margin-top:1%;font-weight:700;text-shadow:1px 1px 2px #004949;font-style:italic;font-size:1.5rem;box-shadow:0 10px 25px rgba(0,73,73,.9)}.recipeCard{display:flex;flex-direction:column;justify-content:center;align-items:center;border:3px solid #038b8b;border-radius:20px;padding:6% 0;margin-top:5%;background:rgba(3,139,139,.4)}.recipeCard>*{width:60%;background-color:hsla(0,0%,96.1%,.9);margin:.1%;font-size:1.3rem;border:1px solid #038b8b;text-shadow:1px 1px 3px #004949;box-shadow:0 10px 15px rgba(0,73,73,.9)}.recipeCard h3{text-align:center}.recipeCard button{border-radius:5px;border:2px solid #038b8b;background-image:radial-gradient(circle,#fff,#fff,#038b8b,#fff,#038b8b);font-weight:700;color:#004242;text-shadow:1px 1px 1px #004242;font-size:1.4rem;cursor:pointer}.recipeForm{justify-content:center;align-items:center;border:3px solid #038b8b;border-radius:20px;padding:6% 0;margin-bottom:5%;background:rgba(3,139,139,.4)}.recipeForm,.recipeForm>*{display:flex;flex-direction:column}.recipeForm>*{width:70%;background-color:rgba(49,212,212,.6);margin:.1%;font-size:1.3rem;border:1px solid #038b8b;text-shadow:1px 1px 2px #004949;box-shadow:0 10px 15px rgba(0,73,73,.9)}.recipeForm h2{border:none;background:none;box-shadow:none;font-weight:700;margin:0 0 4%;text-shadow:5px 8px 3px rgba(0,66,66,.7);font-family:"Great Vibes",sans-serif;font-size:3.5rem;text-transform:capitalize;text-align:center}.recipeForm input,.recipeForm textarea{font-size:1.3rem;text-shadow:1px 1px 2px #004242}.recipeForm button{border-radius:5px;border:2px solid #038b8b;background-image:radial-gradient(circle,#fff,#fff,#038b8b,#fff,#038b8b);font-weight:700;color:#002a2a;font-size:1.2rem;display:flex;justify-content:center;align-items:center;padding:1% 0;margin-top:1%;width:40%}.addRecipeBtn,.recipeForm button{text-shadow:5px 8px 3px rgba(0,66,66,.7);box-shadow:2px 10px 25px rgba(0,27,27,.8);cursor:pointer;text-align:center;font-family:"Roboto",sans-serif}.addRecipeBtn{padding:.7em 1.7em;margin:0 .3em .3em 0;border-radius:.2em;background-color:rgba(3,139,139,.9);width:30%;font-size:1.3rem;-webkit-animation:bouncy 5s linear infinite;animation:bouncy 5s linear infinite;position:relative}button:hover{background-image:url(/static/media/source.41ba6cc8.gif);color:#000;font-weight:700;text-shadow:5px 8px 3px rgba(100,98,98,.7);background-size:cover}.loginForm{display:flex;flex-direction:column;justify-content:center;align-items:center;border:3px solid #038b8b;border-radius:20px;padding:6% 0;margin:6% 10% 10%;background:rgba(3,139,139,.4)}.loginForm>*{width:70%;background-color:#f5f5f5;margin:.1%;font-size:1.3rem;border:1px solid #038b8b;text-shadow:1px 1px 3px #004949;box-shadow:0 10px 15px rgba(0,73,73,.9);border-radius:20px}.loginForm label{width:80%;display:flex;justify-content:center;align-items:center}.loginForm label>*{width:40%;text-align:center;font-size:1.4rem;text-shadow:2px 4px 3px rgba(0,66,66,.5)}.loginForm input{width:100%}.loginForm h2{text-shadow:2px 4px 3px rgba(0,66,66,.5);font-size:2rem;text-transform:capitalize}.haveAccount{text-decoration:none;font-size:2rem;color:rgba(0,0,0,.9);text-shadow:5px 8px 3px rgba(0,66,66,.3)}.haveAccount:hover{color:#004242;text-shadow:1px 1px 2px #038b8b}.loginForm button{padding:.7em 1.7em;border-radius:.2em;font-family:"Roboto",sans-serif;background-color:rgba(3,139,139,.9);text-align:center;width:30%;cursor:pointer;font-size:1.3rem;text-shadow:5px 8px 3px rgba(0,66,66,.7);box-shadow:2px 10px 25px rgba(0,27,27,.8);margin:6% .3em .3em 0}.loginForm .createBtn{margin:8%}.errors{color:rgba(0,0,0,.6);text-shadow:5px 6px 5px rgba(0,0,0,.3);font-weight:700}.onClickError{color:red;font-weight:700;text-shadow:5px 8px 3px rgba(143,0,0,.3);font-size:1.2rem;margin-bottom:2%}@-webkit-keyframes bouncy{0%{top:0}40%{top:0}43%{top:-.9em}46%{top:0}48%{top:-.4em}50%{top:0}to{top:0}}@keyframes bouncy{0%{top:0}40%{top:0}43%{top:-.9em}46%{top:0}48%{top:-.4em}50%{top:0}to{top:0}}
/*# sourceMappingURL=main.8c2fe1aa.chunk.css.map */