body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Cairo,sans-serif;text-align:center}.navbar-container{left:0;position:fixed;right:0;top:0;z-index:1}.navbar{align-items:center;background-image:linear-gradient(90deg,#9af3ec,#38a89f);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;height:14vh;justify-content:center}.logo{grid-area:1/1/2/2;height:auto;width:12vw}.searchbar{grid-area:1/2/2/4;margin:0 1vw}.searchbar input{border:none;border-radius:4px;font-size:calc(6px + 2vmin);height:auto;padding:8px;width:100%}.navbar-text{align-items:center;display:flex;grid-area:1/4/2/5;justify-content:space-evenly}.link :visited,.navbar .link{color:#fff;text-decoration:none}.navbar p{font-size:calc(8px + 2vmin);margin:1vw;text-decoration:none}#searchbar-input{padding:2px}#main{padding-bottom:50px;position:relative;top:15vh}#main h1{font-size:calc(20px + 2vmin);margin:0}.form-container{border:4px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#9af3ec,#38a89f);box-shadow:4px 4px 4px #dfdfdf;margin:30px auto;padding:20px;width:40vw}.contact-container .form-container{width:70%}.contact-container .form-container input{width:60%}form{margin:0 auto;width:80%}input{font-family:Cairo,sans-serif;margin:10px 0;width:80%}.lone-header{margin:10vh!important}.basket-flex,.order-flex{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:50%}.contact-container,.order,.payment-method-container{border:4px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#9af3ec,#38a89f);box-shadow:4px 4px 4px #dfdfdf;margin:40px auto;width:50%}.products{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:80%}.product{border:4px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#9af3ec,#38a89f);box-shadow:3px 3px 3px #dfdfdf;display:flex;flex-basis:300px;flex-direction:column;justify-content:space-between;margin:10px;padding:5px}.link :visited,.product .link{color:#494949;text-decoration:none}.product-image{height:150px;width:auto}.product-detail img{height:auto;width:200px}.product-detail .description{margin:0 auto;text-align:justify;width:40%}.product h3{margin:10px auto;text-decoration:none;width:80%}#loading-icon{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;height:auto;position:relative;top:25vh;width:5vw}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}button{background-color:#f5f5f5;border:none;border-radius:2px;box-shadow:3px 3px 3px #d3d3d3;font-family:Cairo,sans-serif;margin:10px;padding:6px}.product button{margin:10px auto;width:40%}.basket-product button{padding:0 6px}.login-btn,.register-btn{margin:20px;padding:5px;width:65%}.checkout-btn{padding:10px}.account{flex-wrap:wrap;margin:60px auto;width:80%}.account,.account .link{display:flex;justify-content:center}.account .link{align-items:center;background-color:#70d4cc;border:1px solid #dfdfdf;box-shadow:3px 3px 3px #c7c7c7;color:#fff;margin:10px;min-height:20vh;padding:20px;text-decoration:none;width:30vw}.account .link h1{text-shadow:3px 3px 2px #414141}.account,.link :visited{color:#fff}.link :visited,.orders .link{color:#494949;text-decoration:none}.orders .link :hover{background-color:#e4fffd}.basket-product,.orders-product{align-items:center;border:4px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#9af3ec,#38a89f);box-shadow:3px 3px 3px #dfdfdf;display:flex;flex-direction:column;justify-content:center;margin:10px auto;width:50%}.basket-product-flex,.orders-product-flex{align-items:center;display:flex;justify-content:center;margin:10px;padding:10px}.image-container{margin:2%;width:40%}.basket-product .product-image,.orders-product .product-image{height:auto;width:100%}.basket-product button{margin:0 5px}.basket-product img{height:150px;width:auto}#footer{background-image:linear-gradient(90deg,#9af3ec,#38a89f);bottom:0;left:0;position:fixed;right:0;z-index:1}#footer p{color:#fff;font-size:calc(4px + 2vmin);margin:0 auto}@media only screen and (max-width:750px){.order-flex{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin:0 auto;width:60%}.order-flex h3{margin:5px}}@media only screen and (max-width:650px){.basket-flex{flex-direction:column-reverse}.basket-product,.orders-product{width:65%}.form-container{width:60vw}.contact-container,.payment-method-container{width:70vw}.product-detail .description{width:60%}}@media only screen and (max-width:600px){.account{margin:20px auto}.account .link{margin:10px;min-height:10vh;padding:20px;width:25%}#main h1{font-size:calc(14px + 2vmin);margin:0}}@media only screen and (max-width:500px){#main{padding-bottom:40px;top:15vh}.basket-product img{height:100px;width:auto}.navbar{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,50%);height:10%}.logo{grid-area:1/1/2/2;width:18vw}.searchbar{grid-area:1/2/2/4}.searchbar input{font-size:calc(4px + 2vmin)}.navbar-text{grid-area:2/1/3/4}.basket-flex{flex-direction:column-reverse}.basket-product-flex{align-items:center;display:flex;justify-content:center;margin:5px;padding:5px}.basket-product button{margin:1px;padding:0 6px}}@media only screen and (max-width:380px){.basket-product,.orders-product{width:80%}}
/*# sourceMappingURL=main.fc952324.css.map*/