@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@300;400;500;700&display=swap);*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:Noto Sans Mono,monospace}#content{width:100%;height:100%;position:relative}#nav{width:100%;height:8vh;background-color:transparent;color:#fff;position:absolute;top:0;left:0;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;align-items:center;padding:0 30px;z-index:10}#nav .logo{-webkit-transition:.25s;transition:.25s}#nav .logo a{font-size:1.8rem;text-decoration:none;color:#fff;font-weight:700}#nav .logo:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}#nav .menu-nav{font-size:1.1rem;width:57.5%;display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:baseline;-moz-box-align:baseline;align-items:baseline}#nav .menu-nav a{margin-left:30px;text-decoration:none;color:#fff;position:relative}#nav .menu-nav a img{width:28px}#nav .menu-nav a .nav-home-des,#nav .menu-nav a .nav-menu-des{position:absolute;opacity:0;font-size:.8rem;padding:2px 4px;top:50%;left:50%;border:1px solid #d6dce2;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.5s;transition:.5s}#nav .menu-nav a:hover .nav-home-des,#nav .menu-nav a:hover .nav-menu-des{-webkit-transform:translate(-50%,60%);transform:translate(-50%,60%);opacity:1}#home{width:100%;height:100vh}#home .hero-container{width:100%;height:100%;overflow:hidden;position:relative;color:#fff}#home .hero-container img{width:auto;height:100%;position:absolute;z-index:-2}#home .hero-container .hero-inf{width:50%;height:100%;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;padding-left:40px}#home .hero-container .hero-inf h2{font-size:2rem;font-weight:300;margin-bottom:40px}#home .hero-container .hero-inf h2 span{font-weight:500}#home .hero-container .hero-inf .home-button{width:150px;height:55px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;border:.2em solid;position:relative;cursor:pointer;overflow:hidden;opacity:.9;color:#fff;text-decoration:none}#home .hero-container .hero-inf .home-button__text{display:block;padding:.8rem 1.6rem;text-transform:uppercase;font-weight:700;position:relative}#home .hero-container .hero-inf .home-button__text:before{content:attr(title)}#home .hero-container .hero-inf .home-button__text--bis{display:block;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}#home .hero-container .hero-inf .home-button__mask{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;-webkit-transform:translateX(-100%) rotate(45deg);transform:translateX(-100%) rotate(45deg);-webkit-transition:all .3s;transition:all .3s}.home-button:hover{opacity:1}.home-button:hover .home-button__text{-webkit-animation:fx-text .3s ease-out;animation:fx-text .3s ease-out}.home-button:hover .home-button__text--bis{-webkit-animation:fx-text-bis .3s ease-out;animation:fx-text-bis .3s ease-out}.home-button:hover .home-button__mask{-webkit-animation:fx-mask .3s ease-out;animation:fx-mask .3s ease-out}.home-button:active{opacity:1;background:#fff;color:inherit}#menu{width:100%;height:100%;overflow:hidden;color:#fff;padding:200px 0 80px}#menu .menu-background{min-width:100%;min-height:100vh;position:fixed;top:0;left:0;z-index:-1}#menu .cart-logo{width:30px;height:30px;position:fixed;top:0;right:0;margin:25px 40px 0 0;cursor:pointer;z-index:11}#menu .cart-logo .cart-count-circle{position:absolute;top:-35%;right:-35%;width:18px;height:18px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;border-radius:50%;font-size:.8rem;font-weight:500;background-color:red}#menu .cart-logo img,#menu .pizzas-container{width:100%}#menu .pizzas-container .pizza{width:70%;display:-webkit-flex;display:-moz-box;display:flex;padding:2px;-webkit-transition:.25s;transition:.25s;margin:auto auto 120px}#menu .pizzas-container .pizza img{width:300px;height:200px;border-radius:10px}#menu .pizzas-container .pizza .pizza-inf{height:200px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;padding:0 30px}#menu .pizzas-container .pizza .pizza-inf div{margin-bottom:35px}#menu .pizzas-container .pizza .pizza-inf .pizza-name{font-weight:700;font-size:1.2rem}#menu .pizzas-container .pizza .pizza-inf .pizza-ingr{font-weight:300;opacity:.6}#menu .pizzas-container .pizza:hover{cursor:pointer;-webkit-transform:scale(1.03);transform:scale(1.03);-webkit-box-shadow:0 0 20px #ffffff0a;box-shadow:0 0 20px #ffffff0a}.popup-overlay .popup-content{margin:auto;width:80%;height:80vh;border:none;padding:0;z-index:-2}.popup-overlay .popup-content .popup-card{width:100%;height:100%;overflow-y:scroll;background-color:#d6dce2}.popup-overlay .popup-content .popup-card .pop-cart-empty{width:100%;text-align:center;font-weight:500;margin-top:100px;font-size:1.8rem}.popup-overlay .popup-content .popup-card #cart{width:100%;min-height:100%;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;padding:20px;-webkit-box-shadow:inset 0 0 30px #0000002e;box-shadow:inset 0 0 30px #0000002e}.popup-overlay .popup-content .popup-card #cart button{margin:5px;padding:4px 10px;background-color:transparent;font-weight:700;border:2px solid #333;border-radius:5px;-webkit-transition:.3s;transition:.3s}.popup-overlay .popup-content .popup-card #cart button:hover{background-color:#333;color:#f5f5f5}.popup-overlay .popup-content .popup-card #cart .cart-items{margin:40px 0;width:100%}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart{width:80%;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;padding:2px;margin:auto auto 30px}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart img{width:180px;height:120px;border-radius:10px;-webkit-box-shadow:0 0 20px 0 #00000063;box-shadow:0 0 20px 0 #00000063}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart{width:80%;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;padding:0 10px}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart div{margin-bottom:8px}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart .pizza-name-cart{font-weight:700}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart .pizza-ingr-cart{font-weight:300;font-size:.8rem;opacity:.6}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart .pizza-price-cart{font-weight:500}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart .pizza-control-cart{width:100%;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;align-items:center}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart .pizza-control-cart .buttons-cart{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;align-items:center;margin:0}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart .pizza-control-cart .buttons-cart button{width:35px;height:25px}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart .pizza-control-cart .buttons-cart div{margin:5px;text-align:center}.popup-overlay .popup-content .popup-card #cart .total-clear-cart{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;align-items:center;padding:0 10px;font-weight:500}.popup-overlay .popup-content .popup-card #cart .total-clear-cart button{padding:5px 15px}.popup-overlay .popup-content .popup-card #cart .order-btn-cart{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.popup-overlay .popup-content .popup-card #cart .order-btn-cart a{width:90px;height:35px;font-size:1rem;padding:4px 10px;background-color:transparent;font-weight:700;border:2px solid #333;border-radius:5px;-webkit-transition:.3s;transition:.3s;text-align:center;text-decoration:none;color:#000}.popup-overlay .popup-content .popup-card #cart .order-btn-cart a:hover{background-color:#333;color:#f5f5f5}#footer{width:100%;height:5vh;position:absolute;bottom:0;left:0;text-align:center;line-height:5vh;color:#fff;opacity:.25;font-size:.8rem}@-webkit-keyframes fx-mask{0%{-webkit-transform:translateX(-100%) rotate(45deg);transform:translateX(-100%) rotate(45deg)}to{-webkit-transform:translateX(100%) rotate(45deg);transform:translateX(100%) rotate(45deg)}}@keyframes fx-mask{0%{-webkit-transform:translateX(-100%) rotate(45deg);transform:translateX(-100%) rotate(45deg)}to{-webkit-transform:translateX(100%) rotate(45deg);transform:translateX(100%) rotate(45deg)}}@-webkit-keyframes fx-text{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1rem);transform:translateX(1rem);opacity:0}}@keyframes fx-text{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1rem);transform:translateX(1rem);opacity:0}}@-webkit-keyframes fx-text-bis{0%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fx-text-bis{0%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@media(min-width:0px)and (max-width:599px){#nav{padding:0 10px}#nav .menu-nav a{margin-left:22px}#home .hero-container .hero-inf{width:100%;padding:0 10px}#menu .cart-logo{margin:15px 15px 0 0}#menu .pizzas-container .pizza{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}#menu .pizzas-container .pizza img{width:100%;height:auto}#menu .pizzas-container .pizza .pizza-inf{padding:10px 0}#menu .pizzas-container .pizza .pizza-inf div{margin-bottom:15px}#menu .pizzas-container .pizza .pizza-inf .pizza-ingr{font-size:.85rem}.popup-overlay .popup-content .popup-card p.pop-cart-empty{font-size:1.2rem}.popup-overlay .popup-content .popup-card #cart button{margin:2px}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:90%}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart img{width:100%;height:auto}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart{padding:10px 0;width:100%}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart div{margin-bottom:10px}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart .pizza-ingr-cart{font-size:.65rem}.popup-overlay .popup-content .popup-card #cart .total-clear-cart{font-weight:400;font-size:.88rem;padding:0 5px;margin-bottom:20px}.popup-overlay .popup-content .popup-card #cart .total-clear-cart button{padding:5px 12px}}@media(min-width:0px)and (max-width:1024px){#nav .menu-nav a .nav-home-des,#nav .menu-nav a .nav-menu-des{display:none}#menu .pizzas-container .pizza:hover,#nav .logo:hover{-webkit-transform:scale(1);transform:scale(1)}#menu .pizzas-container .pizza:hover{-webkit-box-shadow:0 0;box-shadow:0 0}.popup-overlay .popup-content .popup-card #cart .order-btn-cart a:hover,.popup-overlay .popup-content .popup-card #cart button:hover{background-color:transparent;color:#000}}@media(min-width:600px)and (max-width:1000px){#home .hero-container .hero-inf{width:80%}#menu .pizzas-container .pizza{width:85%}#menu .pizzas-container .pizza img{width:270px;height:180px}#menu .pizzas-container .pizza .pizza-inf div{margin-bottom:20px}#menu .pizzas-container .pizza .pizza-inf .pizza-ingr{font-size:.85rem}.popup-overlay .popup-content .popup-card #cart{padding:20px 10px}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart{width:90%}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart div{margin-bottom:6px}.popup-overlay .popup-content .popup-card #cart .cart-items .pizza-cart .pizza-inf-cart .pizza-ingr-cart{font-size:.7rem}}