@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");*{padding:0;box-sizing:border-box;margin:0}body,html{font-family:Roboto,sans-serif}img{width:100%;display:block}.yazilar{height:100%;margin-bottom:35rem;width:100%}.main-wrapper{justify-content:center;align-items:center;display:flex}.navbar_kategori{margin:auto;width:80%}.container{height:100vh;padding:0 1rem;max-width:100%;margin:0 auto}.product-div{column-gap:10px;height:100vh;grid-template-columns:repeat(2,1fr);padding:2rem 0;background-color:#fff;margin:1rem 0;border-radius:3px;display:grid}.product-div-left,.product-div-right{padding:20px}.img-container img{margin:0 auto;width:100%px}.hover-container{flex-wrap:wrap;margin-top:32px}.hover-container,.hover-container div{justify-content:center;align-items:center;display:flex}.hover-container div{padding:1rem;border:2px solid rgba(252,160,175,.7);margin:0 4px 8px;border-radius:3px}.active{border-color:#ff91a3!important}.hover-container div:hover{border-color:#ff91a3}.hover-container div img{cursor:pointer;width:50px}.product-div-right span{display:block}.product-name{font-size:26px;font-weight:700;margin-bottom:22px;opacity:.9;letter-spacing:1px}.product-price{font-size:24px;font-weight:700;font-weight:500;opacity:.9}.product-rating{align-items:center;margin-top:12px;display:flex}.product-rating span{margin-right:6px}.product-description{font-weight:18px;font-weight:300;opacity:.9;line-height:1.6;margin-top:22px}.btn-groups{margin-top:22px}.btn-groups button{padding:15px 16px;font-size:16px;color:#fff;transition:all .3s ease;text-transform:uppercase;cursor:pointer;font-family:inherit;display:inline-block}.add-cart-btn,.btn-groups button .fas{margin-right:8px}.add-cart-btn{border:2px solid #ff9f00;background-color:#ff9f00}.add-cart-btn:hover{color:#ff9f00;background-color:#fff}.buy-now-btn{border:2px solid #000;background-color:#000}.buy-now-btn:hover{color:#000;background-color:#fff}@media screen and (max-width:992px){.product-div{grid-template-columns:100%}.product-div-right{text-align:center}.product-rating{justify-content:center}.product-description{margin-right:auto;max-width:400px;margin-left:auto}}@media screen and (max-width:400px){.btn-groups button{margin-bottom:10px;width:100%}}.footer{justify-content:flex-end;align-items:flex-end;width:100%;margin-top:10rem;display:flex}footer{min-height:100px;padding:20px 50px;flex-direction:column;background:#000;width:100%}footer,footer .menu,footer .social_icon{justify-content:center;position:relative;align-items:center;display:flex}footer .menu,footer .social_icon{flex-wrap:wrap;margin:10px 0}footer .menu li,footer .social_icon li{list-style:none}footer .social_icon li a{font-size:2em;color:#fff;transition:.5s;margin:0 10px;display:inline-block}footer .social_icon li a:hover{transform:translateY(-10px)}footer .menu li a{font-size:1em}.footer_text,footer .menu li a{text-decoration:none;color:#fff;transition:.5s;opacity:.75;margin:0 10px;display:inline-block}.footer_text{font-size:.8em}.footer_text:hover,footer .menu li a:hover{opacity:1}footer .wave{height:100px;position:absolute;top:-100px;background:url(https://etkinlikquest.quest/wave3.png);background-size:1000px 100px;left:0;width:100%}footer .wave#wave1{animation:animateWave 4s linear infinite;opacity:1;bottom:0;z-index:1000}footer .wave#wave2{animation:animateWave_02 4s linear infinite;opacity:.5;bottom:10px;z-index:999}footer .wave#wave3{animation:animateWave 3s linear infinite;opacity:.2;bottom:15px;z-index:1000}footer .wave#wave4{animation:animateWave_02 3s linear infinite;opacity:.7;bottom:20px;z-index:999}@keyframes animateWave{0%{background-position-x:1000px}to{background-position-x:0}}@keyframes animateWave_02{0%{background-position-x:0}to{background-position-x:1000px}}