body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;font-size:18px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff8c;border:1px solid #fff9;border-radius:28px;box-shadow:0 20px 50px #785a3c1f;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:52px;max-width:560px;overflow:hidden;padding:24px;width:100%}.form-field{align-items:center;background:#ffffff80;border:1px solid #78645026;border-radius:16px;display:flex;flex:1 1 45%;gap:12px;padding:14px 18px}.form-field--full{flex:1 1 100%}.form-field svg{color:#8a8a8a;flex-shrink:0;height:20px;width:20px}.form-field input{background:#0000;border:0;color:#2b2b2b;font-size:16px;line-height:1;padding:0;width:100%}.form-field input::placeholder{color:#8a8a8a}.form-field input:focus{outline:0}form button{border:0;font-size:15px;width:100%}button,input[type=submit]{background:#c0503f;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:1px;padding:16px 15px;text-transform:uppercase;transition:background .25s ease,transform .25s ease}button:hover,input[type=submit]:hover{background:#a63f30;transform:translateY(-1px)}.container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));width:100%}.pizza{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff8c;border:1px solid #fff9;border-radius:28px;box-shadow:0 20px 50px #785a3c1f;display:flex;flex-direction:column;margin-bottom:22px;overflow:hidden;padding:16px;position:relative;transition:transform .25s ease;width:100%}.pizza:hover{transform:translateY(-4px)}.pizza img{filter:drop-shadow(0 8px 12px rgba(0,0,0,.15));height:200px;max-width:220px;object-fit:contain;width:100%}.pizza span{background:#c0503f;border-radius:0 28px 0 16px;color:#fff;display:inline-block;font-size:27px;font-weight:600;line-height:1;padding:5px 10px;position:absolute;right:0;top:0}.pizza .pizza-controls{display:flex;left:10px;position:absolute;top:10px}.pizza svg{color:#4a7c4e;cursor:pointer;height:22px;margin-right:10px;transition:color .25s ease,transform .25s ease;width:22px}.pizza svg:hover{color:#c0503f;transform:scale(1.15)}.pizza a{color:#fff;text-decoration:none}.pizza h2{background:#c0503f;border-radius:10px;color:#fff;display:inline;font-size:27px;line-height:1.3;margin:-1rem 40px 0;padding:0 7px;text-align:center}.edit-form{border-radius:28px;height:100%;left:0;margin-bottom:0;padding:16px;position:absolute;top:0;width:100%}.edit-form .form-field{flex:1 1 100%}.pagination{align-content:center;align-items:stretch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff8c;border:1px solid #fff9;border-radius:16px;display:inline-grid;grid-template-columns:repeat(4,auto);justify-content:center;margin:52px 0 20px;text-align:center}.pagination>*{border-right:1px solid #78645026;margin:0;padding:15px 20px}.pagination :first-child{cursor:pointer}.pagination :last-child{border-right:0;cursor:pointer}.pagination .disabled{color:#00000040;pointer-events:none}.pizza-page img{height:100%;object-fit:contain;width:420px}.pizza-page h2{font-size:52px;margin-top:-3rem}.pizza-page p{font-size:22px;line-height:2;text-align:center}.pizza-page span{font-size:42px;transform:rotate(4deg)}body{margin:0}.App{background:linear-gradient(120deg,#f5eee1,#fdfaf5 45%,#e4eaef);font-family:Montserrat,sans-serif;min-height:100vh;overflow-x:hidden;width:100vw}.App,.wrap{position:relative}.wrap{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:960px;padding:0 20px 60px;z-index:2}.logo{margin:70px 0 40px;text-align:center}.logo__mark{display:inline-block;font-size:32px;margin-bottom:-6px}.logo__title{color:#2b2b2b;display:block;font-size:48px;font-weight:800;letter-spacing:6px;text-transform:uppercase}.logo__flag{background:linear-gradient(90deg,#4a7c4e 0,#4a7c4e 33%,#fff 0,#fff 66%,#c0503f 0,#c0503f);border-radius:2px;height:4px;margin:10px auto 14px;width:140px}.logo__subtitle{color:#8a8a8a;display:block;font-size:13px;letter-spacing:3px;text-transform:uppercase}@media(max-width:800px){.logo{margin:30px 0}.logo__title{font-size:34px;letter-spacing:3px}}
/*# sourceMappingURL=main.ea6aae1d.css.map*/