body{margin:0;padding: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}@font-face{font-family:"Dancing Script";src:url(/Recipe-App/static/media/DancingScript-Regular.0e407c56.ttf) format("truetype")}.main2{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100vw;height:100vh;position:fixed;background-color:rgba(0,0,0,.1);z-index:9999}.main-wrapper{width:100%;height:100vh;background-color:#2f2542}.main-wrapper .main{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;text-align:center}.main-wrapper .main .main__header{font-family:"Dancing Script";font-size:2.5rem;color:#fff}.main-wrapper .main .svg-wrapper svg{width:80%}.main-wrapper .main .text-wrapper{position:absolute;top:40%;color:hsla(0,0%,100%,.9)}.main-wrapper .main .formWrapper{display:-webkit-flex;display:flex;position:absolute;top:50%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.main-wrapper .main .formWrapper a{padding:0 10px;margin-left:5px;text-decoration:none;border:1px dashed #888;transition-duration:.1s}.main-wrapper .main .formWrapper a:hover{border:1px solid #fff}.main-wrapper .main .formWrapper a:visited{color:#888}.main-wrapper .main .formWrapper .formWrapper__input{background-color:transparent;border:1px solid #888;padding:6.5px 5px;color:#999}.recipeWrapper{width:40vw;height:40vh;display:-webkit-flex;display:flex;position:relative;transition-duration:.3s}.recipeWrapper .image{height:40vh;width:45%}.recipeWrapper .infoAboutRecipe{position:absolute;top:0;right:0;width:55%;height:40vh;font-size:2vh}.recipeWrapper .infoAboutRecipe .title{text-align:center;font-size:4vh;font-weight:700;margin-bottom:1vh}.recipeWrapper .infoAboutRecipe .mealType{text-align:center;position:relative;padding:10px 0}.recipeWrapper .infoAboutRecipe .mealType:before{content:"";width:100%;height:2px;position:absolute;top:0;left:0;background:sienna}.recipeWrapper .infoAboutRecipe .mealType:after{content:"";width:100%;height:2px;position:absolute;bottom:0;left:0;background:sienna}.recipeWrapper .infoAboutRecipe .recipeDescription{width:85%;margin:2vh auto 0;text-align:center}.recipeWrapper .infoAboutRecipe .infoWrapper{font-size:2vh}.recipeWrapper .infoAboutRecipe .infoWrapper,.recipeWrapper .infoAboutRecipe .infoWrapper .infoWrapperHelper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.recipeWrapper .infoAboutRecipe .infoWrapper .infoWrapperHelper{-webkit-align-items:center;position:absolute;bottom:5px;left:0;right:0;margin-left:auto;margin-right:auto;align-items:center}.recipeWrapper .infoAboutRecipe .infoWrapper .infoWrapperHelper .tdWrapper{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:flex-end;align-items:flex-end}.recipeWrapper .infoAboutRecipe .infoWrapper .infoWrapperHelper .tdWrapper .recipeInfo:first-child{padding-right:1vw}.recipeWrapper .infoAboutRecipe .infoWrapper .showIngredientsBtn{width:130px;margin:0 auto;padding:5px;border:none;color:#dbdbdb;background-color:sienna;border-radius:100px;transition-duration:.2s;cursor:pointer}.recipeWrapper .infoAboutRecipe .infoWrapper .showIngredientsBtn:hover{transition-duration:.2s;background-color:#bb6b46;color:#fff}.recipeWrapper .calories{position:absolute;font-weight:500;bottom:13px;right:5px}@media (max-width:1000px){.recipeWrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;width:100%!important;height:500px;margin-bottom:10vh;background-color:#d3d3d3;color:#fff!important;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.recipeWrapper .image{width:95vw!important;height:300px!important}.recipeWrapper .infoAboutRecipe{position:static!important;width:100%}.recipeWrapper .infoAboutRecipe .recipeDescription{display:none}}.showRecipeWrapper{background-color:#2f2542;height:100vh}.showRecipeWrapper .searchWrapper{width:100vw;height:9vh;z-index:9999;position:fixed;background-color:rgba(0,0,0,.4)}.showRecipeWrapper .searchWrapper,.showRecipeWrapper .searchWrapper .formWrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.showRecipeWrapper .searchWrapper .formWrapper .formWrapper__input{transition-duration:.3s;padding:3px 10px;border-color:transparent;border-style:none solid;border-width:3px;border-radius:10px;background-color:#e6e6e6}.showRecipeWrapper .searchWrapper .formWrapper .formWrapper__input:focus{outline:none;background-color:transparent;color:#999;border-color:#00ccf0;border-style:none solid;border-width:3px;border-radius:10px}.showRecipeWrapper .searchWrapper .formWrapper .btn{background-color:transparent;border:1px dashed #999;border-radius:10px;margin-left:10px;cursor:pointer;transition-duration:.4s}.showRecipeWrapper .searchWrapper .formWrapper .btn svg{-webkit-transform:scale(1);transform:scale(1);fill:#e6e6e6}.showRecipeWrapper .searchWrapper .formWrapper .btn:hover{border:1px solid #fff;background-color:#fff}.showRecipeWrapper .searchWrapper .formWrapper .btn:active{background-color:transparent}.showRecipeWrapper .searchWrapper .formWrapper .btn:hover svg{fill:#2a2c39}.showRecipeWrapper .gitHubBtn{position:absolute;right:10px;padding:1vh;background-color:transparent;fill:#fff;transition-duration:.3s}.showRecipeWrapper .gitHubBtn:hover{fill:#999}.showRecipeWrapper .hideHelper{height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.showRecipeWrapper .hideHelper .secondSectionWrapper{background-color:#d3d3d3;width:40vw;height:40vh;position:relative}.showRecipeWrapper .hideHelper .secondSectionWrapper .recipeCounter{position:absolute;right:45%;top:-45px;padding:5px 10px;border-radius:40px;border:1px solid hsla(0,0%,62.7%,.6274509803921569);color:#fff}.showRecipeWrapper .hideHelper .secondSectionWrapper .sortBtn{position:absolute;top:-34px;left:0;background-color:transparent;color:#a0a0a0;border:1px solid #a0a0a0;padding:3px 6px;cursor:pointer}.showRecipeWrapper .hideHelper .secondSectionWrapper .sortBtn .setSort{color:#fff}.showRecipeWrapper .hideHelper .secondSectionWrapper .switchBtns{position:absolute;top:-40px;right:0}.showRecipeWrapper .hideHelper .secondSectionWrapper .switchBtns .changeButton{background-color:transparent;border:none;cursor:pointer;fill:hsla(0,0%,62.7%,.6274509803921569)}.showRecipeWrapper .hideHelper .secondSectionWrapper .switchBtns .changeButton:hover{fill:#fff}.showRecipeWrapper .hideHelper .secondSectionWrapper .switchBtns .previous{-webkit-transform:rotate(180deg) translateY(4px);transform:rotate(180deg) translateY(4px)}.showRecipeWrapper .hideHelper .secondSectionWrapper .recipesWrapper{width:40vw;height:40vh;overflow:hidden}@media (max-width:1000px){.showRecipeWrapper{height:6100px}.secondSectionWrapper{width:95vw!important}.secondSectionWrapper .recipeCounter{display:none!important}.secondSectionWrapper .recipesWrapper{width:100%!important;height:100%!important;overflow:visible!important}.secondSectionWrapper .sortBtn{left:50%!important;-webkit-transform:translate(-50%,-5vh)!important;transform:translate(-50%,-5vh)!important}.switchBtns{display:none}}
/*# sourceMappingURL=main.d13d40f3.chunk.css.map */