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}.banner{background-color:#437575;flex-wrap:wrap;margin:0 auto;overflow-x:hidden;text-align:center;width:100%}.ban_photo,.banner{background-size:cover}.ban_photo{-webkit-filter:brightness(40%);filter:brightness(40%);height:600px;z-index:-1}.banner-title{font-size:36px;margin-bottom:30px}.pro_img{border-radius:10px;margin:20px}.filter{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;right:50%;top:500px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}input{border-radius:10px;height:40px;top:0}select{height:40px;margin:20px;position:relative;width:150px}input[type=text],select{background-color:beige;font-size:16px}input[type=text]{display:flex;margin:7px 7px 7px 20px;padding-left:10px;top:20px}img{height:300px;object-fit:cover;width:100%}.website-name{color:#fbff00;display:flex;font-family:Georgia,Times New Roman,Times,serif;font-size:80px;font-weight:700;left:50%;position:absolute;text-align:center;top:200px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}h1{-webkit-text-fill-color:transparent;-webkit-animation:typing 2s steps(30);animation:typing 2s steps(30);background:#fff;-webkit-background-clip:text;background-clip:text;font-size:2em;overflow:hidden;white-space:nowrap}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}.typing-cursor{-webkit-animation:blink .75s step-end infinite;animation:blink .75s step-end infinite;border-right:.15em solid}@-webkit-keyframes blink{0%,to{border-color:transparent}50%{border-color:#000}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#000}}.product-list{display:flex;flex-wrap:wrap;justify-content:center}.product span{justify-content:center;padding-bottom:0;position:relative}.product{align-items:center;border:1px solid #000;box-sizing:border-box;color:#fff;display:grid;height:auto;justify-content:center;justify-items:center;margin:1% 2%;overflow:hidden;padding:15px;position:inherit;text-align:center;transition:.4s;width:20%}.product img{aspect-ratio:3/4;height:300px;justify-self:center;max-height:300px;max-width:100%;object-fit:cover;object-fit:contain;width:50}.clear{clear:both}.product:hover{background:#e84343;box-shadow:30px 24px 5px -5px rgba(0,0,0,.75);cursor:pointer}@media (max-width:768px){.product{margin:2% 0;width:45%}}.container{position:relative}nav{align-items:center;background-color:hsla(0,0%,100%,.388);box-shadow:2px 2px 8px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;height:64px;justify-content:center;left:-21;position:fixed;right:0;top:0;width:100%;z-index:1}.topnav,nav{overflow:hidden}.topnav{background-color:#333;position:relative}.topnav a{color:#f2f2f2;display:block;float:left;font-size:17px;padding:14px 16px;text-align:center;text-decoration:none}@media (max-width:576px){.mr-auto{flex-direction:column}.navbar-nav .nav-link:last-child{margin-top:10px}.website-name{font-size:60px}.product{border:none}}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#04aa6d;color:#fff}.topnav .icon{display:none}.navbar ul{align-items:center;display:flex;justify-content:space-between;list-style-type:none;margin:0;padding:10;text-align:center;vertical-align:middle}@media (max-width:700px){.navbar-container{display:flex;justify-content:space-between}.navbar-list{display:flex;flex-direction:row}}.navbar li{display:inline-block;flex-direction:row;float:none;margin-right:50px}.navbar-list{display:flex;flex-wrap:wrap}nav a{color:#000;font-size:20px;margin:0 16px;text-decoration:none}.left-align{text-align:left}.faicons{border:2px solid beige;border-radius:999px;color:#fff;height:20px;left:40%;margin-left:12px;padding:7px;transition:.5s}.faicons:hover{background-color:beige;color:#000}input[type=text] :hover{color:#add8e6}@media only screen and (max-width:490px){body{overflow-x:hidden}}
/*# sourceMappingURL=main.2da36001.css.map*/