Select all CSS Start *{box-sizing:border-box;margin:0;padding:0;overflow-x:hidden}a{color:inherit;text-decoration:none}:root{--header-bg-color:#fff5e1;--footer-bg-color:#fff5e1;--body-bg-color:#fff5e1;--gray:#a9a9a9;--light-gray:#f9f9f9;--input-bg:#f2f2f2;--input-bg-focus:#dbdbdb;--text-color:#f84733;--light-text-color:#545454;--light-text-title:#353535;--light-green:#00ad1d;--dark-green:#016034;--orange:#f84733;--light-orange:#ffaf60;--dark-orange:#aa1505;--x-dark-orange:#9d2a01;--light-red:#ec3838;--white:#fff;--light-white-text:#eaeaea;--light-black:#171717;--light-blue:#0463ac;--dark-blue:#070062}.app{min-height:100vh;background-color:var(--light-gray);flex-direction:column;justify-content:space-between;align-items:center;font-family:Roboto,sans-serif;display:flex}.header{width:100vw;height:80px;background-color:var(--header-bg-color);border-bottom:1px solid var(--gray);color:var(--light-text-color);z-index:2147483647;border-radius:5px;justify-content:space-between;align-items:center;font-weight:700;display:flex;position:fixed;top:0;left:0;overflow-y:hidden}.logo{width:90px;padding:10px 0 10px 15px}.user-name{color:var(--dark-green)}.nav-items>ul{justify-content:space-between;align-items:center;margin-right:30px;list-style-type:none;display:flex}.nav-items>ul>li .fa-solid{padding-top:15%}.nav-items>ul>li{color:#666;padding:10px}.nav-items>ul>li:after{content:"";border-bottom:solid 3px var(--dark-orange);transform-origin:100%;transition:transform .25s ease-in-out;display:block;transform:scaleX(0)}.nav-items>ul>li:hover:after{transform-origin:0%;transform:scaleX(1)}.nav-items>ul>li .logout-btn,.nav-items>ul>li .login-btn{color:var(--light-text-color);font-size:inherit;cursor:pointer;background-color:transparent;border:none;border-radius:5px;font-weight:700}.login-btn-green{color:var(--light-green)}.login-btn-red{color:var(--x-dark-orange)}.search-container{width:100%;justify-content:space-around;align-items:center;margin:110px 20px 20px;display:flex}.field{width:20rem;box-sizing:border-box;color:var(--text-color);background-color:#fff;border:1px solid #aabcca;border-right:0;border-top-left-radius:5px;border-bottom-left-radius:5px;outline:none;padding:8px 15px 8px 12px;font-size:large;font-weight:500;box-shadow:1px 2px 4px rgba(0,0,0,.08)}.input button{background-color:var(--dark-orange);color:#fff;border:#fff}.search-container .search-input{width:30rem;box-sizing:border-box;color:var(--text-color);background-color:#fff;border:1px solid #aabcca;border-right:0;border-top-left-radius:5px;border-bottom-left-radius:5px;outline:none;padding:6px 15px 9.5px 12px;font-family:Roboto,sans-serif;font-size:large;font-weight:500;box-shadow:1px 2px 4px rgba(0,0,0,.08)}.search-container .search-input:focus,.field:focus{border-color:var(--dark-orange)}.search-container .search-input:placeholder-shown{text-overflow:ellipsis}.search-container .search-btn{background-color:var(--dark-orange);color:#fff;cursor:pointer;border:none;border-top-right-radius:5px;border-bottom-right-radius:5px;outline:none;margin-left:-4px;padding:11px 22px;box-shadow:1px 2px 4px rgba(0,0,0,.08)}.search-container #add{background-color:var(--dark-orange);color:#fff;cursor:pointer;border:none;border-radius:5px;outline:none;margin-left:-4px;padding:12px 22px;box-shadow:1px 2px 4px rgba(0,0,0,.08)}.search-container .search-btn:hover{background-color:var(--orange)}.error-container{text-align:center;margin:20px 10px;font-size:large}.restaurant-list{width:auto;flex-wrap:wrap;justify-content:center;align-self:stretch;align-items:center;display:flex}.card{width:240px;cursor:pointer;border-radius:5px;margin:20px;padding:10px;box-shadow:-1px 5px 10px 5px rgba(112,112,112,.2)}.card:hover{background-color:var(--body-bg-color);transform:scale(.98)}.card h3{color:var(--light-text-title);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card .valoimg{height:12rem;width:100%;border-radius:10px}.card>h5{white-space:nowrap;text-overflow:ellipsis;font-weight:lighter;overflow:hidden}.card>span{text-align:center;justify-content:space-between;margin-top:8px;display:flex}.card>span>h4{color:var(--light-text-title);margin-top:10px;padding:0 2px;font-size:14px;font-weight:bolder}.card>span>h4:first-child{background-color:var(--light-green);color:#fff;border-radius:5px;align-items:center;margin-top:5px;padding:5px;display:flex}.card>span>h4:first-child .fa-star{padding:2px 5px 3px 0;font-size:10px}.main-card{position:relative}.cross{background-color:var(--dark-orange);color:#fff;cursor:pointer;z-index:99999;border:none;position:absolute;left:1rem}.cross:hover{border-radius:50%;transform:scale(1.5)}.restaurant-menu{width:auto;margin-top:80px}.cross:active{color:var(--dark-orange);background-color:#fff}.conform{width:50%;height:35%;color:var(--light-text-color);z-index:1;background-color:#fff;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;left:40px}.conform .button{background-color:var(--dark-orange);color:#fff;cursor:pointer;border:none;border-radius:5px;outline:none;margin-left:-4px;padding:12px 22px;box-shadow:1px 2px 4px rgba(0,0,0,.08)}.conform div{gap:.5rem;display:flex}.restaurant-menu{width:auto;margin-top:80px}.restaurant-summary{background-color:var(--light-black);color:var(--light-white-text);flex-direction:row;justify-content:flex-start;align-items:center;display:flex;overflow-y:hidden}.restaurant-img{width:250px;border-radius:5px;margin:20px}.restaurant-summary-details{flex-direction:column;justify-content:flex-start;margin-right:20px;display:flex}.restaurant-title{max-width:540px;font-size:40px;font-weight:300}.restaurant-tags{white-space:nowrap;color:inherit;opacity:.7;max-width:540px;font-size:15px}.restaurant-details{color:inherit;justify-content:flex-start;align-items:center;margin-top:18px;margin-bottom:10px;font-size:16px;font-weight:600;display:flex}.restaurant-rating{background-color:var(--dark-green);border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:5px 8px;display:flex}.restaurant-rating-slash{margin-left:20px;margin-right:20px}.restaurant-menu-content{justify-content:center;align-items:center;display:flex}.menu-items-container{max-width:850px;margin-top:30px}.menu-title-wrap{padding:20px}.menu-title-wrap .menu-title{color:var(--light-text-color)}.menu-count{color:rgba(40,44,63,.45);margin-top:10px;font-size:1rem;line-height:1.3}.menu-items-list{flex-direction:column;justify-content:center;display:flex}.menu-item{border-bottom:.5px solid rgba(40,44,63,.45);flex-direction:row;justify-content:space-between;padding:20px;display:flex}.menu-item-details{height:auto;flex-direction:column;justify-content:flex-start;display:flex;overflow:hidden}.item-title{width:auto;color:var(--light-text-color)}.item-desc{color:rgba(40,44,63,.45);width:auto;letter-spacing:-.3px;margin-top:14px;font-size:1rem;line-height:1.3}.item-cost{color:#3e4152;width:inherit;margin-top:4px;font-size:1rem;font-weight:400}.menu-img-wrapper{width:450px;height:auto;flex-direction:column;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.menu-item-img{height:100px;width:100px;border-radius:5px}.add-btn{background-color:var(--orange);color:var(--text-color);cursor:pointer;border-color:var(--dark-orange);border-radius:5px;outline:none;margin-top:10px;padding:8px 25px;font-size:large}.shimmer-container{flex-wrap:wrap;justify-content:center;gap:25px;margin-top:20px;display:flex}.shimmer-card{border-color:#d3d5df;flex-basis:250px;margin-bottom:10px;padding:10px;box-shadow:0 4px 7px rgba(218,220,230,.6)}.shimmer-title{width:60%;margin-top:10px}.shimmer-tags{width:80%;margin-top:10px}.shimmer-details{justify-content:space-between;gap:20px;margin-top:20px;display:flex}.shimmer-details-rating{width:100%}.shimmer-container .shimmer-img{height:144px;width:230px;border-radius:5px}.restaurant-summary .shimmer-img{height:150px;width:250px;border-radius:5px;margin:20px}.shimmer-menu-card{width:848px;border-color:#d3d5df;flex-direction:row;justify-content:space-between;margin-bottom:10px;margin-left:10px;padding:10px;display:flex;box-shadow:0 4px 7px rgba(218,220,230,.6)}.addContainer .input{justify-content:center;display:flex}.addContainer h2{text-align:center}.shimmer-item-details{width:438px}.shimmer-img-wrapper{flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.shimmer-img-wrapper .shimmer-img{width:110px;height:96px;border-radius:5px}.shimmer-img-wrapper .shimmer-btn{width:110px;height:34px;border-radius:5px;margin-top:10px}.shimmer-menu-title{width:550px;margin-bottom:40px}.shimmer-items{width:150px;margin-bottom:20px}.shimmer-menu-content{width:25%;margin-top:10px}.shimmer-menu-count{width:15%;margin-top:15px}.shimmer-w50{width:50%;margin-top:10px}.shimmer-w20{width:20%;margin-top:20px}.shimmer-w70{width:70%;margin-top:20px}.stroke{height:15px;background:#777}.stroke-color{background:#777}.animate{background:linear-gradient(90deg,#e6e6e6 5%,#ccc 25%,#e6e6e6 35%) 0 0/1000px 100%;animation:3s infinite shimmer}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.user-offline-container{text-align:center;padding:20px}.user-offline-heading{color:#333;margin-top:100px}.offline-image{width:200px;height:auto;margin-top:20px}.user-offline-message{color:#505050;margin:20px 0;font-size:18px}.error-page{text-align:center;height:100vh;width:auto;background-color:#fff}.error-page .error-data{padding:10px 0}.error-page .error-back-home{padding:20px}.error-page .error-back-home a{background-color:var(--dark-orange);color:var(--white);border-radius:5px;padding:10px 15px;text-decoration:none}.error-page .error-back-home a:hover{background-color:var(--dark-green)}.about-container-main{min-height:87vh}.about-profile-container{text-align:center;margin:120px auto 0}.about-profile-button{background-color:var(--orange);color:var(--white);cursor:pointer;border:none;border-radius:5px;padding:10px 15px;font-size:large;font-weight:700}.about-profile-button:hover{background-color:var(--dark-orange)}.about-container{flex-wrap:wrap;justify-content:space-evenly;align-items:center;margin:50px 25px 10px;display:flex}.about-container .about-left{justify-content:left;align-items:left;flex-flow:column wrap;display:flex;overflow-y:hidden}.about-container .about-left h1{color:var(--light-text-color);font-size:70px}.about-container .about-left h1 span{background-color:var(--orange);color:var(--light-white-text);border-radius:15px;padding:0 10px}.about-container .about-left h4{color:var(--light-text-color);margin-top:10px;font-size:25px;font-style:italic}.about-container .about-left h4 span{color:var(--dark-orange)}.about-container .about-right{flex-flow:column wrap;justify-content:center;align-items:center;display:flex;overflow-y:hidden}.about-container .about-right img{width:500px}.profile-class-container{flex-wrap:wrap;justify-content:space-around;align-items:center;display:flex}.profile-container{background:#fff;border-radius:5px;flex:.8;margin:20px;padding:20px 10px;overflow:hidden;box-shadow:6px 6px 10px -1px rgba(0,0,0,.71)}.profile-title,.repo-title{text-align:center;color:var(--text-color);justify-content:center;font-size:28px;line-height:1.1;overflow-y:hidden}.repo-title{margin-bottom:30px}.repo-container{background:#fff;border-radius:5px;flex:1.2;margin:20px;padding:20px 10px;overflow:hidden;box-shadow:6px 6px 10px -1px rgba(0,0,0,.71)}.repo-title span{color:var(--dark-orange)}.profile-user-card{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex}.profile-user-img{width:150px;height:150px;vertical-align:middle;cursor:pointer;border-style:none;border-radius:50%;margin:5px}.profile-user-img:hover{transform:scale(1.02)}.profile-user-bio{text-align:center;color:#575757;margin:0 10px;font-size:18px}.profile-repo-container{height:100%;background:#fff;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:6px 6px 10px -1px rgba(0,0,0,.71)}.profile-repo-container .profile-repo{flex-direction:column;justify-content:center;align-items:center;display:flex}.profile-repo-container .profile-repo h1{color:var(--dark-orange);background:#fafafa;border-radius:5px;justify-content:center;align-items:center;margin:20px auto 0;padding:10px 20px;display:flex;box-shadow:6px 6px 10px -1px rgba(0,0,0,.71)}.profile-repo-container .profile-repo h1 a:hover{color:var(--orange);transform:scale(1.01)}.profile-repo-container .profile-repo .repo-des{color:var(--light-text-color);margin:30px 40px 15px}.profile-repo .profile-repo-items{color:var(--dark-orange);justify-content:space-between;align-items:center;margin:20px 10px;display:flex}.profile-repo .profile-repo-items h3 a{justify-content:center;align-items:center;margin:0 20px;display:flex}.profile-repo .profile-repo-items h3 a:hover{color:var(--orange);transform:scale(1.01)}.profile-repo .profile-repo-items h3 a span{margin-left:5px}.social-media-container{width:100%}.icon-button{margin:0 10px}.icon-button i{color:#fff;cursor:pointer;height:2.6rem;width:2.6rem;border-radius:50%;font-size:1.4rem;line-height:3rem;display:inline-block;overflow-y:hidden}.icon-button i:hover{transform:scale(1.02)}.linkedin i{background-color:#0a66c2}.instagram i{background-color:#cb1873}.github i{background-color:#333}.email i{background-color:#ea4335}.contact-container{height:76vh;flex-flow:wrap;justify-content:space-evenly;align-items:center;margin:60px auto 20px;display:flex;overflow-y:hidden}.contact-container .contact-left{justify-content:center;align-items:center;display:flex}.contact-container .contact-left img{width:300px}.contact-container .contact-right{flex-direction:column;justify-content:center;align-items:center;font-size:x-large;display:flex}.contact-container .contact-right h1{color:var(--light-text-title)}.contact-container .contact-right form{flex-direction:column;justify-content:center;align-items:center;display:flex}.contact-container .contact-right form input,.contact-container .contact-right form textarea{box-sizing:border-box;border:1px solid var(--dark-orange);min-width:40vw;border-radius:5px;margin:10px;padding:10px;box-shadow:1px 2px 4px rgba(0,0,0,.08)}.contact-container .contact-right form input:focus,.contact-container .contact-right form textarea:focus{outline:1px outset var(--orange)}.contact-container .contact-right form button{background-color:var(--dark-orange);color:#fff;cursor:pointer;border:none;border-radius:5px;margin:10px;padding:10px 20px;font-size:large;box-shadow:1px 2px 4px rgba(0,0,0,.08)}.contact-container .contact-right form button:hover{background-color:var(--orange)}.login-container{width:100%;height:100vh;background-color:#f6f2eb;justify-content:center;align-items:center;font-family:Roboto,sans-serif;display:flex}.login-form{z-index:1;background:var(--white);max-width:380px;text-align:center;border-radius:10px;margin:1rem;padding:25px 40px;position:relative}.login-form h4{color:#686868}.login-form input{width:100%;box-sizing:border-box;border:0;border-radius:5px;outline:0;margin:0 0 15px;padding:15px;font-size:14px;box-shadow:0 0 3px #dcdcdc}.login-form input:focus{background:var(--input-bg-focus)}.login-form button{text-transform:uppercase;width:100%;color:#000;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer;background:#fec887;border:0;border-radius:5px;outline:0;padding:15px;font-size:14px}.login-form button:hover{background:var(--gray)}.login-form button:active{background:#f6f2eb}.login-form span{color:#4b6cb7;margin-bottom:25px;font-size:40px;display:block}.login-form p.error{text-align:left;color:red;margin:0 0 10px 10px;font-size:13px}.footer{width:100vw;text-align:center;background-color:var(--footer-bg-color);border-top:1px solid var(--gray);flex-wrap:wrap;justify-content:center;align-items:center;margin-top:45px;padding:15px 10px;display:flex}.footer>i{padding:3px 5px 0;font-size:smaller}.footer>a{color:var(--dark-blue);font-weight:700}.footer>a:hover{color:var(--x-dark-orange)}.fa-heart{color:#8b0000}.footer>a>strong{color:var(--text-color);padding-left:5px}.footer>a>strong>span{color:var(--x-dark-orange)}.home{flex-direction:column;align-items:center;margin:auto;display:flex}.home div h1{font-size:4rem}.home button{background-color:var(--dark-orange);color:#fff;cursor:pointer;border:none;padding:1rem 1.5rem}.home :hover>button{border:1px solid var(--dark-orange);color:var(--dark-orange);background-color:#fff;padding:1rem 1.5rem}.home div{text-align:center}@media only screen and (max-width:1150px){.about-container .about-left h1{font-size:50px}.about-container .about-left h4{font-size:20px}.about-container .about-right img{width:380px}}@media only screen and (max-width:950px){.about-container .about-left h1{font-size:45px}.about-container .about-left h4{font-size:18px}.about-container .about-right img{width:330px}.profile-repo .profile-repo-items h3 a{flex-direction:column;justify-content:space-around;align-items:center;font-size:medium}.shimmer-width{width:100%}.shimmer-menu-title{width:450px}.shimmer-menu-card{width:820px}}@media only screen and (max-width:880px){.search-container .search-input,.field{width:25rem}.about-container .about-left{margin-bottom:20px}.error-page img{height:auto;width:80%}.field{width:15rem}.profile-class-container{flex-flow:column wrap;justify-content:center;align-items:center;display:flex}.shimmer-menu-card{width:700px}}@media only screen and (max-width:750px){.restaurant-summary{flex-direction:column;align-items:flex-start;padding:10px 20px}.restaurant-img{margin-left:0}.restaurant-menu{margin-top:70px}.menu-item{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start}.menu-img-wrapper{width:300px;justify-content:center;align-items:flex-start;padding-top:20px}.shimmer-menu-card{flex-direction:column}.shimmer-img-wrapper{justify-content:flex-start;align-items:flex-start;margin-top:25px;margin-bottom:10px}}@media only screen and (max-width:650px){.header{height:70px}.header .logo{width:80px}.search-container{margin:90px auto 15px}.search-container .search-input,.field{width:20rem}.field{width:10rem}.about-container .about-right img{width:300px}.about-profile-container{margin:90px auto 0}.contact-container{height:100vh;flex-direction:column}.contact-container .contact-right form input,.contact-container .contact-right form textarea{min-width:60vw}.restaurant-menu{margin-top:60px}}@media only screen and (max-width:600px){.user-name{display:none}.search-container .search-input{width:15rem}.field{width:8rem}.shimmer-menu-title{width:300px}}@media only screen and (max-width:470px){.header{height:60px}.header .logo{width:70px}.nav-items>ul>li{padding:6px;font-size:small}.nav-items>ul>li .logout-btn,.nav-items>ul>li .login-btn{font-size:small}.search-container{margin:80px auto 0}.home div h1{font-size:3rem}.search-container .search-input,.field{width:12rem}.about-profile-container{margin:80px auto 0}.restaurant-menu{margin-top:50px}.restaurant-rating-slash{margin-left:5px;margin-right:5px}.about-container .about-left h1{font-size:35px}.about-container .about-left h4{font-size:12px}.about-container .about-right img{width:250px}.login-form{max-width:310px}.contact-container .contact-left img{width:200px}.profile-repo .profile-repo-items h3 a{margin:0 5px}.footer{font-size:small}}@media only screen and (max-width:380px){.nav-items>ul>li{padding:6px;font-size:x-small}.nav-items>ul>li .logout-btn,.nav-items>ul>li .login-btn{font-size:small}}@media only screen and (max-width:350px){.header{height:50px}.header .logo{width:55px}.body-container,.about-container-main{min-height:84vh}.about-container .about-left h1{font-size:25px}.about-container .about-left h4{font-size:10px}.about-container .about-right img{width:220px}.nav-items>ul>li{padding:6px;font-size:x-small}.nav-items>ul>li .logout-btn,.nav-items>ul>li .login-btn{font-size:x-small}.search-container{margin:70px auto 0}.search-container .search-input,.field{width:10rem}.about-profile-container{margin:70px auto 0}.restaurant-menu{margin-top:40px}.login-form{max-width:280px}.shimmer-menu-title{width:200px}}@media only screen and (max-width:320px){.nav-items>ul>li{padding:6px;font-size:xx-small}.nav-items>ul>li .logout-btn,.nav-items>ul>li .login-btn{font-size:x-small}.about-container .about-left h1{font-size:22px}.about-container .about-left h4{font-size:8px}.about-container .about-right img{width:170px}.profile-repo-container .profile-repo h1{margin:20px 15px 0}.profile-repo .profile-repo-items h3 a{font-size:small}}
/*# sourceMappingURL=index.aaed5966.css.map */