*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#272727;font-family:Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}.navBar{z-index:1000;background-color:#965ed6;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:10px;min-height:60px;padding:10px 20px;font-weight:700;display:flex;position:sticky;top:0}.imgLogo{filter:invert();width:180px}.searchHomeContainer{justify-content:center;margin-top:30px;display:flex}.searchHome{color:#fff;background:0 0;border:1px solid #fff;border-radius:40px;width:600px;height:15px;padding:30px}.searchInput{border-radius:40px;height:30px;padding:15px}.cardsContainer{flex-wrap:wrap;justify-content:center;gap:16px;padding:20px;display:flex}.card{background:#131313;border-radius:8px;flex-direction:column;flex:250px;max-width:300px;height:500px;margin-top:20px;padding:20px;transition:all .3s ease-in-out;display:flex;overflow:hidden}.card:hover{background:#000;transform:scale(1.1)}.card img{object-fit:cover;object-position:50% 30%;border-radius:50px;width:100%;height:160px;margin-top:20px;transition:all .3s ease-in-out}.card img:hover{border-radius:0;box-shadow:1px 1px 30px 1px #c5abe2}.mediaCard{margin-top:40px;font-size:small}.titleMediaCard{margin-top:10px}.quoteCard{margin-top:12px;font-style:italic}.counterLike{margin-top:auto}.btnLogin{color:#fff;background:0 0;border:1px solid #fff;border-radius:30px;padding:8px}.btnLogout{color:#fff;background:0 0;border:2px solid #fff;border-radius:30px;padding:8px}.iconLogout{filter:invert();width:18px}.btnLike{color:#fff;background:0 0;border:1px solid #fff;border-radius:30px;margin-top:10px;padding:8px;font-weight:700}.userName{color:#ff0;border:1px solid #fff;border-radius:20px;padding:8px;font-weight:700}.pagination{justify-content:center;align-items:center;gap:30px;margin:20px 0 40px;display:flex}.prevNextBtn{color:purple;background:0 0;font-size:large}.loginForm,.registerForm{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:20px 0;display:flex}.btnRegist{color:#fff;background:0 0;border:1px solid #fff;border-radius:30px;padding:8px}.adminPanel{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:20px 0;padding:10px;display:flex}.adminSearch{border:1px solid #fff;border-radius:5px;flex-direction:column;padding:20px;display:flex}.btnDlt,.btnEdit,.btnDltAdmin,.btnEditAdmin{color:#fff;background:0 0;border:1px solid #fff;border-radius:30px;padding:8px}.labelEditForm{font-weight:700}.editForm{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:20px 0;display:flex}.editQuote{color:#fff;background:0 0;border-radius:30px;width:300px;height:200px;padding:20px;font-weight:700}.btnSave{color:#fff;background:0 0;border:1px solid #fff;border-radius:30px;padding:8px}.createForm{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:700px;margin:20px 0;display:flex}.createform,input{color:#fff;background:0 0;border:1px solid #fff;border-radius:40px;height:30px;padding:15px}.createform,select{color:#636363;background:0 0;border:1px solid #fff}.createform,option{color:#000}.btnCreateCard{color:#fff;background:0 0;border:1px solid #fff;border-radius:30px;padding:8px}.selectMedia{border-radius:30px;padding:8px}.quoteArea{color:#fff;background:0 0;border-radius:30px;padding:20px;font-weight:700}.profileTab{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:20px 0;display:flex}.appContainer{flex-direction:column;min-height:100vh;display:flex}.mainContent{flex:1}.footer{color:#fff;text-align:center;background-color:#965ed6;justify-content:space-evenly;align-items:center;padding:15px;font-size:8pt;display:flex}.iconHome{filter:invert()}.sideBar{flex-direction:row;justify-content:center;align-items:center;display:flex}.sideTopCard{background:#131313;border-radius:8px;flex-direction:column;gap:10px;max-width:300px;height:500px;padding:20px;transition:all .3s ease-in-out;display:flex;overflow:hidden;transform:scale(.7)}.sideTopCard:hover{box-shadow:1px 1px 50px 1px #965ed6}.topTitle{flex-direction:row;justify-content:center;align-items:center;margin-top:30px;display:flex}.createdUserCards{flex-direction:row;gap:20px;display:flex;transform:scale(.7)}@media (width<=768px){.navBar{flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:700}.imgLogo{width:140px}.userName{padding:5px;font-size:12px}}