.create-pin-container{margin-top:70px}.create-pin-container .choose-file input{display:none}.create-pin-container .choose-file .choose-file-button{all:unset;width:400px;height:500px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:20px;cursor:pointer;font-size:20px;background-color:#e9e9e9;border-radius:40px}.create-pin-container .choose-file-button i{width:40px;height:40px;background-color:#000;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.create-pin-container .choose-file img{max-width:500px}.uploaded-image-container{display:flex;flex-direction:column;gap:25px;align-items:center}.uploaded-image-container img{border-radius:40px}.uploaded-image-container .replace-file-button{all:unset;width:75%;padding:10px 0;background-color:#e9e9e9;border-radius:40px;display:flex;justify-content:center;cursor:pointer;transition:.3s ease}.uploaded-image-container .replace-file-button:hover{background-color:#d7d6d6}.uploaded-image-container span{background-color:#cdcdcd;height:1px;width:100%}.create-pin-container{display:flex;flex-direction:column}.create-pin-container .header{display:flex;justify-content:space-between;padding:30px 60px 20px;border-bottom:1px solid white;border-top:1px solid #CDCDCD;margin-bottom:30px;align-items:center}.create-pin-container .header .publish-button-header{all:unset;padding:15px 18px;color:#fff;background-color:#ff0079;border-radius:40px;display:flex;justify-content:center;cursor:pointer;transition:.3s ease}.create-pin-container .header .publish-button-header:hover{background-color:#fff;color:#ff0079}.create-pin-container .left-column .choose-file{display:flex;flex-direction:column}.create-pin-container form{display:flex;flex-direction:row;justify-content:center;gap:50px;padding:0 80px}.create-pin-container .left-column,.create-pin-container .right-column{width:50%}.create-pin-container .left-column{display:flex;justify-content:end}.create-pin-container .right-column{display:flex;flex-direction:column;gap:20px}.create-pin-container .right-column.disabled{color:#cdcdcd}.create-pin-container .right-column .link h5,.create-pin-container .right-column .title h5{display:flex;gap:5px;color:#000}.create-pin-container .right-column .link h5 p,.create-pin-container .right-column .title h5 p{color:red}.create-pin-container .right-column .title input,.create-pin-container .right-column .link input{all:unset;border:1px solid #CDCDCD;width:500px;padding:10px;border-radius:15px;margin-top:5px;background-color:#fff}.create-pin-container .right-column .title input::placeholder,.create-pin-container .right-column .link input::placeholder,.create-pin-container .right-column .description textarea::placeholder{color:#cdcdcd}.create-pin-container .right-column .description textarea{all:unset;border:1px solid #CDCDCD;width:500px;height:70px;resize:none;padding:10px;border-radius:15px;margin-top:5px;background-color:#fff;white-space:normal;overflow-wrap:break-word;word-wrap:break-word}.create-pin-container .right-column .title input:disabled,.create-pin-container .right-column .link input:disabled,.create-pin-container .right-column .description textarea:disabled{background-color:#fff;border:1px solid #eeeeee}.description h5{color:#000}@media (max-width: 950px){.create-pin-container form{flex-direction:column;align-items:center;gap:20px}.create-pin-container .left-column,.create-pin-container .right-column{width:100%}.create-pin-container .left-column{justify-content:center}.create-pin-container .right-column{align-items:center;padding-bottom:50px}}.notification-container{position:fixed;top:110px;left:20px;z-index:1000;background-color:#333;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 4px 8px #0003;opacity:0;transition:opacity .3s ease}.notification-container.show{opacity:1}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff;border-radius:30px}.custom-dropdown{position:relative;display:inline-block;width:100%}.custom-dropdown .dropdown-header{padding:10px;border:2px solid lightgrey;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:10px;color:gray}.custom-dropdown .dropdown-header i{font-size:15px;color:#000}.custom-dropdown .dropdown-arrow{margin-left:10px;transition:transform .3s ease}.custom-dropdown .dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown .dropdown-list{position:absolute;top:100%;left:0;right:0;background-color:#fff;border-bottom:2px solid lightgrey;border-right:2px solid lightgrey;border-left:2px solid lightgrey;max-height:200px;overflow-y:auto;z-index:1000;margin:0 5px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.custom-dropdown .dropdown-item{padding:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.custom-dropdown .dropdown-item:hover{background-color:#f1f1f1}.custom-dropdown .board-name{flex-grow:1}.custom-dropdown .checkmark{color:#239323;margin-left:10px}.custom-dropdown .checkmark i{font-size:20px}.edit-pin-container{display:flex;flex-direction:column;height:100%;width:510px;position:fixed;background-color:#fff;top:0;right:0;padding:20px;font-family:Arial,Helvetica,sans-serif}.edit-pin-title{margin-top:10px;margin-bottom:40px;font-size:30px}.edit-pin-field-container{display:flex;flex-direction:column;margin:20px 0}.edit-pin-field-container .edit-pin-label p{color:red}.edit-pin-label{margin:5px 0;color:#000;font-size:small}.edit-pin-input{border-radius:10px;height:45px;border:2px solid lightgrey;padding:0 10px;margin-bottom:10px;font-size:medium}.edit-pin-input.edit-pin-text{height:70px;padding:15px 10px;font-family:Arial,Helvetica,sans-serif}.edit-pin-buttons{position:fixed;bottom:0;right:0;display:flex;justify-content:end;gap:10px;width:510px;padding:20px;background-color:#fff}.edit-pin-buttons button{padding:13px 15px;border-radius:40px;font-size:medium;border:none;cursor:pointer}.edit-delete-pin:hover{background-color:#cdcdcd}.edit-pin-save-button{color:#fff;background-color:#ff0079}.edit-pin-save-button:hover{color:#fff;background-color:#da0569}@media (max-height: 650px){.edit-pin-buttons{box-shadow:0 -3px 10px #d3d3d3}}.delete-pin-modal-container{width:530px;height:230px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.delete-pin-modal-title{font-weight:400;font-size:30px}.delete-pin-modal-text{font-weight:400;font-size:16px;margin:0 20px}.delete-pin-modal-buttons>button{margin:0 5px;padding:10px;font-size:18px;border-radius:30px;border:none}.delete-pin-modal-cancel{color:#000}.delete-pin-modal-cancel:hover{cursor:pointer;background-color:#cdcdcd}.delete-pin-modal-assert{color:#fff;background-color:#ff0079}.delete-pin-modal-assert:hover{cursor:pointer;background-color:#da0569}.add-board-pin-container{display:flex;gap:20px;padding:20px;background-color:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;max-height:600px}.add-board-pin-container #board-pin-image{width:300px;height:400px;border-radius:15px;margin:0;object-fit:cover}.add-board-pin-container .board-list{display:flex;flex-direction:column;justify-content:flex-start}.add-board-pin-container .board-list h2{margin-bottom:10px}.add-board-pin-container .board-button-container{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.add-board-pin-container .board-button{position:relative;text-decoration:none;background:#f1f1f1;color:#333;font-size:18px;padding:10px;border-radius:8px;border:1px solid #ddd;cursor:pointer;text-align:left;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center}.add-board-pin-container .board-button:hover{background-color:#e0e0e0}.add-board-pin-container .save-button{opacity:0;background-color:#ff0079;color:#fff;border:none;border-radius:20px;padding:10px 15px;cursor:pointer;transition:background-color .3s ease}.add-board-pin-container .save-button:hover{background-color:#fff;color:#ff0079}.add-board-pin-container .save-button.saved{opacity:1;background-color:#626262;color:#cacaca;cursor:pointer}.add-board-pin-container .save-button.saved:hover{background-color:#000;color:#fff}.add-board-pin-container .board-button:hover .save-button{opacity:1}.save-button.saved{background-color:#000}.profile-image-overlay .add-board-pin-button{background-color:#ff0079;color:#fff;font-size:14px;margin-top:-13px;padding:10px 15px;font-size:medium;border-radius:25px;cursor:pointer;transition:.2s ease}.profile-image-overlay .add-board-pin-button:hover{background-color:#fff;color:#ff0079}.view-pin-page{display:flex;justify-content:center;margin:110px 0;padding:0 100px}.view-pin-page .pin-container{width:800px;max-width:1200px;display:flex;flex-direction:row;overflow:hidden;border-radius:30px;box-shadow:0 0 30px #00000056}.view-pin-page .pin-container .left,.view-pin-page .pin-container .right{flex:1;background-color:#fff}.view-pin-page .pin-container .landing-save-button{position:absolute;opacity:0}.view-pin-page .pin-container:hover .landing-save-button{opacity:1}.view-pin-page .pin-container .left img{max-width:100%;max-height:700px;height:auto;width:auto;object-fit:contain;display:block;border-top-left-radius:30px;border-bottom-left-radius:30px}.view-pin-page .pin-container .right{display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box;height:100%;overflow:hidden}.view-pin-page .pin-container .right .info{padding:10px 20px 50px;display:flex;flex-direction:column}.view-pin-page .pin-container .right .info h2{font-size:20px}.view-pin-page .pin-container .right .info .author{margin-bottom:10px;font-size:16px}.view-pin-page .pin-container .right .info .description-line{width:100%;overflow:hidden;transition:.2s ease;padding:5px;border-radius:10px}.view-pin-page .pin-container .right .info .link-line{padding:5px;font-size:14px;color:#7b7b7b}.view-pin-page .pin-container .right .info .link-line:hover{text-decoration:underline}.view-pin-page .pin-container .right .info .description-line:hover{background-color:#c7c7c724}.view-pin-page .pin-container .right .info p{all:unset}.view-pin-page .right .favorite-edit{margin:20px 20px 0;display:flex;justify-content:space-between;align-items:center}.view-pin-page .right .favorite-edit .edit-pin{all:unset;display:flex;align-items:center;justify-content:center;background-color:#fd0079;padding:10px;border-radius:20px;position:relative;gap:5px;width:20px;transition:.2s ease}.view-pin-page .right .favorite-edit .edit-pin:hover{background-color:#fd0079;width:60px;cursor:pointer}.view-pin-page .right .favorite-edit .edit-pin i{font-size:20px;color:#fff}.view-pin-page .right .favorite-edit .edit-pin span{display:none;color:#fff;transition:display .2s ease}.view-pin-page .right .favorite-edit .edit-pin:hover span{display:inline}.view-pin-page .right .favorite-edit button{all:unset}.view-pin-page .right .favorite-edit .favorite i{font-size:25px;width:25px;height:25px;color:#353535;transition:transform .2s ease,color .2s ease;cursor:pointer}.view-pin-page .right .favorite-edit .favorite.favorited i{color:gold}.view-pin-page .right .favorite-edit .favorite.clicked i{transform:scale(1.4)}.view-pin-page .pin-container .right .comment-container{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden}.right .comment-container .comments{margin:0 25px}.right .comment-container .comments .header{border-bottom:1px solid #c6c6c6}.right .comment-container .comments .header span{font-size:14px;font-weight:700}.right .comment-container .comments-section{flex-grow:1;overflow-y:auto;max-height:310px;margin:10px 0 0;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.right .comments-section p{color:#c6c6c6}.comments-section .individual-comment{display:flex;gap:5px;flex-direction:column}.comments-section .comment{font-size:15px;display:flex;gap:5px}.comments-section .comment span{flex-wrap:wrap;width:100%;word-wrap:break-word;overflow:hidden;font-weight:400}.comments-section h4{font-size:15px}.comments-section .individual-comment .options .buttons{display:flex;gap:5px}.comments-section .individual-comment .options .buttons button{all:unset;font-size:12px;color:#c6c6c6;transition:.2s ease}.comments-section .individual-comment .options .buttons button:hover{color:#9a9a9a;cursor:pointer}.individual-comment form{display:flex;gap:5px}.individual-comment form button{all:unset;font-size:14px;color:#c6c6c6;transition:.2s ease}.individual-comment form button:hover{cursor:pointer;color:#9a9a9a}.individual-comment input{all:unset;font-size:15px;padding:5px 10px;border:1px solid #c6c6c6;border-radius:20px;width:200px;background-color:#fff}.right .comment-container .input-box{padding:15px;border-bottom-right-radius:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;flex-shrink:0}.right .comment-container .input-box input::placeholder{color:#c6c6c6}.right .comment-container .input-box input{all:unset;padding:10px 50px 10px 10px;border:1px solid #c6c6c6;border-radius:40px;width:300px;background-color:#fff}.right .comment-container .input-box button{all:unset;position:absolute;right:7px;top:50%;transform:translateY(-50%)}.right .comment-container .input-box button i{font-size:15px;padding:7px;border-radius:50%}.right .comment-container .input-box button.inactive i{color:#fff;background-color:#7b7b7b}.right .comment-container .input-box button.active i{color:#fff;background-color:#fd0079}.right .comment-container .input-box button.active:hover i{background-color:#fd0079;cursor:pointer}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;background-color:#000000a7;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:110%;left:47%;margin-left:-70px;opacity:0;transition:opacity .3s}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.delete-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-modal-content{background-color:#fff;padding:20px;border-radius:8px;text-align:center}.delete-modal-buttons{margin-top:20px;display:flex;justify-content:space-around}.delete-modal-buttons button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.delete-modal-buttons button:first-child{background-color:#ff4d4d;color:#fff}.delete-modal-buttons button:last-child{background-color:#ccc;color:#000}@media (max-width: 950px){.view-pin-page{padding:0 20px}.view-pin-page .pin-container{flex-direction:column;max-width:100%;width:100%}.view-pin-page .pin-container .left{width:100%;border-radius:30px 30px 0 0}.view-pin-page .pin-container .right{width:100%;border-radius:0 0 30px 30px}}.sign-up-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:25em;margin-top:1em}.sign-up-form label{display:flex;flex-wrap:wrap;flex-direction:column;margin-top:5px}.sign-up-form input{border:1px solid #D3D3D3;border-radius:15px;padding:15px 10px;width:300px}.signup-button{margin-top:2em;width:300px;padding-top:40px}.signup-modal input[type=text]:focus,.signup-modal input[type=password]:focus{border:.18em solid #ff0079;outline:none}.signup-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1em}.signup-modal h5{margin-left:.5em}.signup-modalp{font-size:.7em;margin-bottom:5em;font-weight:600}.to-login{margin-top:1em;cursor:pointer}.sign-up-form span{background-color:#cdcdcd;height:1px;width:70%;margin-top:20px}.login-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1em}.login-form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:1em;width:20em;height:20em;border-radius:40px}div #modal-content .login-modal,div #modal-content .signup-modal{padding:1em}.login-form label{display:flex;flex-direction:column;margin-top:5px}.login-form input{border:1px solid #D3D3D3;border-radius:15px;padding:15px 10px;width:300px}.login-buttons{display:flex;flex-direction:column;gap:10px;width:300px;padding-top:20px}.login-buttons button,.signup-button{background-color:#ff0079;color:#fff;border-radius:40px;border:none;padding:15px 20px;cursor:pointer;font-size:.8em;font-weight:500;transition:.3s ease}.login-buttons button:hover,.signup-button:hover{background-color:#d90166;color:#fff}.errors{color:red;font-size:1em}.login-form input[type=text]:focus,.login-form input[type=password]:focus{border:.18em solid #ff0079;outline:none}h5{margin-left:.5em}.to-signup{margin-top:1em;cursor:pointer}.login-form span{background-color:#cdcdcd;height:1px;width:80%;margin-top:20px}.navigation-list{padding-top:18px;padding-bottom:18px}.auth-buttons{display:flex;justify-content:space-between;gap:8px}.sign-up{background:#FF0079;padding:10px 14px;height:40px;border-radius:30px;color:#fff;font-weight:500;cursor:pointer;transition:.3s ease}.sign-up:hover{background-color:#d90166}.login{background:#E9E9E9;text-align:center;height:auto;padding:10px 14px;border-radius:30px;color:#000;font-weight:500;cursor:pointer;transition:.3s ease}.login:hover{background-color:#e2e2e2}.navigation-list{display:flex;justify-content:space-between;list-style-type:none;text-decoration:none;align-items:center;position:fixed;background-color:#ffffff51;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100vw;top:0;padding:15px 20px;z-index:100;gap:8px}a{text-decoration:none;color:#000}.logo-png{width:40px}.short-logo-png{width:45px}.long-logo-png{width:150px}.left-nav{display:flex;flex-direction:row;align-items:center;gap:20px}.left-nav .home-button{border-radius:30px;padding:10px;font-weight:500}.left-nav .create-button{font-weight:500}.search-bar{display:flex;align-items:center;flex-grow:1;margin:0 20px}.search-bar input{all:unset;background-color:#f1f1f193;width:100%;border-radius:40px;padding:14px 15px 14px 40px;position:relative;box-sizing:border-box;transition:.3s ease;background-image:url(https://icons.veryicon.com/png/o/miscellaneous/linear-icon-45/magnifying-glass-18.png);background-repeat:no-repeat;background-position:left center;background-size:30px;background-position:7px;cursor:auto}.search-bar input:hover{background-color:#e1e1e19f}.profile-menu .profile-button{all:unset;border-radius:40px;padding:10px 13px;display:flex;flex-direction:row;align-items:center;gap:5px}.profile-icon{width:25px;height:25px;border-radius:50%;padding:3px 2px 0;background-color:#d3d3d3;text-align:center;font-size:15px;font-weight:500}.profile-menu .pf-username,.profile-menu .pf-email{cursor:default;margin-bottom:3px}.profile-menu .view-profile{color:#ff0079;font-weight:500;font-size:larger}.profile-menu .vp-container{margin-bottom:8px}.profile-dropdown{position:absolute;display:flex;flex-direction:column;align-items:center;top:68px;right:20px;height:150px;z-index:1000;min-width:150px;max-width:90vw;box-shadow:0 0 5px 1px #0000002a;border-radius:15px;align-items:start;word-wrap:break-word;overflow-wrap:break-word}.dropdown-content{align-items:start;display:flex;flex-direction:column}.profile-menu svg{cursor:pointer}.profile-menu span{background-color:#d3d3d3;height:1px;width:100%;margin-top:10px;margin-bottom:10px}.profile-menu .profile-dropdown{display:flex;justify-content:center;padding:10px;background-color:#ffffffe3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);list-style-type:none}.profile-menu .logout-button{all:unset;background-color:#ff0079;color:#fff;border-radius:40px;padding:10px;cursor:pointer;font-size:12px;font-weight:500;transition:.3s ease}.profile-menu .logout-button:hover{background-color:pink;color:#ff0079}.about-icon{cursor:pointer}@media (max-width: 950px){.profile-dropdown{min-width:20%;max-width:80vw;right:10%;word-wrap:break-word;overflow-wrap:break-word}.pf-email{white-space:normal}}@media (max-width: 650px){.auth-buttons{gap:12px}.sign-up,.login{padding:8px 12px;width:100%;font-size:10px;text-align:center}.sign-up,.login{border-radius:15px}}#one-board-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px 20px;gap:20px}.one-board-header{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:20px}.one-board-name{display:flex;flex-direction:column;align-items:center;gap:10px}.edit-board-modal-container>button{padding:13px 15px;margin:10px 5px;font-size:medium;font-weight:550;border-radius:25px;border-color:transparent;background-color:#fff}.edit-board-modal-container>button:hover{cursor:pointer}.one-board{list-style-type:none;padding:0;margin:0;font-size:1.5rem;font-weight:500}.pins-container{display:flex;flex-direction:row}.pins-container li{list-style-type:none;margin:0;border:1px solid #ddd;border-radius:8px;overflow:hidden}.pins-container img{width:100%;height:auto;display:block;object-fit:cover}.pins-container p{margin:10px;font-size:.9rem;text-align:center}#one-board-container{margin-top:50px}.delete-pin-modal-button{background-color:#ff0079;color:#fff;margin:10px;padding:10px 15px;font-size:medium;border-radius:25px;border:0px;cursor:pointer;transition:.2s ease}.delete-pin-modal-button:hover{background-color:pink;color:#ff0079}.remove-pin-modal-container{border-radius:10px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:20px;gap:20px}.remove-pin-modal-title{font-weight:400;font-size:30px;padding-left:20px}.remove-pin-modal-buttons>button{margin:0 5px;padding:10px;font-size:18px;border-radius:30px;border:none}.remove-pin-modal-cancel{color:#000}.remove-pin-modal-cancel:hover{cursor:pointer;background-color:#cdcdcd}.remove-pin-modal-confirm{color:#fff;background-color:#ff0079}.remove-pin-modal-confirm:hover{cursor:pointer;background-color:#da0569}.edit-board-container{display:flex;flex-direction:column;height:100%;width:510px;position:fixed;background-color:#fff;top:0;right:0;padding:20px;font-family:Arial,Helvetica,sans-serif}.edit-board-title{margin-top:10px;margin-bottom:40px;font-size:30px}.edit-board-field-container{display:flex;flex-direction:column;margin:20px 0}.edit-board-label{margin:5px 0;color:#000;font-size:small}.edit-board-input{border-radius:10px;height:45px;border:2px solid lightgrey;padding:0 10px;margin-bottom:10px;font-size:medium}.edit-board-input.edit-board-text{height:70px;padding:15px 10px;font-family:Arial,Helvetica,sans-serif}.edit-board-privacy-container{display:flex;justify-content:center;gap:8px}.edit-board-buttons{position:fixed;gap:10px;width:510px;background-color:#fff;padding:20px 20px 20px 150px}.edit-board-save-button{background-color:#ff0079;color:#fff;margin:10px;padding:15px 16px;font-size:medium;border-radius:25px;border:0px;cursor:pointer}.delete-board-modal-container{border-radius:10px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:20px;gap:20px}.delete-board-modal-title{font-weight:400;font-size:30px;padding-left:20px}.delete-board-modal-buttons>button{margin:0 5px;padding:10px;font-size:18px;border-radius:30px;border:none}.delete-board-modal-cancel{color:#000}.delete-board-modal-cancel:hover{cursor:pointer;background-color:#cdcdcd}.delete-board-modal-confirm{color:#fff;background-color:#ff0079}.delete-board-modal-confirm:hover{cursor:pointer;background-color:#da0569}.loader{border:16px solid #f3f3f3;border-top:16px solid #ff0079;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.create-board-container{display:flex;flex-direction:column;height:100%;width:510px;position:fixed;background-color:#fff;top:0;right:0;padding:20px;font-family:Arial,Helvetica,sans-serif}.create-board-title{margin-top:10px;margin-bottom:40px;font-size:30px}.create-board-field-container{display:flex;flex-direction:column;margin:20px 0}.create-board-label{margin:5px 0;color:#000;font-size:small}.create-board-input{border-radius:10px;height:45px;border:2px solid lightgrey;padding:0 10px;margin-bottom:10px;font-size:medium}.create-board-input.create-board-text{height:70px;padding:15px 10px;font-family:Arial,Helvetica,sans-serif}.create-board-privacy-container{display:flex;justify-content:center;gap:8px}.create-board-buttons{position:fixed;gap:10px;width:510px;background-color:#fff;padding:20px 20px 20px 150px}.create-board-save-button{background-color:#ff0079;color:#fff;margin:10px;padding:15px 16px;font-size:medium;border-radius:25px;border:0px;cursor:pointer}.create-board-privacy-container{padding-right:10px}.pins-message{display:flex;flex-direction:column;min-height:100vh}.landing{flex:1}.loading-message,.no-pins-message{display:block;text-align:center;font-size:1.5rem;color:#100e0e;padding:20px}.save-button.saved{color:#fff;background-color:#000}.dropdown-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;z-index:10}.dropdown-menu button{background:none;border:none;padding:8px;text-align:left;cursor:pointer;width:100%}.dropdown-menu button:hover{background-color:#f0f0f0}.save-to-board-text{margin:15px 0 -20px 15px}.board-container{display:flex}.save-to-board-text{margin-right:110px}.created-grid-container{column-count:2;column-gap:15px;width:490px;margin:90px auto 15px}.pins-message .pin-container{min-height:150px;margin-bottom:15px;break-inside:avoid;position:relative;overflow:hidden}.pins-message .pin-container img{width:100%;height:auto;min-height:150px;display:block;border-radius:20px}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:flex;flex-direction:column;align-items:end;justify-content:space-between;border-radius:20px;overflow:hidden;transition:.2s ease}.pins-message .pin-container:hover .image-overlay{background-color:#00000080;opacity:1}.overlay-text{position:absolute;top:25px;left:13px;color:#fff;font-size:medium;font-family:Arial,Helvetica,sans-serif;margin-top:13px}.landing-save-button{background-color:#ff0079;color:#fff;margin:10px 10px 500px;padding:10px 15px;border-radius:40px;border:0px;cursor:pointer;font-size:16px;transition:.2s ease}.landing-save-button:hover{background-color:#fff;color:#ff0079}.landing-save-button.saved{background-color:#000;color:#fff}@media (min-width: 750px) and (max-width: 1009px){.created-grid-container{column-count:3;width:730px}}@media (min-width: 1010px) and (max-width: 1264px){.created-grid-container{column-count:4;width:990px}}@media (min-width: 1265px) and (max-width: 1509px){.created-grid-container{column-count:5;width:1245px}}@media (min-width: 1510px){.created-grid-container{column-count:6;width:1480px}}#profile-page-container{margin:120px 10px}.loading-message{display:flex;justify-content:center;margin:30px}#profile-top-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Arial,Helvetica,sans-serif}#profile-user-container{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}#profile-picture{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background-color:#fff;border-radius:50%;color:#000;font-size:48px;font-weight:550;margin:5px}.profile-username-container{display:flex;align-items:center}.profile-username-container>img{height:20px}.profile-page-name{font-weight:550;margin:5px}.profile-page-username{margin:5px}.profile-buttons>button{padding:13px 15px;margin:10px 5px;font-size:medium;font-weight:550;border-radius:25px;border-color:transparent;background-color:#d3d3d3}.profile-links{display:flex;margin:20px 0}.profile-links>a{margin:0 15px;border-bottom:3px transparent solid;padding:5px;font-weight:550}.profile-links>a:hover{cursor:pointer}.profile-links>a.active{border-bottom:3px black solid}.created-grid{column-count:2;column-gap:15px;width:490px;margin:15px auto}.profile-pin-container{min-height:150px;margin-bottom:15px;break-inside:avoid;position:relative;overflow:hidden}.profile-pin-container img{width:100%;height:auto;min-height:150px;display:block;border-radius:20px}.profile-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:flex;flex-direction:column;align-items:end;justify-content:space-between;border-radius:20px;overflow:hidden;transition:.2s ease}.profile-pin-container:hover .profile-image-overlay{background-color:#00000080;opacity:1}.add-board-pin-button{position:absolute;top:25px;left:13px;color:#fff;font-size:medium;font-family:Arial,Helvetica,sans-serif;background:none;border:none}.profile-image-overlay .profile-edit-button{background-color:#fff;color:#000;margin:10px;padding:10px 15px;font-size:medium;border-radius:25px;border:0px;transition:.2s ease}.profile-image-overlay .profile-edit-button:hover{background-color:#fff;color:#ff0079;cursor:pointer}.profile-board-grid{column-count:2;column-gap:15px;width:490px;margin:15px auto}.profile-board-container{width:220px;overflow:hidden}.profile-board-image-container{position:relative;border-radius:15px;width:100%;height:150px;background-color:#fff;overflow:hidden;display:flex}.profile-board-image{display:flex;width:100%;height:100%;gap:1px}.profile-board-first-image{flex:1;overflow:hidden}.profile-board-first-image img{width:100%;height:100%;object-fit:cover}.profile-board-second-image{flex:1;display:flex;flex-direction:column;gap:1px}.profile-board-second-image-nested{flex:1;overflow:hidden}.profile-board-second-image-nested img{width:100%;height:100%;object-fit:cover}.profile-board-edit-button{position:absolute;right:10px;bottom:10px;background-color:#fff;color:#000;border:none;border-radius:10px;padding:5px 10px;opacity:0;cursor:pointer;font-size:medium}.profile-board-image-container:hover .profile-board-edit-button{opacity:1}.profile-board-edit-button:hover{background-color:#e8e8e8}.profile-board-title-container{margin-top:10px}.profile-board-title{font-size:larger;font-weight:500;margin:10px 8px}.profile-middle-container{display:flex;justify-content:end;align-items:center;margin:10px 20px}@media (min-width: 750px) and (max-width: 1009px){.created-grid,.profile-board-grid{column-count:3;width:730px}}@media (min-width: 1010px) and (max-width: 1264px){.created-grid,.profile-board-grid{column-count:4;width:990px}}@media (min-width: 1265px) and (max-width: 1509px){.created-grid,.profile-board-grid{column-count:5;width:1245px}}@media (min-width: 1510px){.created-grid,.profile-board-grid{column-count:6;width:1480px}}.landing-save-button.saved{background-color:#000}.profile-saved-container{position:relative;display:inline-block}.profile-saved-button{display:flex;justify-content:end;background-color:transparent;border:none;cursor:pointer}.profile-saved-button:hover{background-color:transparent}.profile-saved-dropdown{display:flex;flex-direction:column;position:absolute;align-items:center;right:20px;height:100px;z-index:1000;min-width:150px;box-shadow:0 0 5px 1px #0000002a;border-radius:15px;align-items:start;background-color:#fff;box-sizing:border-box;padding:15px}.profile-saved-dropdown>p{font-size:14px;color:gray;padding:0 5px 3px}.profile-saved-dropdown-options{display:flex;flex-direction:column;align-items:start;flex:1;width:100%}.profile-saved-dropdown-options>a,.profile-saved-create-button{display:flex;align-items:center;flex:1;border:none;background-color:transparent;color:#000;font-size:16px;padding:0 5px;width:100%}.profile-saved-dropdown-options>a:hover,.profile-saved-create-button:hover{background-color:#d3d3d3;border-radius:5px;cursor:pointer}.about-page{margin-top:150px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:0 20px 20px}.about-page h1{padding-bottom:50px;color:#333}.profile-section{display:flex;justify-content:space-around;flex-wrap:wrap;gap:80px;box-sizing:border-box}.profile-box{width:320px;height:503px;text-align:center;border-top:9px solid whitesmoke;border-radius:10px;background-color:#f5f5f5}.profile-box h3{margin-top:3px}.profile-box p{margin-top:2px;font-size:15px;color:gray}.linkedin-icon{font-size:30px;color:#0077b5;margin-top:8px}.pfp{width:300px;height:400px;margin:0 auto;border-radius:10px;overflow:hidden}.pfp img{width:100%;height:100%;object-fit:cover}.github-section{text-align:center;margin-top:40px}.github-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#333;margin-top:15px}.github-link i{font-size:36px;color:#333;margin-right:10px}*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif}body{background-image:url(../pinspire_bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0}