body{background-color:#f6f6f2;margin:0;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}.filler{opacity:0;height:1000%}.header{background-image:url(/static/media/portland.09a11565.jpg);font-size:3rem}.header,.Home{background-size:cover;background-position:50%;background-repeat:no-repeat}.Home{background-image:url(/static/media/Rendezvous4.09d9388e.png);text-align:center;border:2px solid #000}.homeGreeting{font-family:sans-serif;opacity:0;font-size:5rem;-webkit-text-stroke:2px #fff}.homeGreeting2{-webkit-text-stroke:2px red}.homeGreeting2,.homeGreeting3{opacity:0;font-size:1rem;font-family:sans-serif}.homeGreeting3{-webkit-text-stroke:2px #ff0}.landing{color:grey;opacity:0}.quote{opacity:1%}.restaurantList{background:radial-gradient(circle,#eeaeca 0,#94bbe9 100%);background-size:cover;background-position:50%;background-repeat:no-repeat;border:2px solid #000}.randomRestaurant{background:radial-gradient(circle,#9dffa2 0,#f2f7a1 100%);background-size:cover;background-position:50%;background-repeat:no-repeat;border:2px solid #000}.footer{margin-top:2%}.header h2{font-size:5rem;-webkit-text-stroke:2px #fff;opacity:0}.random{text-align:center}.card{margin-top: 1%;margin-left: auto;margin-right: auto;margin-bottom: 5%;border: 2px solid black;padding: 1%;background-color: #f2f2f3;width: 500px;height:350px}.restName{margin-top: -3%; font-size: 2rem; font-style: italic;font-weight: bold;}.restAdd{margin-top: -3%;font-size: 1rem;font-family: Arial, Helvetica, sans-serif;}.restNum{margin-top: -3%;font-size: 1rem;font-family: Arial, Helvetica, sans-serif;}.restMenu{margin-top: -3%;font-size: 1rem;color: black;font-family: Arial, Helvetica, sans-serif;text-decoration: none;}.menubtn {font-size: 1rem;background-color: rgb(70,108,82);color: #f6f6f2;display: block;margin: auto auto;margin-top: 1%;width: 100%;padding: 1%;font-size: 1.5rem;height: auto;outline: none;border: none;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);cursor: pointer;transition: all .4s ease-in-out;}.restResv{margin-top: -3%;font-size: 1rem;color: black;font-family: Arial, Helvetica, sans-serif;text-decoration: none;}.restWeb{margin-top: -3%;font-size: 1rem;color: black;font-family: Arial, Helvetica, sans-serif;text-decoration: none;}.menubtn{background-color:#466c52;display:block;margin:1% auto auto;width:100%;padding:1%;height:auto;border:none;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);transition:all .4s ease-in-out}.menubtn,.menubtn:hover{color:#f6f6f2;font-size:1.5rem;outline:none;cursor:pointer}.menubtn:hover{background-color:#6c4660;transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.resbtn{background-color:#466c52;display:block;margin:1% auto auto;width:100%;padding:1%;height:auto;border:none;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);transition:all .4s ease-in-out}.resbtn,.resbtn:hover{color:#f6f6f2;font-size:1.5rem;outline:none;cursor:pointer}.resbtn:hover{background-color:#6c4660;transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.webBtn{background-color:#466c52;display:block;margin:1% auto auto;width:100%;padding:1%;height:auto;border:none;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);transition:all .4s ease-in-out}.webBtn,.webBtn:hover{color:#f6f6f2;font-size:1.5rem;outline:none;cursor:pointer}.webBtn:hover{background-color:#6c4660;transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.restCat,.restPrice{font-family:Arial,Helvetica,sans-serif}.randombtn{background-color:#466c52;color:#f6f6f2;display:block;margin:1% auto auto;width:100%;padding:1%;font-size:1.5rem;height:auto;outline:none;border:none;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);cursor:pointer;transition:all .4s ease-in-out}.randombtn:focus{color:#fff;background-color:#286090;border-color:#122b40}.randombtn:hover{color:#fff;background-color:#03355e;border-color:#204d74}.list{margin:auto;left:14%;width:400px}.list,.rando{text-decoration:none;color:#000;background-color:#fff;border:2px solid;position:absolute;top:0;display:inline-block;height:55px;overflow:hidden;background-color:#e5e5e5}.rando{left:1%}.bannerHead{ margin-top: 0;margin-left: -.6%;position: absolute;top: 0;left: 0;display: inline;background-color: black;height: 60px;width: 4000px;} .bannerLink{margin-top:0;margin-left:-.6%;position:absolute;top:0;left:0;display:inline}.bannerLink{font-size:2rem}.Link1{text-align:center;margin-left:130%}.Link1,.Link2{color:#fff;background-color:#000;text-decoration:none;padding:20px}.Link2{margin-left:80%}.Link3{margin-left:10%;width:10px}.Link3,.Link4{color:#fff;background-color:#000;text-decoration:none;padding:20px}.Link4{margin-left:97%}.Link1:hover,.Link2:hover,.Link3:hover{background-color:grey}

@media screen and (max-width:700px) and (min-width:300px){header{height:28vw}.header h2{margin-top:-5%;font-size:3rem;-webkit-text-stroke:2px #fff}.bannerHead{height:40px;width:340px}.bannerLink{font-size:1rem}.Home{background-size:1px;background-color:#000}.homeGreeting{font-size: 2rem;opacity:100%}.homeGreeting2,.homeGreeting3{opacity:100%}.card{margin-bottom:12%;font-size:15px;width:300px;height:424px}.restAdd,.restMenu,.restName,.restNum,.restResv,.restWeb{font-size:1rem}.Link1{margin-left:120%}.Link1,.Link2{font-size:1rem;color:#fff;background-color:#000;text-decoration:none;padding:20px}.Link2{margin-left:70%}.Link3{font-size:1rem;margin-left:10%;color:#fff;width:10px;background-color:#000;text-decoration:none;padding:20px}.randomRestaurant{background-position-y:10px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.bdc382cf.chunk.css.map */