@import url(https://fonts.googleapis.com/css2?family=Barlow&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Barlow,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{background-color:#3d405b}.content{height:auto;min-height:calc(100vh - 3em);overflow:hidden;padding:3em;position:relative}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:8px}.blob{position:absolute;z-index:-1}.blobOne{right:2%;top:13%}.blobTwo{left:3%;top:10%}.blobThree{opacity:50%;right:-2%;top:70%}.blobFour{left:50%;top:50%}.blobFive{left:-2%;top:30%}.blobSix{left:15%;top:40%}.blobSeven{right:13%;top:4%}.blobEight{left:40%;top:70%}.blobNine{left:-5%;top:65%}.blobTen{left:15%}.blobEleven{left:10%;top:80%}.headingCard{background:#f2cc8f;border-radius:25px;padding:2em;width:60%}.description,.headingCard{margin-left:auto;margin-right:auto}.description{color:#003049;margin-block:0;text-align:center;width:-webkit-max-content;width:max-content}h1.description{font-size:50px}h1.description,p.description{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}p.description{font-size:30px;letter-spacing:.5px;margin-top:1em}.randomButton{display:flex;justify-content:center;margin-top:2em}.randomButton>a{background-color:#e07a5f;border-radius:5px;color:#fff;cursor:pointer;font-size:24px;padding:10px;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.randomButton>a:hover{background-color:#3d405b}.recipeCard{align-items:center;background-color:#f4f1de;border-radius:25px;display:flex;margin:2em auto 0;padding:1em;text-align:center;width:70%}[data-link]{cursor:pointer}.recipeCard>img{margin:20px;width:50%}.rightColumn{color:#003049;margin-left:auto;margin-right:auto;padding-left:1em;padding-right:1em}.recipeTitle{font-size:40px;margin:0}.toRecipeButton{margin-block:2em}.toRecipeButton>a{background-color:#f2cc8f;border-radius:5px;color:#3d405b;cursor:pointer;font-size:25px;font-weight:600;padding:10px;text-decoration:none;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.toRecipeButton>a:hover{background-color:#3d405b;color:#f2cc8f}.footer{align-items:center;background-color:#454867;color:#fff;display:flex;height:3em;justify-content:center;position:relative;width:100%}@media screen and (max-width:1290px){.blob{width:300px}.blobTen{top:-5%}}@media screen and (max-width:1000px){h1.description{font-size:40px}p.description{font-size:25px}.recipeTitle{font-size:30px}}@media screen and (max-width:900px){.blob{width:200px}.recipeTitle{font-size:25px}.toRecipeButton>a{font-size:15px}}@media screen and (max-width:650px){.recipeTitle{font-size:20px}.recipeCard{width:80%}.recipeCard>img{margin:10px}}@media screen and (max-width:600px){.blob{width:150px}.recipeCard{padding:8px;width:85%}.rightColumn{padding:.5em}}@media screen and (max-width:540px){h1.description{font-size:35px}p.description{font-size:20px}.blob{width:100px}.rightColumn{padding:0}.toRecipeButton>a{font-size:10px}.randomButton>a{font-size:15px}}@media screen and (max-width:450px){.toRecipeButton>a{padding:5px}}@media screen and (max-width:400px){.toRecipeButton{padding-left:8px}.blobEleven{top:85%}.blobNine{bottom:-5%}.blobEight{top:80%}.blobThree{top:90%}}@media screen and (max-width:330px){h1.description{font-size:25px}p.description{font-size:15px}.randomButton{margin-top:.5em}}@media screen and (max-width:300px){h1.description{font-size:20px}}
/*# sourceMappingURL=main.902bb400.css.map*/