@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.pin-item-hp{position:relative;border-radius:12px;overflow:hidden;margin-bottom:26px;width:100%}.pin-item-hp img{width:100%;height:auto;object-fit:cover;display:block;border-radius:12px}.like-button-container-hp{position:absolute;top:10px;left:10px;z-index:10}.heart-icon-hp{font-size:24px;color:#d00e23}.save-pin-button{position:absolute;top:10px;right:10px;border:none;background-color:#d00e23;border-radius:20px;padding:10px 20px;color:#fff;display:none}.pin-item-hp:hover{opacity:.8}.pin-item-hp:hover .save-pin-button{display:flex;justify-content:center;align-items:center}.save-pin-button:hover{background-color:#b71122}.masonry-grid{display:flex;flex-wrap:wrap;margin:-16px}.masonry-grid-column{padding:16px;box-sizing:border-box;flex:0 0 auto}@media (min-width: 500px){.masonry-grid-column{width:calc(50% - 32px)}}@media (min-width: 600px){.masonry-grid-column{width:calc(33.33% - 32px)}}@media (min-width: 900px){.masonry-grid-column{width:calc(25% - 32px)}}@media (min-width: 1200px){.masonry-grid-column{width:calc(20% - 32px)}}@media (min-width: 1400px){.masonry-grid-column{width:calc(16.67% - 32px)}}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff;border-radius:20px;margin-top:60px}.modal-buttons{display:flex;gap:20px}#add-pin-to-board-modal-container{display:flex;flex-direction:column;align-items:center;border-radius:20px;box-shadow:0 0 10px #969696;padding:20px;width:400px;overflow:auto}.error-container-add-pin-to-board{color:red;height:50px;margin-top:5px;overflow:hidden;display:flex;align-items:center}.board-selection{text-align:center}.add-pin-to-board-buttons{display:flex;gap:20px;justify-content:center}#add-pin-to-board-modal-container button{width:100px;border-radius:8px;border:none;background-color:#5f81f3;color:#fff}#add-pin-to-board-modal-container button:hover{background-color:#5574da}.like-button-container{display:flex;align-items:center}.like-button{border:none;background:transparent;cursor:pointer}.heart-icon{height:30px;width:30px}.heart-icon:hover,.heart-icon.liked{color:#d00e23}.liked-text{margin-left:8px}@media screen and (max-width: 768px){.heart-icon.empty{color:#fff}.heart-icon.empty:hover{color:#d00e23}}@media screen and (max-width: 480px){.heart-icon.empty{color:#fff}.heart-icon.empty:hover{color:#d00e23}}#homepage-main-container{padding:0 50px}.login-signup-buttons{display:flex;justify-content:center;align-items:center;height:35px;width:70px;border-radius:20px;transition:background-color .3s ease}.login-signup-buttons:hover{background-color:#f0f0f0;color:#000}#login-main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;width:300px;max-height:1000px}#login-main-container button{border-radius:8px;border:none;background-color:#5f81f3;color:#fff}#login-main-container button:hover{background-color:#5574da}#login-form{display:flex;flex-direction:column;width:200px}#login-form label{position:relative;display:block;width:100%;font-size:16px}#login-form input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;outline:none}#login-form input::placeholder{color:transparent}#login-form label span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#aaa;font-size:16px;transition:all .2s ease;pointer-events:none}#login-form input:focus+span,#login-form input:not(:placeholder-shown)+span{top:-10px;left:5px;font-size:12px;color:#333;background-color:#fff;padding:0 5px}#login-form input:focus{border-color:#007bff}.error-container-login{height:10px;color:red;font-size:12px;padding-left:10px}.error-container-login p{margin:0;line-height:0px}#signup-main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:500px;max-height:1100px}#signup-form{width:100%;max-width:500px}form{display:flex;flex-direction:column;gap:18px}form label{position:relative;display:block;width:100%;font-size:16px}form input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;outline:none}form input::placeholder{color:transparent}form label span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#aaa;font-size:16px;transition:all .2s ease;pointer-events:none}form input:focus+span,form input:not(:placeholder-shown)+span{top:-10px;left:5px;font-size:12px;color:#333;background-color:#fff;padding:0 5px}form input:focus{border-color:#007bff}.upload-pfp-text-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.profile-image-wrapper{display:flex;justify-content:space-between;align-items:center;gap:10px}#profile-image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #ccc;border-radius:8px;background-color:#fafafa;cursor:pointer;transition:border-color .3s ease;position:relative;flex:1}#profile-image-container:hover{border-color:#ff4500}#profile-image-container img{margin-top:20px;max-width:100%;max-height:150px;border-radius:8px;object-fit:cover}.remove-image-container-pfp{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;flex:0 0 auto}.remove-image-btn-pfp{width:200px;border:none;background-color:transparent;color:red;cursor:pointer}.error-container-signup{color:red;height:10px;margin-top:5px;overflow:hidden;display:flex;align-items:center}.submit-signup-form{border-radius:8px;border:none;background-color:#5f81f3;color:#fff}.submit-signup-form:not(:disabled):hover{background-color:#5574da}.error-container-signup{color:red;height:16px;margin-top:5px;overflow:hidden;top:-15px;display:flex;position:relative;align-items:center}.error-container-signup p{margin:0;line-height:0px}#profile-button{height:45px;width:45px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;transition:background-color .3s ease;z-index:10}#profile-button:hover{background-color:#f0f0f0}.profile-dropdown{border:solid 1px #dddddd;position:absolute;top:55px;right:10px;list-style-type:none;border-radius:15px;background-color:#fff;padding:10px;width:200px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:5px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.profile-dropdown.hidden{display:none}.profile-dropdown li{padding:5px 10px;text-align:center;overflow-wrap:break-word;word-wrap:break-word;white-space:normal;word-break:break-all}.profile-dropdown li button{background-color:#e0e0e0;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;width:100%;text-align:center}.profile-dropdown li button:hover{background-color:silver}.manage-pins-button{padding:5px 10px;border-radius:10px}.manage-pins-button:hover{background-color:silver}.pin-item-search-bar{position:relative;width:200px;height:200px;text-align:center;border:1px solid #ccc;border-radius:10px;box-sizing:border-box;overflow:hidden;transition:background-color .3s ease}.pin-item-search-bar:hover{background-color:#ffffffd3}.pin-link-search-bar{display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none;position:relative}.pin-image-search-bar{width:100%;height:100%;object-fit:cover}.pin-info{display:flex;flex-direction:column;justify-content:flex-end;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;opacity:0;transition:opacity .3s ease;padding:10px}.pin-item-search-bar:hover .pin-info{opacity:1}.pin-title-search-bar{font-size:14px;margin:0}.pin-info p{margin:0;font-size:12px}#query-suggestions-container{padding:20px}#query-suggestions-list{display:flex;justify-content:center;flex-direction:column}.query-suggestion-item{display:flex;align-items:center;gap:5px;padding:5px}#search-main-container{position:relative;width:100%;max-width:1200px;margin:0 auto;z-index:150}#search-bar{display:flex;align-items:center;border:1px solid #ccc;border-radius:25px;padding:5px;background-color:#fff;z-index:200}#search-bar input{border:none;outline:none;flex:1;padding:5px}.search-icon{color:#888;margin-left:5px}#search-dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border-radius:25px;box-shadow:0 2px 10px #0000001a;z-index:1000;max-height:800px}#dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:50}#search-dropdown-list{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;margin:0;padding:10px;gap:20px;box-sizing:border-box}.search-dropdown-item{flex:1 1 calc(20% - 20px);max-width:200px;min-width:150px;margin:5px;cursor:pointer;transition:transform .2s}.no-results{padding:10px;text-align:center;color:#888}#create-button{height:45px;width:100px;border-radius:25px;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;transition:background-color .3s ease;z-index:10}#create-button:hover{background-color:#f0f0f0}.button-normal{background-color:#fff}.button-active{background-color:#e0e0e0}.create-dropdown{border:solid 1px #dddddd;position:absolute;top:55px;right:10px;list-style-type:none;border-radius:15px;background-color:#fff;padding:10px;width:200px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:5px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.create-dropdown.hidden{display:none}.create-dropdown li{padding:5px 10px;text-align:center;overflow-wrap:break-word;word-wrap:break-word;white-space:normal;word-break:break-all}.create-dropdown li a{display:block;text-decoration:none;color:#000}.create-dropdown li a:hover{background-color:#e0e0e0;border-radius:5px;padding:5px}body{padding-top:60px}.profile-dropdown{position:absolute}#logo-homepage-container{display:flex;justify-content:center;align-items:center;text-decoration:none}#navigation-main-container{height:60px;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px;box-shadow:0 2px 4px #0000001a}#nav-left-container{display:flex;justify-content:center;align-items:center;gap:20px}#nav-middle-container{flex:1;display:flex;justify-content:center;align-items:center}#nav-explore-create-button{display:flex;justify-content:center;align-items:center;height:35px;width:70px;border-radius:20px;cursor:pointer;transition:background-color .3s ease}#nav-explore-create-button:hover{background-color:#f0f0f0;color:#000}#nav-right-container{display:flex;justify-content:space-between;align-items:center;gap:20px}#footer-container{display:flex;align-items:center;justify-content:space-between;flex-direction:row;height:60px;padding:10px;box-shadow:0 -2px 4px #0000001a;margin-top:10px}#contact-links{display:flex;justify-content:space-between;gap:20px}.comment-form-container{margin-top:20px;position:relative}.comment-form{display:flex;flex-direction:column}.textarea-container{display:flex;align-items:center;position:relative}.comment-textarea{width:100%;resize:none;padding:10px;margin-bottom:10px;border-radius:50px;box-sizing:border-box}.leave-comment-submit-button{display:flex;justify-content:center;align-items:center;position:absolute;right:10px;top:50%;transform:translateY(-65%);padding:10px;background-color:#6c87f3;border:none;color:#fff;border-radius:100px;cursor:pointer}.leave-comment-submit-button:hover{background-color:#5677fc}.error-container-comments{color:red;font-size:12px;padding-left:10px;margin-top:5px;height:16px;overflow:hidden;position:absolute;bottom:-10px;width:100%}.error-container-comments p{margin:0;line-height:16px}#container-delete-comment-modal{display:flex;flex-direction:column;align-items:center;border-radius:20px;box-shadow:0 0 10px #969696;padding:20px}#container-delete-comment-modal button{width:100px;border-radius:8px;border:none;background-color:#5f81f3;color:#fff}#container-delete-comment-modal button:hover{background-color:#5574da}#edit-comment-modal{display:flex;flex-direction:column;align-items:center;border-radius:20px;box-shadow:0 0 10px #969696;padding:30px;width:350px}#edit-comment-modal button{width:100px;border-radius:8px;border:none;background-color:#5f81f3;color:#fff}#edit-comment-modal button:hover{background-color:#5574da}.error-container-edit-comment{color:red;font-size:12px;margin-top:5px;height:16px;overflow:hidden;position:absolute;bottom:62px;width:100%}.error-container-edit-comment p{margin:0;line-height:15px}#comments-main-container{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;padding:20px}#comments-shown-here{display:flex;flex-direction:column;gap:20px}.comment-item{display:flex;flex-direction:row;gap:10px}.comments-user-profile-pic{width:30px;height:30px;border-radius:50%;object-fit:cover}.date-edit-and-delete-comment-buttons{display:flex;flex-direction:row;align-items:center;gap:20px}.date-edit-and-delete-comment-buttons button{border:none;background-color:transparent;color:#5555e0}.comment-content{word-break:break-word;white-space:pre-wrap}#pin-details-main-container{display:flex;flex-direction:row;justify-content:space-between;padding-top:20px;max-height:2000px}#left-section-container-pin-details,#right-section-container-pin-details{flex:1}#middle-main-content-section{box-sizing:border-box;display:flex;justify-content:space-between;border-radius:20px;max-width:1100px;margin:0 auto;width:100%;box-shadow:0 0 10px #969696}#main-left-container{width:50%;display:flex;justify-content:center;overflow:hidden;border-radius:20px 0 0 20px;position:relative}.pin-details-image-display{width:100%;height:auto;object-fit:contain;object-position:top}#main-right-container{width:50%}#top-section-likes-pin-container,#left-section-middle-pin-creator-follow,#left-section-more-like-this,#left-section-comments-container,#title-description-pin-details-container{display:flex;justify-content:space-between;align-items:center;padding:25px;max-height:1000px}#pin-title-description-container{display:flex;flex-direction:column}#pin-creator-details{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.pin-creator-profile-pic{width:50px;height:50px;border-radius:50%;object-fit:cover}#right-section-likes-pin button{display:flex;justify-content:center;align-items:center;border:2px solid;background-color:#d00e23;border-radius:20px;padding:20px;color:#fff}#right-section-likes-pin button:hover{background-color:#b71122}.description-pin-details,.title-pin-details,.pin-tags-pin-details{word-break:break-all}#left-section-comments-container{flex:1}#show-comments{flex:1;max-height:1000px}@media screen and (max-width: 768px){#pin-details-main-container{flex-direction:column}#middle-main-content-section{flex-direction:column;width:100%;max-width:100%}#main-left-container{width:100%;border-radius:0}#main-right-container{width:100%;padding:0}#top-section-likes-pin-container{position:absolute;top:120px;left:10px;right:10px;z-index:1;flex-direction:row;justify-content:space-between}#pin-title-description-container{margin-top:10px;text-align:center}#left-section-comments-container{margin-top:20px;padding:10px}}@media screen and (max-width: 480px){#pin-details-main-container{padding:10px}#top-section-likes-pin-container{padding:10px;flex-direction:column;justify-content:center}#right-section-likes-pin button{padding:10px}#pin-title-description-container h1{font-size:24px}#pin-creator-details{flex-direction:column;gap:5px}.pin-creator-profile-pic{width:40px;height:40px}#main-left-container img{max-height:300px}}#edit-pin-modal-container{display:flex;flex-direction:column;align-items:center;border-radius:20px;box-shadow:0 0 10px #969696;padding:20px;width:400px;overflow:auto}.remove-image-btn-edit{position:absolute;top:-10px;right:-10px;background:red;color:#fff;border:none;border-radius:50%;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center}#image-url-container-edit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px dashed #ccc;border-radius:8px;background-color:#fafafa;cursor:pointer;margin-bottom:20px;transition:border-color .3s ease;position:relative;height:400px;width:300px;max-height:500px;max-width:500px;overflow:hidden}#image-url-container-edit:hover{border-color:#ff4500}.image-preview-edit{max-width:100%;max-height:200px}.upload-label-edit{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.filename-edit{margin-top:10px;font-size:14px;color:#555;word-wrap:break-word;text-align:center;max-width:100%}#creating-pin-description textarea{padding:10px}.error-container-edit-pin{color:red;height:50px;margin-top:5px;overflow:hidden;display:flex;align-items:center}.save-edit-button{border-radius:8px;border:none;background-color:#5f81f3;color:#fff}.save-edit-button:hover{background-color:#5574da}#delete-pin-modal-container{display:flex;flex-direction:column;align-items:center;border-radius:20px;box-shadow:0 0 10px #969696;padding:20px}#delete-pin-modal-container button{width:100px;border-radius:8px;border:none;background-color:#5f81f3;color:#fff}#delete-pin-modal-container button:hover{background-color:#5574da}#selected-tags{display:flex;flex-direction:column;gap:5px}.selected-tag{display:flex;gap:10px}.remove-tag-btn{background-color:transparent;color:red;border:none;cursor:pointer;height:20px;display:flex;align-items:center;justify-content:center}#tags{height:100px}#pin-items-container{display:flex;flex-wrap:wrap;gap:16px}.pin-item{position:relative;width:280px;height:280px;text-align:center;border:1px solid #ccc;border-radius:10px;box-sizing:border-box;overflow:hidden}.pin-item img{width:100%;height:100%;object-fit:cover}.pin-item-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fffc;opacity:0;transition:opacity .3s ease;pointer-events:none}.pin-item:hover .pin-item-content{opacity:1;pointer-events:auto}.pin-actions-buttons{position:absolute;bottom:8px;right:8px;display:flex;gap:10px;opacity:0;transition:opacity .3s ease}.pin-item:hover .pin-actions-buttons{opacity:1}.pin-actions-buttons button{background:none;border:none;cursor:pointer;color:#a1a1a1;transition:color .3s ease}.pin-icons{font-size:20px}.delete-pin-button-manage:hover{color:red}.edit-pin-button:hover{color:#5772ea}.edit-tags-button:hover{color:#22c064}#manage-pins-container{width:1200px;margin:0 auto}.no-pins-container{padding:10px;background-color:#f9f9f9;border:2px dashed #ccc;border-radius:10px;margin-top:20px;font-size:16px}.loader{font-size:18px;color:#333}#pin-form-container{width:1000px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;justify-content:center}#image-url-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px dashed #ccc;border-radius:8px;background-color:#fafafa;cursor:pointer;margin-bottom:20px;transition:border-color .3s ease;position:relative;max-height:1000px}#image-url-container:hover{border-color:#ff4500}#image-url-container img{margin-top:10px;max-width:100%;max-height:300px;border-radius:8px;object-fit:cover}.remove-image-btn{position:absolute;top:0;right:0;background:red;color:#fff;border:none;border-radius:50%;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center}#creating-pin-description{display:flex;flex-direction:column}.error-container-pinform{color:red;height:15px;margin-top:5px;overflow:hidden;display:flex;align-items:center}.create-pin-submit-button{border-radius:8px;border:none;background-color:#5f81f3;color:#fff}.create-pin-submit-button:hover{background-color:#5574da}#board-container{width:1000px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;justify-content:center}#board-name,#board-image{margin-bottom:20px}#board-name label,#board-image label{display:flex;flex-direction:column;align-items:center}#board-name input,#board-image input{width:100%}#board-name input{margin-top:5px;border:1px solid #ccc;border-radius:8px;padding:10px}#board-name input:focus{border-color:#5f81f3;outline:none}#board-image{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px dashed #ccc;border-radius:8px;background-color:#fafafa;cursor:pointer;transition:border-color .3s ease;position:relative}#board-image:hover{border-color:#ff4500}.upload-label{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;cursor:pointer}#board-image img{margin-top:10px;max-width:100%;max-height:300px;border-radius:8px;object-fit:cover}#board-private{display:flex;align-items:center}.error-container-boardform{color:red;height:15px;margin-top:5px;overflow:visible;display:flex;align-items:center}.create-board-submit-button{border-radius:8px;border:none;background-color:#5f81f3;color:#fff}.create-board-submit-button:hover{background-color:#5574da}#edit-board-modal-container{width:500px;padding:20px}.modal-button-actions{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.edit-board-submit-button{width:300px;border-radius:8px;border:none;background-color:#5f81f3;color:#fff}.edit-board-submit-button:hover{background-color:#5574da}.edit-board-cancel-button{width:300px;border-radius:8px;border:none;background-color:#5f81f3;color:#fff}.edit-board-cancel-button:hover{background-color:#5574da}.delete-board-button{border:none;background-color:transparent;color:red}#board-image{position:relative}.image-container{display:flex;flex-direction:column;align-items:center}.remove-image-button{position:absolute;top:240px;right:10px;background-color:transparent;color:red;border:none;padding:5px 10px;cursor:pointer}.upload-text{cursor:pointer;color:#007bff}.edit-boards-error-container{color:red}#delete-board-modal-container{display:flex;flex-direction:column;align-items:center;border-radius:20px;box-shadow:0 0 10px #969696;padding:20px}#delete-board-modal-container button{width:100px;border-radius:8px;border:none;background-color:#5f81f3;color:#fff}#delete-board-modal-container button:hover{background-color:#5574da}.delete-boards-modal-buttons{display:flex;justify-content:center;gap:20px}#board-items-container{display:flex;flex-wrap:wrap;gap:16px}.board-item{position:relative;width:280px;height:280px;text-align:center;border:1px solid #ccc;border-radius:10px;box-sizing:border-box;overflow:hidden}.board-image{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s ease}.board-item:hover .board-image{opacity:1}.board-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:16px;font-weight:700}.board-actions-buttons{position:absolute;bottom:8px;right:8px;display:flex;gap:10px;opacity:0;transition:opacity .3s ease}.board-item:hover .board-actions-buttons{opacity:1}.board-actions-buttons button{background:none;border:none;cursor:pointer;color:#a1a1a1}.board-icons{font-size:20px}.delete-board-button:hover{color:red}.edit-board-button:hover{color:#5772ea}#manage-boards-container{width:1200px;margin:0 auto}.no-boards-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:200px;border:2px dashed #ccc;background-color:#f9f9f9;border-radius:8px;color:#333;font-size:18px;text-align:center;padding:20px;margin-top:20px;cursor:pointer;transition:border-color .3s ease;position:relative}.no-boards-container:hover{border-color:#ff4500}#user-profile-main-container{padding:0 50px}#user-profile-top-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.user-profile-image img{width:200px;height:200px;border-radius:100%}.user-profile-username{display:flex;justify-content:center;align-items:center;gap:5px}.user-profile-username img{width:20px;height:20px}#user-profile-bottom-container{display:flex;justify-content:center;align-items:center;flex-direction:column}#user-profile-tabs{display:flex;flex-direction:row;justify-content:center;gap:10px;font-size:26px}#user-profile-tabs button{border:none;background-color:transparent;display:flex;justify-content:center;align-items:center;padding:10px;border-radius:8px}#user-profile-tabs button.active{text-decoration:underline;font-weight:700}#user-profile-tabs button:hover{background-color:#d1d1d1}#user-profile-tabs button.active:hover{background-color:transparent}#delete-pin-from-board-modal-container{display:flex;flex-direction:column;align-items:center;border-radius:20px;box-shadow:0 0 10px #969696;padding:20px}#delete-pin-from-board-modal-container button{width:100px;border-radius:8px;border:none;background-color:#5f81f3;color:#fff}#delete-pin-from-board-modal-container button:hover{background-color:#5574da}.delete-pin-from-board-modal-buttons{display:flex;justify-content:center;gap:20px}#board-pins-container{width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.boardpin-item{background-color:#fff;border:1px solid #ddd;border-radius:12px;overflow:hidden;position:relative}.boardpin-item img{width:100%;height:100%;object-fit:cover}.boardpin-item-container{position:relative;width:200px;height:200px}.boardpin-item{display:block;width:100%;height:100%}.delete-pin-button{position:absolute;bottom:8px;right:8px;background:none;border:none;cursor:pointer;color:#a1a1a1;font-size:20px}.delete-pin-button:hover{color:red}*{padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:14px}:root{--primary-color: rgb(0, 0, 0) }h1{font-size:1.6rem;font-weight:100}li{list-style-type:none}a{text-decoration:none;cursor:pointer;color:inherit}button{height:30px;cursor:pointer}input{outline:none;height:30px;padding:0 5px}textarea{resize:vertical}select{height:30px}