@import url(https://fonts.googleapis.com/css?family=Titillium+Web&display=swap);body,html{height:100%}body{display:flex;flex-direction:column;font-family:"Titillium Web",sans-serif;margin:0;padding:0}body #root{display:flex;flex-direction:column;flex:1 1}h1,h2,h3{margin:0;padding:0}header{background:#ce3526;color:#fff;height:75px;padding:.25em 1em}main{flex:1 1}footer{background:#000;color:#fff;height:75px;line-height:75px;text-align:center}section{height:100%;display:flex;flex-direction:row;justify-content:space-between}section ul{list-style-type:none;margin:0;padding:0}section h2{font-size:1.6em;font-style:oblique}section nav{background:#ccc;height:100%;padding:1em;width:200px}section nav li{background:#eee;border:1px solid #ccc;border-radius:3px;cursor:pointer;margin:.5em 0;padding:.5em 2em}section nav li:hover{background:#ccc;border:1px solid #000}section #products{flex:1 1}section #products form{font-size:1.5em;margin:1em;text-align:center}section #products form input{font-size:1em;margin:0 1em;width:40%}section #products form button{font-size:.8em}section #products ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}section #products li{background:#fff;border:1px solid maroon;height:200px;line-height:200px;margin:1em;text-align:center;width:200px}
/*# sourceMappingURL=main.92f59207.chunk.css.map */