.main.css

body{font-family:"Roboto",sans-serif;max-width:100%}h4{font-family:"Shrikhand",sans-serif}#loaderscreen{position:absolute;margin:auto auto;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:#fff;z-index:1000;top:0%;animation:fadeout .1s 4s forwards}@keyframes fadeout{from{opacity:100%}to{opacity:0%;visibility:hidden}}.loader{background-color:#fff;width:1.2em;height:6.5em;animation:round_loader 1.5s,2,linear;transform:scale(0.3);border-radius:.8em}#loader_1{animation-delay:.48s}#loader_2{animation-delay:.6s}#loader_3{animation-delay:.72s}#loader_4{animation-delay:.84s}#loader_5{animation-delay:.96s}#loader_6{animation-delay:1.08s}#loader_7{animation-delay:1.2s}#loader_8{animation-delay:1.32s}#loader_9{animation-delay:1.5s}@keyframes round_loader{0%{transform:scale(1);background-color:#99e2d0}70%{transform:scale(0.3);background-color:#ff79d9}100%{transform:scale(1);background-color:#9356dc}}@keyframes slide{0%{transform:translatey(-100px);opacity:0}100%{transform:translatey(0px);opacity:1}}.menu__list{margin:.8em;animation:slide 3s forwards}.starter{animation-name:slide;animation-fill-mode:backwards;animation-delay:100ms}.course{animation-name:slide;animation-delay:700ms;animation-fill-mode:backwards}.dessert{animation-name:slide;animation-delay:1000ms;animation-fill-mode:backwards}.btn{background:#ff79da;background-image:linear-gradient(to bottom, #FF79DA, #9356DC);border-radius:1.8em;box-shadow:0px 1px 3px #666;color:#fff;padding:.9em 0em;margin:2%}@media screen and (min-width: 375px){.btn{margin:11%}}@media screen and (min-width: 768px){.btn{font-size:1em;margin:2% 33%}}.btn:hover{background:#bc95e9;box-shadow:0 0 25px #0000002e}.main__menu>.btn{text-align:center;margin:18%;font-size:1.4em}@media screen and (min-width: 768px){.main__menu>.btn{margin:2% 37%;font-size:.8em;padding:1.5% 0%}}footer{background-color:#353535;color:#fff;font-size:larger;padding:0 1em 1em 1em}footer h4{padding-top:.6em;font-weight:100;font-size:1.3em;margin-top:0em}@media screen and (min-width: 768px){footer h4{font-size:.8em;padding-bottom:.4em}}.col-footer{padding-bottom:.8em}.col-footer>.fa-utensils{padding-right:.7em}.col-footer>.fa-hands-helping{padding-right:.2em}@media screen and (min-width: 425px){footer{font-size:23px}}@media screen and (min-width: 768px){.container-footer{display:flex;flex-direction:row;font-size:.8em;margin-top:-1.5em;margin-bottom:-0.8em}}@media screen and (min-width: 1024px){.container-footer{font-size:.6em}}@media screen and (min-width: 768px){.col-footer{padding:0 .8em 0 .8em;text-align:center;font-size:.8em}}@media screen and (min-width: 1024px){.col-footer{font-size:1em}}header{text-align:center;margin:1.4em 0em}@media screen and (min-width: 768px){header{margin-bottom:.4em}}@media screen and (min-width: 768px){.headerLogo{width:15%}}body{margin:auto;max-width:768px;scroll-behavior:smooth}a{color:inherit;text-decoration:none}nav .backMenu-disabeld{display:none}.position{text-align:center;background-color:#eaeaea;padding:1em;font-weight:600;box-shadow:0 0 15px #0000002e;font-size:1.3em}@media screen and (min-width: 768px){.position{font-size:.7em;padding:.4em 0em}}.masthead{text-align:center;background-color:#f6f6f6;padding:1em 1.4em 2.6em 1.4em;font-size:1.2em}@media screen and (min-width: 768px){.masthead{font-size:.7em;line-height:1.1em;padding:.1em 0em}}.subtitle{margin-bottom:1em;font-size:.9em}.howTo>.title{padding-left:1.2em;font-size:1.2em}@media screen and (min-width: 768px){.howTo>.title{font-size:.7em;padding-left:3em}}.number{background:#9356dc;color:#fff;width:2em;height:2em;border-radius:50%;position:absolute;left:-0.9em;top:1.2em;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 768px){.number{top:.5em;height:1.5em;width:1.5em;left:-0.2em}}.order-card>.fas{padding-left:2em;padding-right:.8em;font-size:1.2em;color:#807f7f}.fas.fa-store{color:#9356dc}.order-list{margin-bottom:4em}@media screen and (min-width: 768px){.order-list{font-size:.7em;margin-bottom:1.2em;margin-top:-2.4em}}.order-card{box-shadow:0 0 15px #0000002e;background-color:#f6f6f6;border-radius:1.4em;margin:9% 5.5%;font-weight:bold;padding:1.8em 0em;position:relative;font-size:1em}@media screen and (min-width: 375px){.order-card{font-size:1.1em}}@media screen and (min-width: 425px){.order-card{font-size:1.4em}}@media screen and (min-width: 768px){.order-card{margin:2% 35%;font-size:1em;padding:1% 1%}}@media screen and (min-width: 1024px){.order-card{font-size:1.1em}}.order-card:hover{background:#f5edff;box-shadow:0 0 25px #0000002e}.main{background-color:#f6f6f6;padding-top:8%;padding-bottom:4em}@media screen and (min-width: 768px){.main{padding-top:.1em;padding-bottom:.1em}}.main .title{padding:2em 1em .1em 1em;font-size:1em}@media screen and (min-width: 768px){.main .title{font-size:.6em;padding-left:3em;margin-bottom:-2.6em;padding-top:0em;padding-bottom:1.6em}}.restaurants-list{display:flex;flex-direction:column}@media screen and (min-width: 768px){.restaurants-list{flex-direction:row;flex-wrap:wrap;justify-content:center;padding-bottom:1em}}@media screen and (min-width: 1024px){.restaurants-list{flex-direction:row;flex-wrap:wrap;justify-content:center;padding-bottom:.1em}}.restaurant-card{background-color:#fff;border-radius:1.5em;margin:3% 4%;justify-content:center;box-shadow:0 0 15px #0000002e;position:relative}@media screen and (min-width: 768px){.restaurant-card{width:30%;height:165px;font-size:.8em;margin:1% 3%}}.restaurant-img{max-height:170px;width:100%;border-radius:1em 1em 0em 0em;box-sizing:border-box;object-fit:cover}@media screen and (min-width: 768px){.restaurant-img{height:110px}}.restaurant-text{line-height:0em;padding:.2em 0em 1.2em 1.5em;position:relative}.tag{background:#a9e0d1;color:#3b8468;font-weight:500;padding:.4em 1em;border-radius:.3rem;position:absolute;top:1rem;right:1rem}.restaurant-text>.fa-heart{font-weight:100;position:absolute;right:20px;top:18px;font-size:1.4em}.fa-heart:hover{-webkit-text-stroke-color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:-webkit-linear-gradient(90deg, #FF79DA, #9356DC);font-weight:bold}.backMenu{position:absolute;left:.4em;font-size:1.2rem}@media screen and (min-width: 1024px){.backMenu{left:15%}}@media screen and (min-width: 1440px){.backMenu{left:25%}}.menu__image{height:250px;width:100%;margin-top:-0.6em;object-fit:cover}@media screen and (min-width: 768px){.menu__image{height:200px;object-fit:cover}}.main__menu{background-color:#f6f6f6;padding:1em 0em 1em 0em;border-radius:3em 3em 0em 0em;position:relative;top:-3em;margin-bottom:-3em}@media screen and (min-width: 768px){.main__menu{padding-bottom:1.4em;padding-top:.4em}}.menu__title{padding-bottom:2%;border-bottom:3px solid #99e2d0;margin-right:86%;margin-left:4%;font-weight:300;font-size:1em}@media screen and (min-width: 768px){.menu__title{font-size:.55em;padding-bottom:1%;margin-right:88.5%;border-bottom:2px solid #99e2d0;margin-left:9%}}.menu__heading{font-family:"Shrikhand";font-size:1.6em;padding-left:.8em;font-weight:600}@media screen and (min-width: 768px){.menu__heading{font-size:1.4em;margin-bottom:0em;padding-left:4.5%}}.menu__price{display:flex;align-items:flex-end;font-weight:650;padding-bottom:.4em}.menu__content{overflow:hidden;display:flex;flex:1;justify-content:space-between}.menu__text{display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.4em .6em}.menu__firstline{overflow:hidden;text-overflow:ellipsis}.menu__secondline{font-weight:300;text-overflow:ellipsis;overflow:hidden}.checkbox{font-size:1.8em;color:#fff;transition:transform 1.5s}.menu__tag{background:#99e2d0;border-radius:0 1em 1em 0;padding-right:1em;padding-left:1.2em;align-items:center;width:2em;display:flex;transform:translateX(4.4em);transition:transform 1.5s,width 1.5s;margin-left:-3em}.menu__card:hover .menu__tag{transform:translateX(0em);margin-left:1.6em}.menu__card:hover .checkbox{transform:rotate(360deg)}.heart{position:absolute;top:1.7em;right:1.4em;font-size:1.4em}@media screen and (min-width: 768px){.heart{top:3%;right:4%;font-size:1.3em}}.menu__card{box-shadow:0 0 15px #0000002e;margin-bottom:1em;border-radius:1em;font-weight:bold;font-size:1em;line-height:1.8em;display:flex}@media screen and (min-width: 768px){.menu__card{font-size:.6em;line-height:1.2em;margin:1% 25%}}/*# sourceMappingURL=.main.css.map */