html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,input,main{all:initial;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;display:flex}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before blockquote:after,q:before q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}html{display:grid;height:fit-content;min-height:100%;width:fit-content;min-width:100%}body,#root{width:100%;height:100%}.app{width:100%;height:100%;justify-content:center}.app>._content{flex-direction:column;width:100%}@media screen and (min-width: 1280px){.app>._content{width:90%}}@media screen and (min-width: 1920px){.app>._content{width:80%}}.banner{background-color:#f0f0f0;font-family:Arial,Helvetica,sans-serif;font-size:4rem;padding:40px 10px;justify-content:center;text-align:center}@media screen and (min-width: 1280px){.banner{font-size:6rem;padding:80px 20px}}.info-box{padding:40px;justify-content:center;font-family:Arial,Helvetica,sans-serif;background-color:#f0f0f0;text-align:center;font-size:2rem}.recipe-list{flex-direction:row;justify-content:space-evenly;flex-wrap:wrap;margin-top:20px}.recipe-preview{width:320px;height:160px;flex-direction:column;margin:30px;padding:20px;box-shadow:2px 2px 10px #0000001a;background-color:#f0f0f0;border-radius:2px;border:1px solid #E5E5E5;cursor:pointer}.recipe-preview:hover{transform:translateY(-1px);box-shadow:2px 2px 8px #0000001f;background-color:#e5e5e5}@media screen and (min-width: 1400px){.recipe-preview{width:380px}}.recipe-preview>._title,.recipe-preview>._description,.recipe-preview>._tags{display:block;min-width:0;cursor:pointer;font-family:Arial,Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis}.recipe-preview>._title{font-size:2rem;text-align:center;white-space:nowrap}.recipe-preview>._tags{margin-top:15px;font-size:1rem}.recipe-preview>._description{margin-top:10px;font-size:1rem}.search-field{flex-direction:row;width:100%;border:4px solid black;box-sizing:border-box;border-left-style:none;border-right-style:none}@media screen and (min-width: 1280px){.search-field{border-left-style:solid;border-right-style:solid}}.search-field>._input{flex:1 1 auto;padding:15px;min-width:50px;color:#000;font-size:2rem;font-family:Arial,Helvetica,sans-serif}.search-field>._clear{aspect-ratio:1 / 1;height:100%;align-items:center;justify-content:center;flex:0 0 auto;font-size:2rem;font-weight:700;font-family:Arial,Helvetica,sans-serif;cursor:pointer}.search-suggestion{text-align:center;margin:8px;padding:10px 20px;border-radius:100vh;cursor:pointer;background-color:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem}.search-suggestions{flex-direction:row;flex-wrap:wrap;padding:20px}