*,body{margin:0;padding:0}.message,.navElement a:hover,body p,h1{color:#fff}body{background-color:#1d1d1d}.navBar{border-bottom:1px solid #1b1212;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;height:70px;justify-content:center;place-items:center;margin-bottom:25px;background-color:#f08875}.imgText{margin-left:50px;width:30%}.imgLogo{width:17%}.navElement a{text-decoration:none;color:#000;font-size:20px;align-items:right;font-weight:bolder;transition:color .5s ease-out}.navElement a:nth-child(2){margin-right:70px}.hamburger{display:none;font-size:30px;cursor:pointer}#xButton{width:8%;display:none;margin-bottom:15px}.logoDiv{text-align:center}.logo{width:400px;margin-top:30px}.navigateBars{display:flex;align-items:center;justify-content:center;margin-top:2%;margin-bottom:10px}#searchBar{width:500px;height:50px;font-size:1rem;margin-right:15px;border-radius:15px}.category_Filter{display:relative;margin-top:8px;padding:7px;font-size:15px;border:2px solid #333;border-radius:8px;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:.3s;min-width:250px;text-align:left;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:20px}.matchSection{display:flex;flex-direction:row;height:auto}#matchBox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.matchCard{min-width:300px;max-width:300px;min-height:350px;max-height:350px;margin:10px 15px;word-wrap:break-word;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease-in-out}.matchCard p{font-size:17px;text-align:left;margin-top:5px}.matchCard:hover{transform:translateY(-10px)}.matchImage{width:90%;height:auto;border-radius:5px}.message{font-size:18px;margin-bottom:20px}@media screen and (max-width:1024px){#xButton,.hamburger,.navElement a{display:block}.navBar{grid-template-columns:1fr 1fr 1fr;height:70px;width:100vw}.imgText{width:70%}.imgLogo{width:40%}.navElement{position:fixed;background:#f08875;border-left:3px solid #e23e57;top:0;right:-550px;width:40%;height:100vh;padding:10px;flex-direction:column;text-align:center;justify-content:center;align-items:center;z-index:999;transition:.3s}#searchBar,.category_Filter{height:40px}.navElement a{margin:0!important;padding:10px;border-bottom:1px solid #ddd;font-size:18px}.navElement.active{right:0}.logo{width:300px}#searchBar{width:450px}}@media screen and (max-width:768px){.matchCard{min-width:170px;max-width:170px;min-height:220px;max-height:220px;justify-content:unset;align-items:unset}.matchCard p{font-size:13px}.matchImage{width:80%}#searchBar{width:90%;font-size:15px}.category_Filter{width:30%;font-size:15px}}