@import url(https://fonts.googleapis.com/css2?family=Martian+Mono:wght@200&family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,400;8..144,800&family=Roboto+Mono:wght@300;400;600;700&family=Rubik&display=swap);:root{--color-surface-mixed-100:#1c1820;--color-surface-mixed-200:#312d35;--color-surface-mixed-300:#47444b;--color-surface-mixed-400:#5f5b62;--color-surface-mixed-500:#77757a;--color-surface-mixed-600:#918f93;--color-primary-100:#714bb3;--color-primary-200:#825ebc;--color-primary-300:#9271c4;--color-primary-400:#a284cd;--color-primary-500:#b298d5;--color-primary-600:#c1acde;--red:#e3231c;--almost-white:#e6e6e6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1c1820;background-color:var(--color-surface-mixed-100);font-family:Martian Mono,monospace;font-family:Roboto Flex,sans-serif;font-family:Roboto Mono,monospace;font-family:Rubik,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.title{color:#c1acde;color:var(--color-primary-600);font-size:80px}@media only screen and (max-width:1900px){.title{font-size:50px}}.card-container{align-items:center;display:flex;justify-content:center}.card{background:var(--color-surface-mixed-500);border:5px solid var(--color-surface-mixed-300);box-shadow:0 2px 8px rgba(0,0,0,.26);height:70%;margin-top:15px;overflow:hidden;padding:1rem;position:relative;width:60%}.user-item__content{padding:0}@media only screen and (max-width:1700px){.card{width:90%}}@media only screen and (max-width:500px){.card{font-size:10px;width:70%}}h2,h3{color:var(--almost-white)}.lasagne-alarm-card{background-color:#fff6af;border:5px solid #ffeb3b}.lasagne-alarm-name,.lasagne-alarm-price{color:#000}.menus-list{list-style:none;padding:0}.restaurant-title{color:var(--color-primary-600);font-size:45px;font-weight:50px;text-align:center}@media only screen and (max-width:500px){.restaurant-title{font-size:25px}}.center-content{text-align:center}.backdrop{background:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:10}.modal{background:var(--color-surface-mixed-300);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.26);left:10%;position:fixed;top:22vh;width:80%;z-index:100}.modal__header{background:var(--color-primary-600);border-bottom:initial;border-radius:8px;padding:1rem 0;width:100%}.modal__header h2{color:var(--color-surface-mixed-100);margin:.5rem .5rem .5rem 20px}.modal__content{color:#fff;font-size:20px}.modal__content,.modal__footer{margin-left:10px;padding:1rem .5rem}@media (min-width:768px){.modal{left:calc(50% - 20rem);width:40rem}}.modal-enter{opacity:0;-webkit-transform:translateY(-10rem);transform:translateY(-10rem)}.modal-enter-active{transition:all .2s}.modal-enter-active,.modal-exit{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.modal-exit-active{opacity:0;-webkit-transform:translateY(-10rem);transform:translateY(-10rem);transition:all .2s}.button{background:#ad0202;border:2px solid #ad0202;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font:inherit;margin-right:1rem;padding:.5rem 1.5rem;text-decoration:none}.button:focus{outline:none}.button:active,.button:hover{background:#f34343;border-color:#f34343}.button--inverse{background:transparent;color:#fff}.button--inverse:active,.button--inverse:hover{background:#f34343;color:#fff}.button--danger{background:#ad0202;border-color:#ad0202}.button--danger:active,.button--danger:hover{background:#f34343;border-color:#f34343}.button:active:disabled,.button:disabled,.button:hover:disabled{background:#ccc;border-color:#ccc;color:#979797;cursor:not-allowed}.button--small{font-size:.8rem}.button--big{font-size:1.5rem}.random--restaurant{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}.random--restaurant:hover,.random-restaurant:active{background-color:var(--color-primary-300);border-color:var(--color-primary-300)}@media only screen and (max-width:500px){.random--restaurant{font-size:13px}}a{font-size:25px;text-decoration:underline}a,h1,h2{color:#fff}.buttons{margin-top:20px}.restaurant{list-style:none;padding:0}@media only screen and (max-width:500px){.button-text{font-size:15px}}.form-control{margin:1rem 0}.form-control input{-webkit-apperance:none}.form-control input,.form-control label,.form-control textarea{display:block}.form-control label{font-weight:700;margin-bottom:.5rem}.form-control input,.form-control textarea{background:var(--almost-white);border:1px solid var(--color-surface-mixed-600);font:inherit;width:99%}.form-control input:focus,.form-control textarea:focus{background:#ebebeb;border-color:#510077;outline:none}.form-control--invalid label,.form-control--invalid p{color:red}.form-control--invalid input,.form-control--invalid textarea{background:#ffd1d1;border-color:red}label{color:#fff}.new-restaurant-form{background:var(--color-surface-mixed-400);border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.26);list-style:none;margin:0 auto;max-width:40rem;padding:1rem;width:100%}.new-restaurant-title{color:var(--color-primary-600);font-size:45px;text-align:center}@media only screen and (max-width:500px){.new-restaurant-form{width:70%}.new-restaurant-title{font-size:25px}}.login-title{color:var(--color-primary-600)}.login-form{background:var(--color-surface-mixed-400);border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.26);list-style:none;margin:0 auto;max-width:40rem;padding:1rem;width:100%}@media only screen and (max-width:500px){.login-title{font-size:25px!important}.login-form{width:70%}}.nav-links{align-items:start;display:flex;flex-direction:column;height:100%;justify-content:start;list-style:none;margin-top:20px;padding:0;width:100%}.nav-links li{margin:1rem}.nav-links a{border:1px solid transparent;color:#000;color:#fff;font-size:20px;padding:.5rem;text-decoration:none}.nav-links a.active,.nav-links a:active,.nav-links a:hover{background:var(--color-primary-600);border-radius:5px;color:#000}.nav-links button{background:transparent;color:#292929;cursor:pointer;font:inherit;padding:.5rem}.nav-links button:focus{outline:none}@media (min-width:768px){.nav-links{flex-direction:row}.nav-links li{margin:0 .5rem}.nav-links a{text-decoration:none}.nav-links button{background:transparent}.nav-links button:active,.nav-links button:hover{background:var(--color-primary-600)}}.authentication__header{color:#fff;text-align:center}.authentication{margin:7rem auto;max-width:25rem;text-align:center;width:90%}.authentication form{margin-bottom:1rem}.login-title{font-size:45px;text-align:center}.signup-form{background:var(--almost-white)}.signup-form,.update-restaurant-form{background:var(--color-surface-mixed-400);border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.26);list-style:none;margin:0 auto;max-width:40rem;padding:1rem;width:90%}.update-restaurant-title{color:var(--color-primary-600);font-size:45px;text-align:center}
/*# sourceMappingURL=main.6c57aa40.css.map*/