.navbar{display:flex;justify-content:space-evenly;margin:0;padding:0;width:100%;background-color:var(--color-two);position:fixed;top:0;left:0;z-index:1000}.navbar-placeholder{height:115px}.navbar-item{font-size:2rem;list-style-type:none;padding:1rem;color:var(--color-four);margin:auto 0}.navbar-user-img{height:5rem;margin:10px 0;border:5px solid var(--color-one);border-radius:100%}.welcome-div{margin:2rem auto;width:75%;border:2px solid var(--color-two);border-radius:35px;background-color:var(--color-two);width:55%;padding-bottom:4rem}.welcome-div>h1{display:flex;flex-direction:column;font-size:2rem;font-weight:500;color:var(--color-four)}.welcome-div>div{font-size:1.5rem;font-weight:400;margin-bottom:1.5rem;color:var(--color-four)}.welcome-img{height:35rem;width:35rem;border-radius:35px;align-self:center}.register-form,.login-form{width:450px;margin:2.5rem auto 1.5rem;background-color:var(--color-two);border-radius:12.5px;padding:3rem;color:var(--color-four)}.register-form>h1,.login-form>h1{font-size:3rem;text-align:center;padding-bottom:0}.register-form>h2,.login-form>h2{font-size:2rem;text-align:center}.text-div{border-radius:8px;width:fit-content;margin:0 auto 20px;text-align:center;cursor:default}.text-div>h1{font-size:2.5rem}.text-div>h2{font-size:1.75rem}.state-dropdown{width:26rem;font-size:20px}.register-link{color:var(--color-two);font-size:1.75rem;cursor:pointer;text-align:center}.disclaimer{position:absolute;bottom:0;left:5;text-align:left;text-indent:2em;width:25%;color:#000}.shoes-container>h2{font-size:3rem;font-weight:400;margin-top:2rem;margin-bottom:1rem;text-align:center}.shoes{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.shoes-filter-bar{display:flex;margin-bottom:2.5rem}.year-dropdown,.user-dropdown{width:15rem;margin-left:auto;margin-right:15rem;background-color:var(--color-two);color:var(--color-four);border:none;border-radius:7.5px;padding:.5rem;font-size:20px}.shoe-search{width:15rem;margin-left:14rem;margin-right:auto;background-color:var(--color-two);color:var(--color-four);border:none;border-radius:8px;padding:.5rem;font-size:20px}.shoe-search::placeholder{color:var(--color-four)}.shoe{border-radius:8px;margin:7.5px;background-color:var(--color-two);padding:15px}.shoe-img{width:20rem;overflow:auto;border-radius:8px}.shoe-name{color:var(--color-four);font-weight:500;font-size:1.25rem;margin:.5rem 0 0 1rem;text-align:left}.details{display:flex}.inner-details-div{display:flex;margin-left:auto;margin-right:auto}.shoe-details-div{width:350px;margin-top:25px;margin-left:auto;margin-right:auto;background-color:var(--color-two);border-radius:15px}.shoe-details{display:flex;flex-direction:column;justify-content:center;padding:15px;text-align:left}.shoe-details-img{border-radius:15px}.shoe-detail-one{margin-top:10px;font-size:22px;font-weight:700;color:var(--color-four)}.shoe-detail-two{margin-top:10px;font-size:18px;font-weight:500;color:var(--color-four)}.btn-toggle{margin:15px 0 0 12.5px;width:25%}.add-shoe-form{margin-left:auto;margin-right:auto}.add-btn{margin-left:auto;margin-right:auto;width:100%}.add-btn:disabled{color:#a9a9a9}.edit-shoe-form{margin-top:10px}.edit-label-one{color:var(--color-one);font-weight:700;width:100%}.edit-label-two{color:var(--color-one);font-weight:700;width:94.5%}.edit-select,.save-btn,.save-btn-div{width:100%}.condition-dropdown{width:fit-content}.profile{display:flex}.profile-div{background-color:var(--color-two);flex-shrink:0;width:250px;height:fit-content;padding:15px;border-radius:8px;margin:25px}.profile-img{width:100%;border-radius:8px}.user{height:fit-content}.user-name{color:var(--color-four);font-size:24px;margin:10px 0;font-weight:700;text-align:left}.user-info-div{margin-top:10px;background-color:var(--color-one);border-radius:8px;text-align:left}.user-bio,.user-location,.user-collection-amount,.friends-list{color:var(--color-two);font-size:18px;font-weight:500;padding:10px}.user-bio.user-location,.user-location.user-location,.user-collection-amount.user-location,.friends-list.user-location{margin-bottom:0}.btn-edit{width:100%;text-align:left;margin-top:15px}.btn-edit:hover{background-color:var(--color-four)}.dropdown-div{margin-top:15px}.profile-dropdown{color:#fff;width:100%}.shoe-collection{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}.user-shoe{background-color:var(--color-two);color:var(--color-five);padding:15px;border-radius:8px;width:225px;text-align:left}.user-shoe-img-div{overflow:hidden;border-radius:8px}.user-shoe-img{width:100%;height:auto;border-radius:8px}.collection-shoe-name{color:var(--color-four);font-size:18px;margin-top:10px}.user-shoe-info{margin-top:10px}.user-shoe-size,.user-shoe-condition,.user-shoe-description{color:var(--color-one);font-weight:600;margin-top:3px}.btn-div{display:flex;flex-direction:column}.btn-remove,.btn-edit-shoe{background-color:var(--color-one);color:#021e31;padding:8px;border:none;cursor:pointer;border-radius:5px;margin-top:10px}.btn-remove:hover,.btn-edit-shoe:hover{background-color:var(--color-four)}.friends-list{color:var(--color-one);background-color:var(--color-two);border-radius:8px;display:flex;flex-direction:row;flex-wrap:wrap}.friends-title{font-weight:700;font-size:20px;color:var(--color-four);text-decoration:underline;text-align:left}.add-friend-btn,.remove-friend-btn{width:100%;margin:10px 0;height:2rem;color:#f5f5f5;background-color:var(--color-one);border:none;border-radius:5px;padding:8px;font-size:16px}.add-friend-btn:hover,.remove-friend-btn:hover{background-color:var(--color-four)}.friend{margin:5px 8px;display:flex;justify-content:center}.friend-avatar{width:50px;border:5px solid var(--color-one);border-radius:8px}.friend-name{font-size:12.5px;width:35px}.users-container>h2{font-size:3rem;font-weight:400;margin-top:2rem;margin-bottom:1rem;text-align:center}.users{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;padding:50px}.user{border-radius:8px;margin:7.5px;background-color:var(--color-two);padding:15px}.user-img{width:20rem;overflow:auto;border-radius:8px}.user-list-info-div{margin-top:10px;background-color:var(--color-one);border-radius:8px;text-align:left}.user-list-location{color:var(--color-two);font-size:18px;font-weight:500;padding:10px}.user-amount{color:var(--color-two);font-size:18px;font-weight:500;padding:0 10px 10px}.admin-btn{padding:.5rem;background-color:var(--color-one);border-radius:8px;font-size:1rem;width:100%;border:none;color:#f5f5f5;font-size:20px;margin-top:15px;cursor:pointer}.admin-btn:hover{background-color:var(--color-four)}.likes-div{background-color:var(--color-two);padding:15px;margin-bottom:-10px}.like-btn{width:3rem;font-size:2rem;background-color:transparent;color:var(--color-four);border:none;cursor:pointer}.like-btn:hover{border:2px solid var(--color-four);border-radius:5px;background-color:trans}.likes{margin-left:12.5px;margin-top:2px;font-size:2rem}.comments{background-color:var(--color-two);padding:15px;width:600px;height:fit-content;margin-top:25px;margin-left:25px;border-radius:15px}.comments>h2{color:var(--color-one);text-align:left}.comments-textarea{width:97%;font-size:20px}.comments-textarea:focus::placeholder{color:var(--color-one)}.comment-btn{font-size:18px;margin-top:10px;margin-bottom:15px;margin-right:90%}.comment{width:97%;padding:10px;background-color:var(--color-one);margin-top:20px;border-radius:8px 8px 8px 0;font-size:1.375rem;font-weight:500;border:none;text-align:left}.commenter{width:fit-content;padding:5px;color:var(--color-two);background-color:var(--color-one);align-self:flex-start;font-size:30px;font-weight:700;border-radius:0 0 8px}.commenter-img{width:35px;border-radius:20%;margin:0 5px}.comment-timestamp{font-size:18px;width:fit-content;padding:5px;background-color:var(--color-one);border-radius:0 0 8px 8px}.commenter-name{margin-right:50px}.edit-comment-btn{margin-left:auto;margin-right:15px;width:60px}.delete-comment-btn{width:60px}.submit-comment-btn{width:60px;margin-right:15px}.edit-comment-textarea{border:none}.cancel-btn{padding:0;margin-left:auto;margin-right:15px;margin-top:5px;font-weight:900;font-size:20px;color:var(--color-one);background-color:transparent}.cancel-btn:hover{background-color:transparent}.add-shoe-form{width:450px;margin:2.5rem auto 1.5rem;background-color:var(--color-two);border-radius:12.5px;padding:3rem;text-align:left}.add-shoe-title{margin-left:3.5%}.style-dropdown{width:120%;border:2px solid red}.colorway{text-transform:uppercase}.edit-profile-form{width:450px;margin:2.5rem auto 1.5rem;background-color:var(--color-two);border-radius:12.5px;padding:3rem;text-align:left}.location-div{margin-top:10px}.state-select{width:110%}.city{width:75%}.state{width:35%}.state-two{width:60%}.edit-profile-btn{margin-top:7.5px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-one)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:inherit}a:visited{color:inherit}a:hover{color:var(--color-five)}textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px}input:focus,select:focus,textarea:focus{outline:none}fieldset{display:flex;min-width:0;margin:0;border:0}textarea{resize:none;height:75px;margin-left:auto;width:100%}h4{display:flex;flex-direction:column}.form-group{display:flex;flex-direction:column;border:none}.form-control{padding:.5rem;background-color:var(--color-one);border-radius:8px;font-size:1rem;width:25rem;border:none;color:var(--color-two);font-size:20px}.form-control.text:focus{color:var(--color-four)}.form-control::placeholder{color:var(--color-two)}.form-textarea{color:var(--color-two);background-color:var(--color-one);border:none;border-radius:8px;padding:8px;font-size:16px;font-weight:500}.form-textarea::placeholder{color:var(--color-two)}.form-select{background-color:var(--color-one);color:var(--color-two);border:none;border-radius:7.5px;padding:.5rem;font-size:16px;font-weight:500}.form-select:hover{background-color:var(--color-four)}.form-btn{background-color:#40798c;color:#021e31;padding:8px;border:none;cursor:pointer;border-radius:5px}.form-btn:hover{background-color:var(--color-four)}.form-btn-opp{background-color:#021e31;color:#40798c;padding:8px;border:none;cursor:pointer;border-radius:5px}.btn-submit{background-color:var(--color-one);color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.btn-user{background-color:var(--color-one);color:#fff;margin:5px;padding:8px 12.5px;border:none;border-radius:4px;cursor:pointer;font-size:14px}:root{--color-one: #40798c;--color-two: #021e31;--color-three: #5c0029;--color-four: #dd7230;--color-five: #f4c95d}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.test{border:2.5px solid red}