@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root,body{font-family:Be Vietnam Pro}body{background-color:#212426}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem}p{color:#f9d3b4}h1{-webkit-text-fill-color:#0000;background:#f9d3b4;background-clip:text;-webkit-background-clip:text;font-size:3rem;letter-spacing:.9px;width:-webkit-fit-content;width:fit-content}.search{align-items:center;background:#1f2123;border-radius:3rem;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;display:flex;justify-content:center;margin:4rem 0 2rem;padding:1.5rem 1.75rem;width:71%}.search input{background:#1f2123;border:none;color:#a1a1a1;flex:1 1;font-family:var(--font-raleway);font-size:1.5rem;font-weight:500;outline:none;padding-right:1rem}.search img{cursor:pointer;height:35px;width:35px}.search button{background:#1f2123;border-radius:.5rem;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;color:#a1a1a1;cursor:pointer;font-family:var(--font-raleway);font-size:1.25rem;font-weight:900;letter-spacing:.75px;margin-left:15px;padding:20px 40px}.empty{align-items:center;display:flex;justify-content:center;margin-top:3rem;width:100%}.empty h2{color:#f9d3b4;font-family:var(--font-raleway);font-size:1.25rem}.container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:3rem;width:100%}.meal{border:none;border-radius:12px;box-shadow:0 13px 10px -7px #0000001a;height:460px;margin:1.5rem;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,0,1);width:310px}.meal div:first-of-type{color:#f9d3b4;opacity:0;padding:16px;position:absolute;top:0;width:100%}.meal:hover{box-shadow:0 30px 18px -8px #0000001a;transform:scale(1.05)}.meal div:nth-of-type(2),.meal div:nth-of-type(2) img{height:100%;width:100%}.meal div:nth-of-type(3){background-color:#343739;bottom:0;left:0;padding:16px 24px 24px;position:absolute;right:0;z-index:2}.meal div:nth-of-type(3) span{color:#f0f0f0;font-family:Be Vietnam Pro;font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.meal div:nth-of-type(3) h3{color:#f9d3b4;font-family:Be Vietnam Pro;margin-top:5px}.meal:hover div:nth-of-type(2){height:100%;opacity:.3}.meal:hover div:nth-of-type(3){background-color:initial}.meal:hover div:first-of-type{opacity:1}.api{color:#f9d3b4;text-decoration:none}.api:hover{color:#fee6d2}@media screen and (max-width:600px){.App{padding:4rem 2rem}.search{padding:1rem 1.75rem;width:100%}.search input{font-size:1rem}.search img{height:20px;width:20px}}@media screen and (max-width:400px){.App{padding:4rem 1rem}h1{font-size:2rem}.container{margin-top:2rem}.meal{margin:1rem;width:"100%"}}
/*# sourceMappingURL=main.e2ed2c45.css.map*/