.post-container{display:block;position:relative;margin:auto;height:auto;max-width:500px}.pic-crop{width:100px;min-width:100px;height:100px;position:relative;overflow:hidden;border-radius:50%}.profile-pic{display:inline;width:100%;cursor:pointer;top:1%}.pic-crop:hover{border:2px solid white;transition:50ms}.post-img-container{display:block;justify-content:center;margin-bottom:30px}.post-img{width:100%;object-fit:contain;border-radius:20px}.post-description{word-wrap:break-word;width:150px}.ratings{display:flex;align-items:center;width:80px;position:relative;margin-bottom:15px}.ratings>button{padding:.5em 0;width:110%;font-weight:700}.post-interest{display:inline-block;position:relative;font-weight:700}.rating-button{cursor:pointer;width:35px;height:35px;border-radius:50%}.rating{font-weight:700}.rating-button-container:hover,.rating-button-container-selected:hover{background-color:#999898;border-radius:50%;transition:.2s}.post-date{display:inline-block;position:relative;font-size:.85em;font-weight:700}.post-input{display:grid;height:14em;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:0px;grid-row-gap:0px;max-width:500px;margin:12px auto 15px}.text-input{grid-area:1 / 1 / 2 / 3}.interest-input{height:50px;grid-area:2 / 1 / 3 / 2}.upload-image{height:55px;grid-area:2 / 2 / 3 / 3}.post-input-img{position:relative;height:55px;grid-area:2 / 3 / 3 / 4}.remove-img{position:absolute;top:0;right:0;border-radius:50%}.remove-img:hover{transition:.2s;cursor:pointer;background-color:#8d8d8d}.post-button{height:50px;width:100%;justify-self:center;grid-area:3 / 1 / 4 / 3}.post-button-disabled{height:50px;width:100%;justify-self:center;grid-area:3 / 1 / 4 / 3;padding:5px 15px;text-align:center}.forum-container{width:100%;margin:auto}.load-more{width:100%}.page{display:flex}.search{border:3px dashed teal;margin:auto;justify-content:center;text-align:center;padding:10px}.friends-list{border:3px dashed teal;margin:auto;justify-content:center;text-align:center}.friendBlock{display:flex;flex-wrap:wrap;flex-grow:2;justify-content:center}.friend{justify-content:space-evenly;padding:10px}.loadFriend{padding:10px}.songBox{width:10px}.usercontainer{box-sizing:border-box;display:flex;justify-content:space-evenly;width:auto;margin:auto;border:1px solid black;vertical-align:middle;height:auto;height:100px;max-height:100px;min-width:200px;max-width:400px}.bigContent{font-size:15px;text-align:left}.insideStack{display:flex;font-size:15px;text-align:left;width:50%;padding-right:5%;white-space:normal;overflow:hidden;text-overflow:ellipsis;min-width:100px}.songBox{box-sizing:border-box;display:flex;width:auto;height:100px;max-height:100px;min-width:200px;max-width:400px;justify-content:center;justify-items:center;align-items:center}.songText{width:auto;margin-right:auto;padding:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;justify-content:left;max-width:250px}.currSong{display:flex;line-height:0;margin-top:5px}.page{display:block;border:3px dashed teal;margin:auto;justify-content:center;text-align:center}.userBlock{display:block;flex-wrap:wrap;flex-grow:2;justify-content:center}.user{justify-content:space-evenly;padding:10px}.loaduser{padding:10px}.requests{display:flex;justify-content:space-evenly;max-width:100%;max-height:100%}.block{display:block;display:flex;justify-content:space-evenly;max-width:100%;max-height:100%}.smallContent{font-size:15px;text-align:left;width:50%;padding-right:5%}.bigContent{font-size:15px;text-align:left;width:50%;padding-right:5%;white-space:normal;overflow:hidden;text-overflow:ellipsis;min-width:100px}.buttons{display:flex;flex-direction:column;justify-content:space-evenly;padding-right:10px;position:relative;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.button{border:1px solid black;color:#000;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:5px;cursor:pointer;vertical-align:middle}.propic{justify-content:center;padding-right:10px}@media (max-width: 500px){.smallContent{display:block}.bigContent{display:none}}@media (min-width: 501px){.smallContent{display:none}.bigContent{display:block}}#root{margin:0 auto}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif,"sans-serif"}.navbar{display:flex}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:15px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}.loginSquare{font-family:Montserrat,sans-serif;padding:30px;text-align:center}.MuiPaper-outlined.loginSquare{background-color:#143132}.formGaps .MuiContainer-root{margin:30px 0}.errorMessage{color:red;font-size:16px}.screechlink{color:"#1ed5db";font-size:"12px";font-weight:"bold"}.centered{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}@media (min-width: 900px){.body{margin:0 100px}}.first-row{margin:auto;max-width:2000px;height:600px;display:flex;position:relative;align-items:center;transition:height .3s ease;grid-area:overlap}.cover-photo{position:relative;padding-left:5%;padding-right:5%;margin:auto;height:90%;width:100%;max-height:500px;max-width:2000px;object-fit:cover;z-index:1}.profile-name{left:420px;bottom:25px;position:absolute;padding-right:0;font-weight:700}.friend-count{left:420px;bottom:5px;position:absolute;padding-right:0}.edit-button{right:15%;z-index:1;top:550px}.profile-photo{left:260px;bottom:5px;width:157px;height:157px;margin:auto;z-index:100;position:absolute;align-self:flex-end;object-fit:cover;border-radius:50%;border:3px solid white}.second-row{max-width:2000px;display:flex;margin:10px auto auto;justify-content:center}.spotify-info,.about-and-info{max-width:1000px;margin-top:10px;margin-left:25px;margin-right:25px}.spotify-box,.about-and-info-box{display:flex;justify-content:center}.current-song,.top-songs{margin-right:10px;margin-left:10px}.about{margin-left:15px;margin-right:15px;margin-top:55px;width:400px;height:266px;display:inline-flex;align-items:flex-start;flex-direction:column}.interests{margin:55px 15px;width:400px;height:266px;display:inline-flex;align-items:flex-start;flex-direction:column}.interests-title,.about-title{align-self:center}@media (max-width: 1940px){.first-row{margin:auto;max-width:2000px;height:600px;display:flex;position:relative;align-items:center;transition:height .3s ease;grid-area:overlap}.cover-photo{position:relative;padding-left:5%;padding-right:5%;margin:auto;height:90%;width:100%;max-height:500px;max-width:1700px;object-fit:cover;z-index:1}.profile-name{left:317px;bottom:25px;position:absolute;padding-right:0;font-weight:700}.friend-count{left:317px;bottom:5px;position:absolute;padding-right:0}.edit-button{right:15%;z-index:1;top:550px}.profile-photo{left:144px;bottom:5px;width:157px;height:157px;margin:auto;z-index:100;position:absolute;align-self:flex-end;object-fit:cover;border-radius:50%}.second-row{max-width:2000px;display:flex;margin:10px auto auto;justify-content:center}.spotify-info,.about-and-info{max-width:500px;margin-top:10px;margin-left:10px;margin-right:10px}.spotify-box,.about-and-info-box{display:flex;justify-content:center}.current-song,.top-songs{margin-right:10px;margin-left:10px}.about{margin-left:15px;margin-right:15px;margin-top:55px;width:400px;height:266px;display:inline-flex;align-items:flex-start;flex-direction:column}.interests{margin:55px 15px;width:400px;height:266px;display:inline-flex;align-items:flex-start;flex-direction:column}.interests-title,.about-title{align-self:center}}@media (max-width: 1600px){.first-row{margin:auto;max-width:2000px;height:400px;display:flex;position:relative;align-items:center;transition:height .3s ease;grid-area:overlap}.cover-photo{position:relative;padding-left:5%;padding-right:5%;margin:auto;height:90%;width:100%;max-height:300px;max-width:1700px;object-fit:cover;z-index:1}.profile-name{left:317px;bottom:25px;position:absolute;padding-right:0;font-weight:700}.friend-count{left:317px;bottom:5px;position:absolute;padding-right:0}.edit-button{right:15%;z-index:1;top:350px}.profile-photo{left:144px;bottom:5px;width:157px;height:157px;margin:auto;z-index:100;position:absolute;align-self:flex-end;object-fit:cover;border-radius:50%}.second-row{max-width:2000px;display:flex;margin:10px auto auto;justify-content:center}.spotify-info,.about-and-info{max-width:500px;margin-top:10px;margin-left:10px;margin-right:10px}.spotify-box,.about-and-info-box{display:flex;justify-content:center}.current-song,.top-songs{margin-right:10px;margin-left:10px}.about{margin-left:15px;margin-right:15px;margin-top:55px;width:400px;height:266px;display:inline-flex;align-items:flex-start;flex-direction:column}.interests{margin:55px 15px;width:400px;height:266px;display:inline-flex;align-items:flex-start;flex-direction:column}.interests-title,.about-title{align-self:center}}@media (max-width: 1200px){.first-row{margin:auto;max-width:2000px;height:400px;display:flex;position:relative;align-items:center;transition:height .3s ease;grid-area:overlap}.cover-photo{position:relative;padding-left:5%;padding-right:5%;margin:auto;height:90%;width:100%;max-height:300px;max-width:1700px;object-fit:cover;z-index:1}.profile-name{left:200px;bottom:25px;position:absolute;padding-right:0;font-weight:700}.friend-count{left:200px;bottom:5px;position:absolute;padding-right:0}.edit-button{right:7%;z-index:1;top:350px}.profile-photo{left:50px;bottom:5px;width:157px;height:157px;margin:auto;z-index:100;position:absolute;align-self:flex-end;object-fit:cover;border-radius:50%}}@media (max-width: 1024px){.first-row{margin:auto auto 100px;max-width:2000px;height:300px;width:100%;display:flex;position:relative;align-items:center;transition:height .3s ease;grid-area:overlap}.cover-photo{position:relative;padding-left:5%;padding-right:5%;margin:auto;height:90%;width:100%;max-height:200px;max-width:1700px;object-fit:cover;z-index:1}.profile-name{left:200px;bottom:25px;position:absolute;padding-right:0;font-weight:700}.friend-count{left:200px;bottom:5px;position:absolute;padding-right:0}.edit-button{margin:auto;z-index:1;top:300px}.profile-photo{left:35px;bottom:5px;width:157px;height:157px;margin:auto;z-index:100;position:absolute;align-self:flex-end;object-fit:cover;border-radius:50%}.second-row{max-width:2000px;display:flex;margin:10px auto auto;justify-content:center}.spotify-info,.about-and-info{max-width:1000px;margin-top:10px;margin-left:25px;margin-right:25px}.spotify-box,.about-and-info-box{display:flex;justify-content:center}.current-song,.top-songs{margin-right:10px;margin-left:10px}.about{margin-left:15px;margin-right:15px;margin-top:55px;width:400px;height:266px;display:inline-flex;align-items:flex-start;flex-direction:column}.interests{margin:55px 15px;width:400px;height:266px;display:inline-flex;align-items:flex-start;flex-direction:column}.interests-title,.about-title{align-self:center}}@media (max-width: 728px){.first-row{margin:auto auto 200px;width:100%;height:350px;display:flex;position:relative;align-items:center;transition:height .3s ease;grid-area:overlap}.cover-photo{position:relative;padding-left:5%;padding-right:5%;margin:auto;height:70%;width:100%;max-height:600px;max-width:700px;object-fit:cover;z-index:1}.profile-name{margin:auto;display:flex;left:5px;bottom:-120px;width:100%;position:absolute;font-weight:700;justify-content:center}.friend-count{margin:auto;display:flex;left:5px;bottom:-140px;width:100%;position:absolute;font-weight:700;justify-content:center}.edit-button{left:0;margin:0 auto;top:505px;width:100%;position:absolute;font-weight:700;justify-content:center}.profile-photo-container{right:32px;bottom:-195px;margin:auto;display:flex;position:absolute;width:100%;height:100%;justify-content:center}.profile-photo{justify-content:center;display:flex;width:157px;height:157px;margin:auto;z-index:100;position:relative;align-self:flex-end;object-fit:cover;border-radius:50%}.second-row{max-width:2000px;display:flex;margin:10px auto auto;justify-content:center}.spotify-info,.about-and-info{min-width:300px;max-width:1000px;margin-top:10px;margin-left:25px;margin-right:25px}.spotify-box,.about-and-info-box{display:flex;justify-content:center}.current-song,.top-songs{margin-right:10px;margin-left:10px}.about{margin-left:15px;margin-right:15px;margin-top:55px;width:400px;height:266px;display:inline-flex;align-items:flex-start;flex-direction:column}.interests{margin:55px 15px;width:400px;height:266px;display:inline-flex;align-items:flex-start;flex-direction:column}.interests-title,.about-title{align-self:center}}@media (max-width: 480px){.spotify-box{scale:.8}}.account-wrapper{display:grid;grid-template-columns:20% 80%;height:500px}.account-box{box-shadow:10px 5px 5px #5e5454;height:100%}.account-setting{margin:0 auto}@media only screen and (max-width: 728px){.account-wrapper{grid-template-columns:30% 70%}.loginSquare{font-size:12px;padding:5px}.errorMessage{font-size:10px}}