*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{width:100%;min-height:100vh}.App{height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem;overflow:hidden}.Header{font-family:"Rock Salt",cursive;padding:1rem;width:100vw;text-align:center;background-color:#000;color:#fff;margin-bottom:1rem;margin-left:-1rem;margin-top:-1rem;font-size:.8em;letter-spacing:3px}.Header p{font-size:1rem;letter-spacing:2px}.Main{height:auto;overflow:hidden;font-family:"Open Sans",Verdana}#mainimage,.Main{position:relative}#mainimage{max-height:100%;max-width:100%}footer{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#000;color:#fff;font-family:"Open Sans",sans-serif;width:100vw;margin-top:1rem;margin-left:-1rem;margin-bottom:-1rem;padding:1rem}footer img{position:relative;top:5px}footer div a{text-decoration:underline;color:#fff}.demo{background-size:cover;background-position:top;background-repeat:no-repeat;background-color:#000;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.demo img{-webkit-transform:scale(1.5) translate(25%,25%);transform:scale(1.5) translate(25%,25%)}.searchArea{position:absolute;top:1rem;left:1rem;bottom:1rem;right:1rem;z-index:2;display:flex;flex-direction:column;padding:1em;margin:1em;border-radius:1rem}.searchArea input{padding:.4rem 1rem;font-size:1.2em;font-weight:700}.searchArea ul{list-style-type:none;padding-top:.8rem;flex:1 1;display:flex;flex-direction:column;background:#fff}.searchArea li{display:flex;align-items:center;padding:.3rem;font-family:"Poppins",Verdana,Geneva,Tahoma,sans-serif;font-size:1.3em}.searchArea li:hover{background:#000;color:#fff;border-radius:.5rem}.searchArea div{height:6rem;width:10rem;background-size:contain;background-position:50%;background-repeat:no-repeat}.recommendationbox{position:absolute;top:0;left:0;right:0;height:auto;background:rgba(0,0,0,.4);color:#fff;z-index:1;padding:.5rem 1rem}
/*# sourceMappingURL=main.651de4de.chunk.css.map */