@import"https://fonts.googleapis.com/css2?family=Gluten:wght@100..900&display=swap";.header{width:100%;max-width:700px;text-align:center;display:flex;flex-direction:column;align-items:center;background:none;border:none;box-shadow:none}.logo{width:550px;margin-bottom:-60px;margin-top:-30px;animation:fadeIn 1s ease-in-out}.logo-text{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:600;color:#1c1c1c;margin-bottom:0rem;line-height:1.2}.search-container{position:relative;width:100%;max-width:350px}.search-container input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border-radius:10px;border:1px solid #ccc;background-color:#f1f5ff;font-size:.95rem}.search-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#4c5a72}.category-buttons{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.category-button{padding:.4rem .9rem;border-radius:20px;border:none;font-size:.9rem;cursor:pointer;transition:background-color .3s;border:2px double grey;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.category-button:nth-child(1){background-color:#ffd1dc}.category-button:nth-child(2){background-color:#d0f0c0}.category-button:nth-child(3){background-color:#e0bbe4}.category-button:nth-child(4){background-color:#fbe7c6}.category-button:nth-child(5){background-color:#d4f1f4}.category-buttons:has(:hover) .category-button:not(:hover){filter:blur(.5px)}.category-button.active{background-color:#522a0f;color:#fff;font-weight:500;border:3px double white}.category-button:hover{transform:translateY(-3px);transition:.3s ease;filter:brightness(1.2);color:#000;font-weight:500;border:3px double grey}.create-board{margin-top:1rem}.create-board-button{padding:.6rem 1.2rem;font-size:.95rem;border-radius:12px;background-color:#996e2f;border:4px double white;color:#fff;cursor:pointer;transition:background-color .3s ease}.create-board-button:hover{background-color:#c3986c}.search-bar-wrapper{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:16px}.search-container{position:relative;display:flex;align-items:center}.search-container input{padding:8px 8px 8px 30px;border-radius:6px;border:3px double #aba9a9;font-size:16px;width:250px;background-color:#f2eadf}.search-icon{position:absolute;left:8px;color:#888}.search{padding:8px 12px;background-color:#4c2b16;color:#f5f5f5;border:1px solid whitesmoke;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.search:hover{background-color:#644620}.clear-button{padding:8px 12px;background-color:#896022;color:#fff;border:1px solid white;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.search-button:hover,.clear-button:hover{background-color:#1a2e6a}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);height:auto;gap:2rem;margin-top:2rem;padding:20px}@media screen and (max-width: 1200px){.board-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 800px){.board-grid{grid-template-columns:repeat(1,1fr)}}.board-card{padding:2rem;margin:1.2rem;border-radius:6px;box-shadow:0 4px 10px #0000001a;height:300px;width:300px;transform-origin:center;transition:transform .3s ease;font-family:Segoe UI,sans-serif;position:relative;box-shadow:15px 15px 15px gray}.board-card:hover{transform:scale(2);cursor:pointer}.board-card:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.054) 50%);border-bottom-right-radius:6px}.board-card-image{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.board-card-image .im{width:100%;border-radius:10px;box-shadow:0 4px 15px #0000008a;object-fit:cover;height:220px;margin-top:-5px;flex:1}.tack img{width:20%;height:auto;position:absolute;top:-15px;left:140px}.board-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.board-card-title{font-size:1.2rem;font-weight:600;margin:5px;color:#54280b;font-family:Playfair Display,serif;text-decoration:underline}.board-card-description{font-size:.8rem;color:#443a2c;margin-top:-8px;text-align:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.board-card-author{font-size:.8rem;color:#6c6254;margin-top:-15px;text-align:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:400;margin-bottom:-4px}.desc{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f2a64a18;border-radius:200px;padding:.5rem 1rem;margin-right:.3rem;margin-left:.3rem;gap:.6rem;margin-top:-.8rem;font-family:Gill l,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;border:5px solid white;box-shadow:inset 2px 2px 10px 2px #f5f5f5}.board-card-actions{display:flex;gap:15rem;margin-top:-80px;padding-left:12px;justify-content:space-evenly}.board-card-button{background-color:#fff4f400;border:none;color:#414040;border-radius:500px;padding:0}.board-card-button:hover{color:red;cursor:pointer;transition:.3s;transform:scale(1.3)}.board-card-button img{width:100px;opacity:.6}.trash-can{position:absolute;top:60px;right:50px;width:50px;height:50px;background-color:#e7c5ae7d;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:30px;box-shadow:#816652 inset 0 0 10px 2px}.trash-can.drag-over{transform:scale(1.2);transition:.3s ease}.trash-can img{width:350px;opacity:.4;transform:translateY(13px)}.trash-can img:hover{opacity:1;transition:.3s ease;transform:scale(1.1)}.trash-can img.drag-over{opacity:1;transform:scale(1.1);transition:.3s ease}.home{display:flex;flex-direction:column;align-items:center;padding:2rem}.create-board-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.create-board-form{background:#808080ba;padding:2rem;border-radius:16px;width:90%;max-width:450px;box-shadow:0 12px 24px #00000026;display:flex;flex-direction:column;gap:1rem;font-family:Gluten,cursive;animation:fadeIn .25s ease-in-out}.create-board-form h2{margin-bottom:.5rem;text-align:center;font-weight:600;color:#fff}.create-board-form input,.create-board-form textarea,.create-board-form select{padding:.75rem;border:1px solid #ccc;border-radius:10px;font-size:1rem;font-family:inherit;transition:border-color .2s}.create-board-form input:focus,.create-board-form textarea:focus,.create-board-form select:focus{outline:none;border-color:#6e76ff}.create-board-form textarea{resize:vertical;min-height:80px}.button-row button{flex:1;padding:.6rem 1rem;border:none;border-radius:10px;font-weight:500;cursor:pointer;font-size:1rem;transition:background .3s ease}.button-row button:first-child{background-color:#e0701a;color:#fff;margin-right:.5rem}.button-row button:first-child:hover{background-color:#4b53cc}.button-row button:last-child{background-color:red;color:#333}.button-row button:last-child:hover{background-color:#ddd}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.image-results{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;justify-content:center}.image-option{width:120px;height:90px;object-fit:cover;cursor:pointer;border:3px solid transparent;border-radius:6px;transition:transform .2s,border .2s}.image-option:hover{transform:scale(1.05)}.image-option.selected{border-color:#ffa726;box-shadow:0 0 10px #ffa72699}.image-option:after{content:"⚠️";font-size:24px;display:block;text-align:center;line-height:75px;background-color:#f0f0f0;border-radius:8px;color:#aaa;visibility:hidden}.image-option:invalid,.image-option[src=""],.image-option:not([src]){visibility:hidden}.image-option:invalid:after{visibility:visible}.image-search-group button{padding:.6rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;background-color:#896022;color:#fff;transition:background-color .3s ease;margin-left:4px}.image-search-group button:hover{background-color:#8b5c1f}.footer{text-align:center;padding:6px 0;font-size:16px;color:#fff;background-color:#a17a54;border-top:5px double #78695e}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.create-card-modal{background:#808080ba;padding:2rem;border-radius:12px;width:90%;max-width:500px;box-shadow:0 4px 10px #0003;z-index:1000}.form-input{width:100%;padding:.75rem;margin-bottom:1rem;border-radius:8px;border:1px solid #ccc;font-size:1rem;font-family:Gluten,cursive}.button-row{display:flex;justify-content:space-between;margin-top:1rem}.submit-button{background-color:#b37826;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer}.cancel-button{background-color:#e5e7eb;color:#000;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer}.search-button{padding:.6rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;background-color:#896022;color:#fff;margin-left:.5rem}.gif-results{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem;justify-content:center}.gif-thumb{width:100px;height:100px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s,border .2s}.gif-thumb:hover{transform:scale(1.05);box-shadow:0 4px 10px #0003}.gif-thumb.selected{border:4px solid #ff8c42;box-shadow:0 0 15px #ff8c4299;transform:scale(1.1)}.board-page{padding:40px 20px;background-color:#fffaf0;min-height:100vh;text-align:center;font-family:Gluten,cursive}.board-page h1{font-size:2.5rem;margin-bottom:20px;font-weight:700}.board-page .create-button{background-color:#996e2f;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin-bottom:40px;transition:background .3s ease}.board-page .create-button:hover{background-color:#333}.board-page .card-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.board-page .board-card{display:flex;flex-direction:column;justify-content:space-between;padding:1rem;margin:1.2rem;border-radius:6px;height:420px;width:300px;transform-origin:center;transition:transform .3s ease;font-family:Gluten,cursive;position:relative;box-shadow:15px 15px 15px gray;background-color:#fefefe}.board-page .board-card:hover{transform:scale(1.05);cursor:pointer}.board-page .board-card:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.1) 50%);border-bottom-right-radius:6px}.board-page .board-card-image{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.board-page .board-card-image .im{width:100%;border-radius:6px;object-fit:cover;height:220px;flex:1}.board-page .desc{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f2a64a18;border-radius:200px;padding:.5rem 1rem;margin:.5rem auto 0;font-family:Gill Sans,Calibri,Trebuchet MS,sans-serif;border:5px solid white;box-shadow:inset 2px 2px 10px 2px #f5f5f5;width:90%}.board-page .board-card-title{font-size:1.1rem;font-weight:600;margin:5px;color:#54280b;text-decoration:underline;text-align:center}.board-page .board-card-description{font-size:.8rem;color:#565651;margin-top:-5px;text-align:center;font-family:Gluten,cursive}.board-page .board-card-actions{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:1rem}.board-page .board-card-button{background-color:transparent;border:none;color:#414040;cursor:pointer;display:flex;align-items:center;font-size:18px;padding:2px;transition:transform .2s ease}.board-page .board-card-button:hover{color:red;transform:scale(1.3)}.board-page .heart-container{display:flex;align-items:center;gap:6px;font-size:16px;margin-top:-7px}.board-page .heart-container .heart-icon{font-size:24px;opacity:.8}.board-page .heart-container .upvote-count{font-size:16px;font-weight:700;margin:0;padding:0}.board-page .board-card-button:hover .heart-icon{color:red}.back-button{background-color:#fff7e6;color:#5c432d;border:2px solid #dab785;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:700;font-family:Gluten,cursive;cursor:pointer;transition:all .3s ease;box-shadow:2px 2px 4px #0000001a}.back-button:hover{background-color:#f4e3c1;transform:scale(1.03)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:#fffaf7;border-radius:20px;padding:24px;width:90%;max-width:500px;box-shadow:0 12px 24px #00000040;position:relative;text-align:center}.close-button{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;cursor:pointer}.comment-gif{max-width:100%;border-radius:12px;margin:12px 0}.comment-form{display:flex;flex-direction:column;gap:10px;margin-top:16px}.comment-form textarea{resize:none;padding:10px;font-size:14px;border-radius:10px;border:1px solid #ccc;min-height:80px}.comment-form input{padding:8px;font-size:14px;border-radius:10px;border:1px solid #ccc}.comment-form button{background-color:#5c4d7d;color:#fff;border:none;padding:10px;font-size:15px;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.comment-form button:hover{background-color:#4b3c66}.comments-list{margin-top:20px;text-align:left}.comment-item{background:#f5f5f5;padding:10px 12px;margin-bottom:10px;border-radius:12px}.comment-item p{margin:0}.comment-item small{color:#666;font-style:italic}body,html,#root{margin:0;padding:0;width:100%;min-height:100%;background-color:#fffaf0;box-shadow:inset 2px 2px 50px 10px #deb887}body{border:groove 15px #deb887;width:98.3%}.App{display:flex;justify-content:center;min-height:100vh;width:100%}.app-wrapper{display:flex;flex:1;flex-direction:column;min-height:100vh}.main-content{flex:1}