diff --git a/assets/index-2cJ15_Tn.css b/assets/index-2cJ15_Tn.css new file mode 100644 index 0000000..8747d9f --- /dev/null +++ b/assets/index-2cJ15_Tn.css @@ -0,0 +1 @@ +@media (max-width: 768px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:center}body header nav .menu-popout{display:flex;justify-content:center;width:100%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 10px;text-decoration:none;color:#fff;text-transform:uppercase}body header nav #shopping-cart{border:none;background-color:#00f;margin-left:auto;display:flex;align-items:center}body main{padding-top:4rem}body main .home-section,body main .spray-section,body main .cart-section,body main .customer-details,body main #contact-page{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-repeat:no-repeat;background-size:cover;color:#fff}body main .home-section{background-position:center}body main .welcome-title{font-size:3rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:2rem}body main #frame-shop{padding:2rem;display:flex;flex-direction:column}body main .sortButtons{display:flex;flex-direction:column;margin:20px}body main .sortButtons button,body main .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease}body main .sortButtons button:hover,body main .sortButtons select:hover{background-color:#28556f}body main #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:15px;width:100%;margin:2rem auto;padding:1rem}body main #sprayCansForSale article{text-transform:uppercase;padding:10px;width:100%;font-size:1rem;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;min-width:80%}body main #sprayCansForSale img{max-width:100%;min-width:100%;height:auto;object-fit:cover}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:90%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:90%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:90%;max-width:30rem;padding:1rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}@media screen and (min-width: 768px){body{background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg)}}@media screen and (min-width: 768px)and (min-width: 769px)and (max-width: 1024px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-size:cover;background-repeat:no-repeat}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}body header nav .menu-popout{display:flex;justify-content:center;width:80%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 15px;text-decoration:none;color:#fff;text-transform:uppercase;font-size:1rem}body header nav #shopping-cart{background-color:#0e3f52;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:5px;margin-left:auto}body header nav #shopping-cart .cart-button{display:flex;align-items:center;color:#fff;background:none;border:none;cursor:pointer}body header nav #shopping-cart .cart-button i{font-size:1.5rem}body header nav #shopping-cart .cart-button .cart-count{background-color:#28556f;border-radius:50%;padding:.2rem .5rem;margin-left:.5rem}body main{padding-top:5rem}body main .home-section,body main .spray-section,body main .cart-section,body main .customer-details,body main #contact-page{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;background-size:cover;padding:2rem}body main .home-section{background-position:center}body main .welcome-title{font-size:4rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:3rem}body main .spray-section #frame-shop{padding:1rem 3rem;background-color:#00000080;border-radius:10px;width:100%}body main .spray-section #frame-shop h1{font-size:2.5rem}body main .spray-section #frame-shop p{font-size:1.2rem}body main .spray-section .sortButtons{display:flex;flex-wrap:wrap;gap:1rem}body main .spray-section .sortButtons button,body main .spray-section .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease;font-size:1rem}body main .spray-section .sortButtons button:hover,body main .spray-section .sortButtons select:hover{background-color:#28556f}body main .spray-section #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;width:100%;margin:2rem auto;padding:1rem}body main .spray-section #sprayCansForSale article{text-transform:uppercase;padding:10px;width:45%}body main .spray-section #sprayCansForSale img{max-width:80%;height:auto}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:100%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:100%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:100%;max-width:40rem;padding:1rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}@media screen and (min-width: 1024px)and (min-width: 1024px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-size:cover;background-repeat:no-repeat}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}body header nav .menu-popout{display:flex;justify-content:center;width:60%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 20px;text-decoration:none;color:#fff;text-transform:uppercase;font-size:1.2rem}body header nav #shopping-cart{background-color:#0e3f52;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:5px;margin-left:auto}body header nav #shopping-cart .cart-button{display:flex;align-items:center;color:#fff;background:none;border:none;cursor:pointer}body header nav #shopping-cart .cart-button i{font-size:1.5rem}body header nav #shopping-cart .cart-button .cart-count{background-color:#28556f;border-radius:50%;padding:.2rem .5rem;margin-left:.5rem}body main{padding-top:5rem}body main .home-section{min-height:calc(100vh - 4rem);background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}body main .home-section .welcome-title{font-size:6rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:3rem}body main .spray-section #frame-shop{padding:1rem 3rem;background-color:#00000080;border-radius:10px;width:100%}body main .spray-section #frame-shop h1{font-size:2.5rem}body main .spray-section #frame-shop p{font-size:1.2rem}body main .spray-section .sortButtons{display:flex;gap:1rem}body main .spray-section .sortButtons button,body main .spray-section .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease;font-size:1rem}body main .spray-section .sortButtons button:hover,body main .spray-section .sortButtons select:hover{background-color:#28556f}body main .spray-section #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;width:80%;margin:2rem auto;padding:1rem}body main .spray-section #sprayCansForSale article{text-transform:uppercase;padding:10px;width:25%}body main .spray-section #sprayCansForSale img{max-width:80%;height:auto}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:40%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:60%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:50%;padding:2rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}body main .home-section{min-height:calc(100vh - 4rem);background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}body main .spray-section{min-height:100vh;background-color:#1d2c32;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-size:cover;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-around;text-align:center;padding:2rem}body .welcome-title{font-size:8rem;margin-top:2rem;text-shadow:2px 2px 10px #000;z-index:1}body .cart-section{background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);min-height:100vh;background-size:cover;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}body .customer-details{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg)}body #contact-page{position:relative;min-height:100vh;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-size:cover;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:center}body header nav .menu-popout{display:flex;justify-content:center;width:100%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 10px;text-decoration:none;color:#fff;text-transform:uppercase}body header nav #shopping-cart{border:none;background-color:#00f;margin-left:auto;display:flex;align-items:center}body main{padding-top:4rem}body main .home-section,body main .spray-section,body main .cart-section,body main .customer-details,body main #contact-page{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-repeat:no-repeat;background-size:cover;color:#fff}body main .home-section{background-position:center}body main .welcome-title{font-size:3rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:2rem}body main #frame-shop{padding:2rem;display:flex;flex-direction:column}body main .sortButtons{display:flex;flex-direction:column;margin:20px}body main .sortButtons button,body main .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease}body main .sortButtons button:hover,body main .sortButtons select:hover{background-color:#28556f}body main #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:15px;width:100%;margin:2rem auto;padding:1rem}body main #sprayCansForSale article{text-transform:uppercase;padding:10px;width:100%;font-size:1rem;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;min-width:80%}body main #sprayCansForSale img{max-width:100%;min-width:100%;height:auto;object-fit:cover}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:90%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:90%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:90%;max-width:30rem;padding:1rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}@media screen and (min-width: 768px){body{background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg)}}@media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 1024px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-size:cover;background-repeat:no-repeat}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}body header nav .menu-popout{display:flex;justify-content:center;width:80%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 15px;text-decoration:none;color:#fff;text-transform:uppercase;font-size:1rem}body header nav #shopping-cart{background-color:#0e3f52;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:5px;margin-left:auto}body header nav #shopping-cart .cart-button{display:flex;align-items:center;color:#fff;background:none;border:none;cursor:pointer}body header nav #shopping-cart .cart-button i{font-size:1.5rem}body header nav #shopping-cart .cart-button .cart-count{background-color:#28556f;border-radius:50%;padding:.2rem .5rem;margin-left:.5rem}body main{padding-top:5rem}body main .home-section,body main .spray-section,body main .cart-section,body main .customer-details,body main #contact-page{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;background-size:cover;padding:2rem}body main .home-section{background-position:center}body main .welcome-title{font-size:4rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:3rem}body main .spray-section #frame-shop{padding:1rem 3rem;background-color:#00000080;border-radius:10px;width:100%}body main .spray-section #frame-shop h1{font-size:2.5rem}body main .spray-section #frame-shop p{font-size:1.2rem}body main .spray-section .sortButtons{display:flex;flex-wrap:wrap;gap:1rem}body main .spray-section .sortButtons button,body main .spray-section .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease;font-size:1rem}body main .spray-section .sortButtons button:hover,body main .spray-section .sortButtons select:hover{background-color:#28556f}body main .spray-section #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;width:100%;margin:2rem auto;padding:1rem}body main .spray-section #sprayCansForSale article{text-transform:uppercase;padding:10px;width:45%}body main .spray-section #sprayCansForSale img{max-width:80%;height:auto}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:100%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:100%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:100%;max-width:40rem;padding:1rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}@media screen and (min-width: 1024px) and (min-width: 1024px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-size:cover;background-repeat:no-repeat}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}body header nav .menu-popout{display:flex;justify-content:center;width:60%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 20px;text-decoration:none;color:#fff;text-transform:uppercase;font-size:1.2rem}body header nav #shopping-cart{background-color:#0e3f52;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:5px;margin-left:auto}body header nav #shopping-cart .cart-button{display:flex;align-items:center;color:#fff;background:none;border:none;cursor:pointer}body header nav #shopping-cart .cart-button i{font-size:1.5rem}body header nav #shopping-cart .cart-button .cart-count{background-color:#28556f;border-radius:50%;padding:.2rem .5rem;margin-left:.5rem}body main{padding-top:5rem}body main .home-section{min-height:calc(100vh - 4rem);background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}body main .home-section .welcome-title{font-size:6rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:3rem}body main .spray-section #frame-shop{padding:1rem 3rem;background-color:#00000080;border-radius:10px;width:100%}body main .spray-section #frame-shop h1{font-size:2.5rem}body main .spray-section #frame-shop p{font-size:1.2rem}body main .spray-section .sortButtons{display:flex;gap:1rem}body main .spray-section .sortButtons button,body main .spray-section .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease;font-size:1rem}body main .spray-section .sortButtons button:hover,body main .spray-section .sortButtons select:hover{background-color:#28556f}body main .spray-section #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;width:80%;margin:2rem auto;padding:1rem}body main .spray-section #sprayCansForSale article{text-transform:uppercase;padding:10px;width:25%}body main .spray-section #sprayCansForSale img{max-width:80%;height:auto}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:40%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:60%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:50%;padding:2rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}html{scroll-behavior:smooth}body{margin:0;font-family:Klee One,sans-serif;position:relative}body header{position:fixed;top:0;width:100%;z-index:1000}body header nav{background-color:#0e3f52;width:100%;height:4rem;display:flex;flex-direction:row;align-items:center;position:fixed;top:0}body header nav .menu-popout{flex-grow:1;display:flex;justify-content:center}body header nav .menu-popout .menu-container{color:#fff;list-style:none;display:flex;flex-direction:row;justify-content:space-around;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 10px;text-decoration:none;color:#fff;text-transform:uppercase}body header nav #shopping-cart{border:none;background-color:#0e3f52;margin:1rem;padding:0;display:flex;align-items:center}body main{position:relative}body main .home-section{min-height:calc(100vh - 4rem);background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}body main .spray-section{min-height:100vh;background-color:#1d2c32;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-size:cover;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-around;text-align:center;padding:2rem}body main #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;width:50%;margin:2rem;padding:1rem}body main #sprayCansForSale article{text-align:center;text-transform:uppercase;padding:10px;width:calc(33.333% - 40px)}body main #sprayCansForSale img{max-width:80%;height:auto}body .welcome-title{font-size:8rem;margin-top:2rem;text-shadow:2px 2px 10px rgb(0,0,0);z-index:1}body .menu-object a:visited{text-decoration:none}body #frame-shop{padding:2rem;text-align:center;display:flex;align-items:center}body .cart-section{background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);min-height:100vh;background-size:cover;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}body .cart-section article.cart-item{background-color:#e1e1e133;display:flex;flex-direction:row;align-items:center;width:30%;margin:.3rem;text-align:center;padding:10px;border-radius:10px}body .cart-section article.cart-item img{align-items:center;max-width:100px;height:auto;border-radius:100px}body .cart-section article.cart-item h3{margin:0;align-items:center;text-align:center;text-transform:uppercase}body .cart-section .total{margin-top:20px}body .cart-section .total h3{font-size:1.5em;text-align:center}body .cart-item-image{width:100px;height:auto;margin-right:20px}body .cart-item-details{display:flex;flex-direction:column;justify-content:center}body .cart-item-details h3{margin:0 0 10px}body .customer-details{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg)}body #customerDetails{margin:5rem;max-width:500px;width:100%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;color:#fff;box-shadow:0 0 10px #0000001a}body #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body .form-group{margin-bottom:10px;padding:.2rem}body .form-group label{display:block;font-weight:700;margin-bottom:5px}body .form-group input[type=text],body .form-group input[type=number],body .form-group input[type=tel],body .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body .hidden{display:none}body .buttons{margin-top:20px}body .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer}body .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body .buttons button:hover:not(:disabled){background-color:#003036}body #customerDetails form{display:flex;flex-direction:column}body #customerDetails form label{margin-bottom:10px;display:flex;flex-direction:column}body #customerDetails form input{margin-top:5px;padding:10px;border-radius:5px;border:1px solid #ccc}body #customerDetails form input[type=button]{margin-top:20px;padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer}body #customerDetails form input[type=button]:hover{background-color:#002936}body #contact-page{position:relative;min-height:100vh;background-image:url(/FED23D-Munkshop/assets/spraysky-iEMqaeed.jpg);background-size:cover;display:flex;justify-content:center;align-items:center}body #contact-content{background-color:#fff6;border-radius:10px;width:30rem;color:#fff}body .contact-box{text-align:center}body .contact-box h1{text-align:center;margin-bottom:10px}body .contact-info{margin-top:20px;padding:1rem}body .contact-info p{text-align:left;margin:5px 0}body .contact-info a{color:inherit;text-decoration:none}body .sortButtons{display:flex;gap:1rem}body button,body select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease;font-size:1rem}body button:hover,body select:hover{background-color:#002936}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}body .popup{position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);padding:1rem 2rem;background-color:#28556f;color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;z-index:1000;text-align:center;font-size:1.2rem} diff --git a/assets/index-dEs0-lXg.js b/assets/index-cIA3N3ts.js similarity index 100% rename from assets/index-dEs0-lXg.js rename to assets/index-cIA3N3ts.js diff --git a/assets/index-fbewBHY3.css b/assets/index-fbewBHY3.css deleted file mode 100644 index b7f4f15..0000000 --- a/assets/index-fbewBHY3.css +++ /dev/null @@ -1 +0,0 @@ -@media (max-width: 768px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:center}body header nav .menu-popout{display:flex;justify-content:center;width:100%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 10px;text-decoration:none;color:#fff;text-transform:uppercase}body header nav #shopping-cart{border:none;background-color:#00f;margin-left:auto;display:flex;align-items:center}body main{padding-top:4rem}body main .home-section,body main .spray-section,body main .cart-section,body main .customer-details,body main #contact-page{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-repeat:no-repeat;background-size:cover;color:#fff}body main .home-section{background-position:center}body main .welcome-title{font-size:3rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:2rem}body main #frame-shop{padding:2rem;display:flex;flex-direction:column}body main .sortButtons{display:flex;flex-direction:column;margin:20px}body main .sortButtons button,body main .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease}body main .sortButtons button:hover,body main .sortButtons select:hover{background-color:#28556f}body main #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:15px;width:100%;margin:2rem auto;padding:1rem}body main #sprayCansForSale article{text-transform:uppercase;padding:10px;width:100%;font-size:1rem;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;min-width:80%}body main #sprayCansForSale img{max-width:100%;min-width:100%;height:auto;object-fit:cover}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:90%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:90%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:90%;max-width:30rem;padding:1rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}@media screen and (min-width: 768px){body{background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg)}}@media screen and (min-width: 768px)and (min-width: 769px)and (max-width: 1024px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-size:cover;background-repeat:no-repeat}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}body header nav .menu-popout{display:flex;justify-content:center;width:80%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 15px;text-decoration:none;color:#fff;text-transform:uppercase;font-size:1rem}body header nav #shopping-cart{background-color:#0e3f52;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:5px;margin-left:auto}body header nav #shopping-cart .cart-button{display:flex;align-items:center;color:#fff;background:none;border:none;cursor:pointer}body header nav #shopping-cart .cart-button i{font-size:1.5rem}body header nav #shopping-cart .cart-button .cart-count{background-color:#28556f;border-radius:50%;padding:.2rem .5rem;margin-left:.5rem}body main{padding-top:5rem}body main .home-section,body main .spray-section,body main .cart-section,body main .customer-details,body main #contact-page{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;background-size:cover;padding:2rem}body main .home-section{background-position:center}body main .welcome-title{font-size:4rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:3rem}body main .spray-section #frame-shop{padding:1rem 3rem;background-color:#00000080;border-radius:10px;width:100%}body main .spray-section #frame-shop h1{font-size:2.5rem}body main .spray-section #frame-shop p{font-size:1.2rem}body main .spray-section .sortButtons{display:flex;flex-wrap:wrap;gap:1rem}body main .spray-section .sortButtons button,body main .spray-section .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease;font-size:1rem}body main .spray-section .sortButtons button:hover,body main .spray-section .sortButtons select:hover{background-color:#28556f}body main .spray-section #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;width:100%;margin:2rem auto;padding:1rem}body main .spray-section #sprayCansForSale article{text-transform:uppercase;padding:10px;width:45%}body main .spray-section #sprayCansForSale img{max-width:80%;height:auto}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:100%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:100%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:100%;max-width:40rem;padding:1rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}@media screen and (min-width: 1024px)and (min-width: 1024px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-size:cover;background-repeat:no-repeat}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}body header nav .menu-popout{display:flex;justify-content:center;width:60%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 20px;text-decoration:none;color:#fff;text-transform:uppercase;font-size:1.2rem}body header nav #shopping-cart{background-color:#0e3f52;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:5px;margin-left:auto}body header nav #shopping-cart .cart-button{display:flex;align-items:center;color:#fff;background:none;border:none;cursor:pointer}body header nav #shopping-cart .cart-button i{font-size:1.5rem}body header nav #shopping-cart .cart-button .cart-count{background-color:#28556f;border-radius:50%;padding:.2rem .5rem;margin-left:.5rem}body main{padding-top:5rem}body main .home-section{min-height:calc(100vh - 4rem);background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}body main .home-section .welcome-title{font-size:6rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:3rem}body main .spray-section #frame-shop{padding:1rem 3rem;background-color:#00000080;border-radius:10px;width:100%}body main .spray-section #frame-shop h1{font-size:2.5rem}body main .spray-section #frame-shop p{font-size:1.2rem}body main .spray-section .sortButtons{display:flex;gap:1rem}body main .spray-section .sortButtons button,body main .spray-section .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease;font-size:1rem}body main .spray-section .sortButtons button:hover,body main .spray-section .sortButtons select:hover{background-color:#28556f}body main .spray-section #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;width:80%;margin:2rem auto;padding:1rem}body main .spray-section #sprayCansForSale article{text-transform:uppercase;padding:10px;width:25%}body main .spray-section #sprayCansForSale img{max-width:80%;height:auto}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:40%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:60%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:50%;padding:2rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}body main .home-section{min-height:calc(100vh - 4rem);background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}body main .spray-section{min-height:100vh;background-color:#1d2c32;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-size:cover;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-around;text-align:center;padding:2rem}body .welcome-title{font-size:8rem;margin-top:2rem;text-shadow:2px 2px 10px #000;z-index:1}body .cart-section{background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);min-height:100vh;background-size:cover;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}body .customer-details{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg)}body #contact-page{position:relative;min-height:100vh;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-size:cover;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:center}body header nav .menu-popout{display:flex;justify-content:center;width:100%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 10px;text-decoration:none;color:#fff;text-transform:uppercase}body header nav #shopping-cart{border:none;background-color:#00f;margin-left:auto;display:flex;align-items:center}body main{padding-top:4rem}body main .home-section,body main .spray-section,body main .cart-section,body main .customer-details,body main #contact-page{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-repeat:no-repeat;background-size:cover;color:#fff}body main .home-section{background-position:center}body main .welcome-title{font-size:3rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:2rem}body main #frame-shop{padding:2rem;display:flex;flex-direction:column}body main .sortButtons{display:flex;flex-direction:column;margin:20px}body main .sortButtons button,body main .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease}body main .sortButtons button:hover,body main .sortButtons select:hover{background-color:#28556f}body main #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:15px;width:100%;margin:2rem auto;padding:1rem}body main #sprayCansForSale article{text-transform:uppercase;padding:10px;width:100%;font-size:1rem;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;min-width:80%}body main #sprayCansForSale img{max-width:100%;min-width:100%;height:auto;object-fit:cover}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:90%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:90%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:90%;max-width:30rem;padding:1rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}@media screen and (min-width: 768px){body{background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg)}}@media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 1024px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-size:cover;background-repeat:no-repeat}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}body header nav .menu-popout{display:flex;justify-content:center;width:80%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 15px;text-decoration:none;color:#fff;text-transform:uppercase;font-size:1rem}body header nav #shopping-cart{background-color:#0e3f52;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:5px;margin-left:auto}body header nav #shopping-cart .cart-button{display:flex;align-items:center;color:#fff;background:none;border:none;cursor:pointer}body header nav #shopping-cart .cart-button i{font-size:1.5rem}body header nav #shopping-cart .cart-button .cart-count{background-color:#28556f;border-radius:50%;padding:.2rem .5rem;margin-left:.5rem}body main{padding-top:5rem}body main .home-section,body main .spray-section,body main .cart-section,body main .customer-details,body main #contact-page{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;background-size:cover;padding:2rem}body main .home-section{background-position:center}body main .welcome-title{font-size:4rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:3rem}body main .spray-section #frame-shop{padding:1rem 3rem;background-color:#00000080;border-radius:10px;width:100%}body main .spray-section #frame-shop h1{font-size:2.5rem}body main .spray-section #frame-shop p{font-size:1.2rem}body main .spray-section .sortButtons{display:flex;flex-wrap:wrap;gap:1rem}body main .spray-section .sortButtons button,body main .spray-section .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease;font-size:1rem}body main .spray-section .sortButtons button:hover,body main .spray-section .sortButtons select:hover{background-color:#28556f}body main .spray-section #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;width:100%;margin:2rem auto;padding:1rem}body main .spray-section #sprayCansForSale article{text-transform:uppercase;padding:10px;width:45%}body main .spray-section #sprayCansForSale img{max-width:80%;height:auto}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:100%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:100%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:100%;max-width:40rem;padding:1rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}@media screen and (min-width: 1024px) and (min-width: 1024px){body{margin:0;font-family:Klee One;position:relative;color:#fff;background-color:#0e3f52;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-size:cover;background-repeat:no-repeat}body header{position:fixed;top:0;width:100%;z-index:1000;background-color:#0e3f52}body header nav{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}body header nav .menu-popout{display:flex;justify-content:center;width:60%}body header nav .menu-popout .menu-container{list-style:none;display:flex;justify-content:space-around;text-align:center;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 20px;text-decoration:none;color:#fff;text-transform:uppercase;font-size:1.2rem}body header nav #shopping-cart{background-color:#0e3f52;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:5px;margin-left:auto}body header nav #shopping-cart .cart-button{display:flex;align-items:center;color:#fff;background:none;border:none;cursor:pointer}body header nav #shopping-cart .cart-button i{font-size:1.5rem}body header nav #shopping-cart .cart-button .cart-count{background-color:#28556f;border-radius:50%;padding:.2rem .5rem;margin-left:.5rem}body main{padding-top:5rem}body main .home-section{min-height:calc(100vh - 4rem);background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}body main .home-section .welcome-title{font-size:6rem;margin-top:2rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}body main .spray-section{flex-wrap:wrap;padding:3rem}body main .spray-section #frame-shop{padding:1rem 3rem;background-color:#00000080;border-radius:10px;width:100%}body main .spray-section #frame-shop h1{font-size:2.5rem}body main .spray-section #frame-shop p{font-size:1.2rem}body main .spray-section .sortButtons{display:flex;gap:1rem}body main .spray-section .sortButtons button,body main .spray-section .sortButtons select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease;font-size:1rem}body main .spray-section .sortButtons button:hover,body main .spray-section .sortButtons select:hover{background-color:#28556f}body main .spray-section #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;width:80%;margin:2rem auto;padding:1rem}body main .spray-section #sprayCansForSale article{text-transform:uppercase;padding:10px;width:25%}body main .spray-section #sprayCansForSale img{max-width:80%;height:auto}body main .cart-section{flex-direction:column}body main .cart-section article.cart-item{background-color:#e1e1e133;display:flex;align-items:center;width:40%;margin:.3rem;padding:10px;border-radius:10px}body main .cart-section article.cart-item img{max-width:100px;border-radius:100px}body main .cart-section article.cart-item h3{margin:0;text-transform:uppercase}body main .cart-section .total h3{font-size:1.5em}body main .customer-details #customerDetails{margin:2rem;max-width:60%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;box-shadow:0 0 10px #0000001a}body main .customer-details #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body main .customer-details #customerDetails .form-group{margin-bottom:10px;padding:.2rem}body main .customer-details #customerDetails .form-group label{display:block;font-weight:700;margin-bottom:5px}body main .customer-details #customerDetails .form-group input[type=text],body main .customer-details #customerDetails .form-group input[type=number],body main .customer-details #customerDetails .form-group input[type=tel],body main .customer-details #customerDetails .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body main .customer-details #customerDetails .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body main .customer-details #customerDetails .hidden{display:none}body main .customer-details #customerDetails .buttons{margin-top:20px}body main .customer-details #customerDetails .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer;transition:background-color .3s ease}body main .customer-details #customerDetails .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body main .customer-details #customerDetails .buttons button:hover:not(:disabled){background-color:#003036}body main #contact-page{justify-content:center}body main #contact-page #contact-content{background-color:#fff6;border-radius:10px;width:50%;padding:2rem}body main #contact-page #contact-content .contact-box{text-align:center}body main #contact-page #contact-content .contact-box h1{margin-bottom:10px}body main #contact-page #contact-content .contact-box .contact-info{margin-top:20px}body main #contact-page #contact-content .contact-box .contact-info p{text-align:left;margin:5px 0}body main #contact-page #contact-content .contact-box .contact-info a{color:inherit;text-decoration:none}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}}html{scroll-behavior:smooth}body{margin:0;font-family:Klee One,sans-serif;position:relative}body header{position:fixed;top:0;width:100%;z-index:1000}body header nav{background-color:#0e3f52;width:100%;height:4rem;display:flex;flex-direction:row;align-items:center;position:fixed;top:0}body header nav .menu-popout{flex-grow:1;display:flex;justify-content:center}body header nav .menu-popout .menu-container{color:#fff;list-style:none;display:flex;flex-direction:row;justify-content:space-around;width:100%}body header nav .menu-popout .menu-container .menu-object{padding:0 10px;text-decoration:none;color:#fff;text-transform:uppercase}body header nav #shopping-cart{border:none;background-color:#0e3f52;margin:1rem;padding:0;display:flex;align-items:center}body main{position:relative}body main .home-section{min-height:calc(100vh - 4rem);background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}body main .spray-section{min-height:100vh;background-color:#1d2c32;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-size:cover;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-around;text-align:center;padding:2rem}body main #sprayCansForSale{background-color:#fff;color:#000;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;width:50%;margin:2rem;padding:1rem}body main #sprayCansForSale article{text-align:center;text-transform:uppercase;padding:10px;width:calc(33.333% - 40px)}body main #sprayCansForSale img{max-width:80%;height:auto}body .welcome-title{font-size:8rem;margin-top:2rem;text-shadow:2px 2px 10px rgb(0,0,0);z-index:1}body .menu-object a:visited{text-decoration:none}body #frame-shop{padding:2rem;text-align:center;display:flex;align-items:center}body .cart-section{background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);min-height:100vh;background-size:cover;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}body .cart-section article.cart-item{background-color:#e1e1e133;display:flex;flex-direction:row;align-items:center;width:30%;margin:.3rem;text-align:center;padding:10px;border-radius:10px}body .cart-section article.cart-item img{align-items:center;max-width:100px;height:auto;border-radius:100px}body .cart-section article.cart-item h3{margin:0;align-items:center;text-align:center;text-transform:uppercase}body .cart-section .total{margin-top:20px}body .cart-section .total h3{font-size:1.5em;text-align:center}body .cart-item-image{width:100px;height:auto;margin-right:20px}body .cart-item-details{display:flex;flex-direction:column;justify-content:center}body .cart-item-details h3{margin:0 0 10px}body .customer-details{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg)}body #customerDetails{margin:5rem;max-width:500px;width:100%;text-align:center;padding:20px;border-radius:10px;background-color:#28556f;color:#fff;box-shadow:0 0 10px #0000001a}body #customerDetails h2{margin-bottom:20px;text-transform:uppercase}body .form-group{margin-bottom:10px;padding:.2rem}body .form-group label{display:block;font-weight:700;margin-bottom:5px}body .form-group input[type=text],body .form-group input[type=number],body .form-group input[type=tel],body .form-group input[type=email]{width:80%;padding:10px;border-radius:10px;border:5px solid #ccc}body .radio-buttons{display:flex;justify-content:space-around;margin-top:2px;font-size:.8rem;text-transform:uppercase}body .hidden{display:none}body .buttons{margin-top:20px}body .buttons button{padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer}body .buttons button:disabled{background-color:#cacdd0;cursor:not-allowed}body .buttons button:hover:not(:disabled){background-color:#003036}body #customerDetails form{display:flex;flex-direction:column}body #customerDetails form label{margin-bottom:10px;display:flex;flex-direction:column}body #customerDetails form input{margin-top:5px;padding:10px;border-radius:5px;border:1px solid #ccc}body #customerDetails form input[type=button]{margin-top:20px;padding:10px 20px;border:none;border-radius:5px;background-color:#0e3f52;color:#fff;cursor:pointer}body #customerDetails form input[type=button]:hover{background-color:#002936}body #contact-page{position:relative;min-height:100vh;background-image:url(/deploy/assets/spraysky-iEMqaeed.jpg);background-size:cover;display:flex;justify-content:center;align-items:center}body #contact-content{background-color:#fff6;border-radius:10px;width:30rem;color:#fff}body .contact-box{text-align:center}body .contact-box h1{text-align:center;margin-bottom:10px}body .contact-info{margin-top:20px;padding:1rem}body .contact-info p{text-align:left;margin:5px 0}body .contact-info a{color:inherit;text-decoration:none}body .sortButtons{display:flex;gap:1rem}body button,body select{background-color:#0e3f52;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;margin:5px 0;transition:background-color .3s ease;font-size:1rem}body button:hover,body select:hover{background-color:#002936}body #footer{text-align:center;padding:1rem;background-color:#0e3f52}body .popup{position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);padding:1rem 2rem;background-color:#28556f;color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;z-index:1000;text-align:center;font-size:1.2rem} diff --git a/index.html b/index.html index d92fea9..1cc73f1 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ - + @@ -10,8 +10,8 @@ SprayStation - - + +