@import url(https://fonts.googleapis.com/css2?family=Lora&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Lora,serif;margin:0;padding:0}body{background-color:#ff4500}.main{margin:0 auto;text-align:center;width:80%}.heading h1{color:#fff;font-size:48px;font-weight:900;letter-spacing:1px;margin:1rem;padding-top:2rem}.search-bar{border:none;border-radius:1rem;height:40px;margin:1rem 0;outline:none;padding:.3rem 1rem;width:400px}.searchBox input{font-size:20px}.container{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:25px auto;width:80%}.card{background-color:red;border-radius:1rem;padding:5px;width:200px}.card:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}img{border-radius:1rem 1rem 0 0;width:100%}.card h3{color:#fff;font-size:18px;font-style:italic;font-weight:900;margin:.5rem}.indexContainer{display:flex;margin:2.5rem 0}.numBox{align-items:center;background-color:#fff;color:#ff4500;display:flex;height:40px;justify-content:center;margin:0 5px;width:50px}.numBox:hover{cursor:pointer;-webkit-transform:scale(1.5);transform:scale(1.5)}.content img{height:600px;width:100%}.content .innerContent{background-color:red;color:#fff;font-size:1.5rem;font-style:italic;left:50%;padding:2rem;position:absolute;text-align:center;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.recipeDetail{align-items:center;display:flex;font-family:Lora;justify-content:space-between;margin:2rem auto;width:70%}.ingredients,.instruction{color:#fff;flex-basis:50%;font-family:Lora;font-size:1.3rem;text-align:justify;word-spacing:1.5px}.ingredients h4{color:#fff;font-weight:700;margin-top:1.5rem}iframe{height:515px;width:100%}.video{margin:3rem auto;width:60%}.back .backBtn{background-color:#fff;color:#ff4500;font-size:larger;margin:4px;padding:5px;width:5rem}
/*# sourceMappingURL=main.0fc85d18.css.map*/