html,body{font-family:Inter,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fae6f0}.input{padding:10px;margin:0;border:solid 1px #feb5c2;border-radius:5px;box-shadow:0 1px 5px 2px #0000001a}.input:focus{border:solid 1px #ff68b4;outline:none}.select-wrapper{position:relative;display:flex;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:5px;border:1px solid #feb5c2;box-shadow:0 1px 5px 2px #0000001a;background-color:#fff;color:#333;cursor:pointer;align-items:center;padding-right:5px;width:100%}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:calc(100% - 5px);width:calc(100% - 5x);border:0;margin:0;border-radius:5px;background-color:#fff;color:#333;cursor:pointer;padding:0 0 0 10px}.select:focus{border:solid 1px #ff68b4;outline:none}.cat-card{max-width:200px;max-height:300px;padding:10px;display:flex;flex-direction:column;align-items:center;background-color:#fef1f5;border-radius:10px;box-shadow:0 0 5px #0003}.cat-card img{width:200px;height:150px;object-fit:cover;border-radius:5px}.cat-card .cat-name{margin-top:10px;font-size:14pt;font-weight:700}.cat-card .tag-list{color:#ff68b4;font-size:10pt;margin-top:5px}.cat-card .mark-favorite{background-color:#ff68b4;color:#fff;border:none;border-radius:5px;font-size:10pt;padding:10px;max-width:150px;margin-top:10px;cursor:pointer}.main-box{display:flex;flex-direction:column;align-items:center}h1{margin:40px}.search-box{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:10px;background-color:#fff;padding:10px;margin-top:1cm;margin-bottom:1cm;width:80%}#search-input{width:100%;margin-right:10px;padding-left:30px;min-height:40px;box-sizing:border-box;max-height:40px}#search-tag{width:100%;box-sizing:border-box;min-height:38px;max-height:38px}#search-tag .select-wrapper{margin-left:100px}.cats-box{padding:10px}.cat-list-block{margin:0 auto;display:flex;flex-wrap:wrap;width:90%;justify-content:center}.cat-list-block .cat-card{margin:10px}.hbox{display:flex;height:80vh}.box{color:#353535;margin:auto;max-width:600px;display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:35px;text-align:center;border-radius:5px;box-shadow:0 1px 5px 2px #0000001a}h1{font-size:22pt;margin-bottom:22px}.login-input-form{margin:25px 0}.login-input-form label{cursor:pointer}#login-page-input{width:100%;margin-top:20px}#login-button{padding:10px;border:none;border-radius:25px;color:#fff;width:100%;background-color:#feb5c2;transition:.5s;cursor:pointer}#login-button:hover{background-color:#ff68b4}.copyright-block{margin-top:15px}.profile-box,.photo-box{display:flex;flex-direction:column;align-items:center}.login-box{width:80%;margin-left:20px;margin-top:30px}#profile-photo{border:solid 5px #feb5c2;border-radius:100%;margin-left:30px;margin-right:30px;margin-bottom:20px;height:4cm;width:4cm;object-fit:cover}.profile-card{display:flex;flex-direction:row;background-color:#fff;border-radius:10px;box-shadow:0 0 15px #0000001a;width:50%;padding:40px}.edit-login-buttons-box{display:flex;flex-direction:row;width:100%}#new-photo-button{font-size:16px;border:none;border-radius:25px;color:#fff;background-color:#feb5c2;transition:.5s;cursor:pointer}#new-photo-button:hover{background-color:#ff68b4}#save-login-button{padding:10px;border:none;border-radius:25px;color:#fff;width:100%;margin-right:5px;margin-top:10px;background-color:#feb5c2;transition:.5s;cursor:pointer}#exit-button{padding:10px;border:none;border-radius:25px;color:#fff;margin-left:5px;margin-top:10px;width:100%;background-color:#ccc;transition:.5s;cursor:pointer;color:#000}#exit-button:hover{background-color:gray}#save-login-button:hover{background-color:#ff68b4}#login-input{width:100%;margin-top:10px;margin-bottom:20px}#photo-label{cursor:pointer;display:block;width:100%;height:100%;padding:10px 15px}nav{background-color:#f4b9c2;display:flex;justify-content:space-between;align-items:center;padding:0 10px}nav div{margin:10px}a{color:#fff;font-weight:700;text-decoration:none}.main-side a{margin-right:10px}.profile-side a{display:flex;align-items:center}.profile-side a img{width:42px;height:42px;cursor:pointer;margin-right:10px;border-radius:100%;object-fit:cover}.profile-side a{color:#000;font-weight:400}.disabled-link{pointer-events:none}h1,.no-favorites-note{text-align:center}h1{font-size:22pt;margin:30px 0}.favorites-block{display:flex;flex-direction:column}