*{font-family:Roboto,sans-serif;margin:0;padding:0}body{align-items:center;background-attachment:fixed;background-color:#e6c7aa;background-image:url(/static/media/bg.b23aad4756230b458888.png);background-position:0 0;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column}.cat_list{min-height:65vh}.cat_list,.search_add{display:flex;flex-direction:column;justify-content:center}.search_add{align-items:center;gap:20px}.cards_list{flex-wrap:wrap;gap:20px}.card,.cards_list{display:flex;justify-content:center}.card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.25);border-radius:6px;color:#5e89b4;flex-direction:column;font-size:1.2rem;gap:5px;height:400px;position:relative;top:3em;width:380px;z-index:1}.img{height:70%}.search{align-items:center;background:linear-gradient(to bottom right,#9ba4b3,#c48854);border-radius:8px;color:#eee;display:inline-flex;padding:6px}.search :is(input,button){background:transparent;border:none;color:inherit;outline:none}.search_input{transition:width .5s;width:0}.search_btn{cursor:pointer;display:grid;height:25px;place-items:center;width:25px}.search:focus-within input{width:100px}::-webkit-input-placeholder{color:inherit}::placeholder{color:inherit}.add_btn{padding:11px}.add_btn,.details_btn{align-items:center;background:linear-gradient(to bottom right,#9ba4b3,#c48854);border:none;border-radius:8px;color:#eee;cursor:pointer;display:inline-flex}.details_btn{font-size:1rem;padding:8px}.buttons{display:flex;gap:45px}.delete,.edit{align-items:flex-end;cursor:pointer;display:flex;justify-content:flex-end;transition:all .5s ease-out}.edit_delete{display:flex;flex-direction:row;gap:20px;margin-left:300px}@media (max-width:390px){.card{width:340px}.edit_delete{margin-left:260px}}.create-form{align-items:center;color:#5e89b4;display:flex;flex-direction:column;gap:20px}.create-form input{border-radius:5px;height:18px;width:450px}.control{justify-content:center}.control,.details_card{display:flex;flex-direction:column}.details_card{align-items:center;color:#5e89b4;gap:30px}.details_card h1{font-family:Catlove;padding-bottom:10px}.Modal{background:hsla(29,55%,78%,.847);border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.6);box-sizing:border-box;margin-top:100px;max-height:700px;max-width:900px;min-height:200px;min-width:50vw;padding:20px 80px 20px 20px;position:relative;z-index:3}.Modal-close{align-items:flex-end;background-color:rgba(0,0,0,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:29px;justify-content:center;position:absolute;right:20px;top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 1s;width:29px;z-index:2}.Modal-close:hover{background-color:rgba(0,0,0,.4)}.Modal-body{align-items:center;border-radius:10px;display:flex;flex-direction:column;font-size:1.2rem;gap:2rem;height:80%;justify-content:center;margin:2rem;width:100%;z-index:3}.button_modal{align-items:center;background:linear-gradient(to bottom right,#9ba4b3,#c48854);border:none;border-radius:8px;color:#eee;cursor:pointer;display:inline-flex;margin-top:65px;padding:10px}@media (max-width:850px){.Modal{margin-top:50px}.Modal-body{font-size:1rem}}@media (max-width:530px){.Modal{padding:15px 70px 15px 15px}.Modal iframe{height:255px;width:453px}.create-form input{width:400px}}@media (max-width:480px){.Modal iframe{height:204px;width:362px}.Modal-body{font-size:.9rem}.create-form input{width:300px}}@media (max-width:360px){.Modal iframe{height:163px;width:289px}.Modal-body{font-size:.8rem}}.Overlay{background:rgba(0,0,0,.4);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3}@font-face{font-family:Catlove;font-style:normal;font-weight:400;src:url(/static/media/Catlove.a50b6fe08a503e87185d.ttf) format("opentype")}.header_content{align-items:center;display:flex;flex-direction:column;height:20vh}.header_content a{text-decoration:none}.header_text{color:#90a9c2;cursor:pointer;font-family:Catlove;font-size:8rem;margin-top:-80px}@media (max-width:550px){.header_text{font-size:6rem;margin-top:-60px}}@media (max-width:390px){.header_text{font-size:4rem;margin-top:-30px}}.footerContent{align-items:center;background-color:inherit;color:#5e89b4;display:flex;gap:5px;height:5vh;justify-content:center;padding-top:90px;text-align:center;width:99vw}.footerContent a{color:#2e567e;text-decoration:none}.footerContent a:hover{color:#c48854}
/*# sourceMappingURL=main.a893af82.css.map*/