.homepageContainer{max-width:100vw}.sideBar{align-items:center;background-color:#fff;border-right:2px solid #16425b42;display:flex;flex-direction:column;justify-content:space-evenly;min-width:300px;padding:10px}#homepage-logo{width:275px}.displayImg{height:200px}.spotifyImg{border-radius:50%;cursor:pointer;height:100px;margin:0;transition-duration:.3s;width:100x}.spotifyBtn{background:none;border:none}.spotifyBtn:active,.spotifyBtn:after,.spotifyBtn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.tooltip{background-color:#000;border-radius:4px;color:#fff;display:none;font-size:12px;left:50%;padding:5px 10px;position:absolute;top:-30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px}.spotifyBtn:hover .tooltip{display:block}.main-content{display:flex;justify-content:center;width:75%}.homepage-content{background-color:hsla(0,0%,100%,.5);border:1px solid rgba(0,0,0,.247);border-radius:10px;height:80%;margin:auto;padding:15px;width:500px}.profileLayout{flex-flow:column nowrap;justify-content:center;min-width:270px}.profileLayout,.userPref{align-items:center;display:flex}.userPref{flex-flow:column wrap}.userBio:empty:before{content:"Add Bio"}.userBio{margin:10px}.topSongs{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;padding:20px;text-align:center;width:100%}.testSong{background-color:grey;height:50px;margin:5px;width:50px}.userChoice{display:flex;flex-direction:row;justify-content:space-between;padding:15px;width:60%}.swipe{width:35px}.userSettings{align-items:center;display:flex;justify-content:center}.bioInput{border:1px solid #add8e6;height:80%;margin-top:30px;max-height:70%;max-width:95%;min-height:20px;resize:vertical;width:100%}.bioButton{margin:20px;width:90px}.bioDiv{align-items:center;flex-direction:column;justify-content:center;max-height:200px;max-width:100%;width:100%}.image-upload{margin-top:60px}@media screen and (max-width:900px){.right{display:none}.flexSide{width:100%}.content-wrapper{display:block}.homepageContainer{width:100%}.homepageHeader{display:none}.displayImg,.displayPhoto{height:100px;width:100px}.userFirstName{display:none}}.body{background-color:rbga(0,0,0,.8)}.popup{align-content:center;background-color:rgb(0,0,0,.8);height:100%;left:0;position:fixed;top:0;z-index:1000}.popup,.popup-inner{align-items:center;display:flex;justify-content:center;width:100%}.popup-inner{background:linear-gradient(270deg,#3a7ca5,hsla(0,0%,100%,.7));flex-direction:column;height:60%;justify-content:space-evenly;max-width:800px;padding:32px;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.userChatButton{display:flex;flex-direction:row;justify-content:center;padding:15px;width:60%}.close-btn,.message-btn{-webkit-animation-duration:.3s;background:transparent;border:2px solid #0a4b92;color:#fff;cursor:pointer;font-weight:700;margin:20px 10px;overflow:hidden;padding:15px 0;text-align:center;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;width:200px}.message-btn:active,.message-btn:focus,.message-btn:hover{box-shadow:0 0 20px rgb(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.chat-home{align-items:center;background:linear-gradient(270deg,#3a7ca5,hsla(0,0%,100%,.445));display:flex;height:100%;height:100vh;justify-content:center;min-height:500px;min-width:400px;width:100%}.chat-container{background:linear-gradient(90deg,#3a7ca5,hsla(0,0%,100%,.7));border:collapse;border-radius:10px;display:flex;height:80%;overflow:hidden;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;width:100%}.sidebar{border:collapse;flex:1 1;position:relative}.navbar{align-items:center;border:collapse;color:#fff;display:flex;height:40px;justify-content:space-between;padding:5px}.logo{font-weight:700}.user{display:flex;gap:10px}.userImg{background-color:#fff;border-radius:50%;height:25px;object-fit:cover;width:25px}.search{border:collapse}.searchForm{padding:10px}.searchInput{background-color:initial;border:none;color:#fff;outline:none;&::-webkit-input-placeholder{color:#d3d3d3}&::placeholder{color:#d3d3d3}}.userChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px;&:hover{background-color:#1562d6}}.otherUserImg{border-radius:50%;height:50px;object-fit:cover;width:50px}.userChatInfo span{font-size:18px;font-weight:bolder}.userChatInfo p{color:#fff;font-size:14px}.chat{flex:2 1}.chatInfo{align-items:center;border:collapse;color:#d3d3d3;display:flex;height:40px;justify-content:space-between;padding:5px}.chatIcons{display:flex;gap:10px}.chatIconImg{cursor:pointer;height:24px}.messages{border:collapse;height:calc(100% - 120px);overflow:scroll;padding:10px}.message{display:flex;gap:20px;margin-bottom:20px;&.owner{flex-direction:row-reverse}&.owner .messageContent{align-items:flex-end}&.owner .messageContent p{background-color:#8da4f1;border-radius:10px 0 10px 10px;color:#fff}}.messageInfo{color:gray;display:flex;flex-direction:column;font-weight:300}.messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.messageContent{display:flex;flex-direction:column;gap:10px;max-width:80%}.messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.messageContent img{width:50%}.messageInput{align-items:center;background-color:#fff;display:flex;height:40px;justify-content:space-between;padding:5px}.messageInput input[type=text]{border:none;font-size:18px;outline:none;width:100%;&::-webkit-input-placeholder{color:#d3d3d3}&::placeholder{color:#d3d3d3}}.send{align-items:center;display:flex;gap:10px}.send img{cursor:pointer;height:24px}.send button{background-color:blue;border:none;color:#fff;cursor:pointer;padding:10px 15px}.close-chat-btn{-webkit-animation-duration:.3s;background-color:rgba(16,46,180,.26);background:transparent;border:2px solid #0a4b92;color:#fff;cursor:pointer;font-weight:700;margin:20px 10px;overflow:hidden;padding:5px 0;text-align:center;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;width:50px}.close-btn:active,.close-btn:focus,.close-btn:hover{box-shadow:0 0 20px rgb(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.b-body{background:linear-gradient(270deg,#3a7ca5,hsla(0,0%,100%,.445));min-height:500px;min-width:400px}.homepageContainer{display:flex;margin:auto;max-width:85%;min-height:100vh}.sidePart{align-items:center;background-color:#fff;border-right:2px solid #16425b42;display:flex;flex-direction:column;height:auto;justify-content:space-evenly;min-width:25%;padding:10px;width:-webkit-max-content;width:max-content}#homepage-logo{width:75px}.userInfo{flex-flow:column nowrap}.displayImg,.displayPhoto{background-color:#adadad;border-radius:50%;resize:"contain";width:200px}.displayPhoto,.popup-img{height:200px}.popup-img{background-color:#adadad;border-radius:50%;width:200px}.userFirstName{font-size:xx-large}.nav{display:flex;flex-flow:column nowrap;width:100%}.button-home,.button-inbox,.button-logout,.button-profile,.button-settings{background-color:#fff;border:0;border-radius:20px;cursor:pointer;font-family:Acme,sans-serif;font-size:medium;padding:10px}.button-home:active,.button-home:focus,.button-home:hover,.button-profile:active,.button-profile:focus,.button-profile:hover{background-color:rgba(58,124,165,.27)}.button-logout:active,.button-logout:focus,.button-logout:hover{background-color:rgba(197,15,15,.3)}.button-inbox:active,.button-inbox:focus,.button-inbox:hover,.button-settings:active,.button-settings:focus,.button-settings:hover{background-color:rgba(58,124,165,.27)}.btn{min-width:70px}body{font-family:Acme,sans-serif;margin:auto}h1{font-size:70px}h1,h2{color:#16425b;font-family:Fredoka One,cursive}h2{font-size:xxx-large}.homeContainer{display:flex;min-height:100vh}.flexSide{margin-right:5px;width:100%}#landing-logo{width:110px}.left{flex-flow:column wrap;justify-content:center}.content-wrapper,.left{align-items:center;display:flex}.content-wrapper{align-content:center;background-color:#3a7ca594;border:3px solid rgba(0,0,0,.267);border-radius:10px;flex-direction:column;font-size:large;gap:10px;min-width:30%;padding:10px;width:30%}.header-content{justify-content:center}.header-content,.userInfo{align-items:center;display:flex}.userInfo{flex-direction:column;font-size:large;gap:10px}input[type=date],input[type=email],input[type=password],input[type=text],input[type=username],input[type=zipcode]{border:2px solid;border-radius:6px;padding:10px;text-align:center;width:80%}.btn{background-color:#fff;border:2px solid;border-radius:6px;color:#16425b;cursor:pointer;font-family:Fredoka One,cursive;font-size:large;height:55px;margin:8px 10px;padding:6px;transition-duration:.3s;white-space:nowrap;width:90px}.btn:active,.btn:after,.btn:hover{box-shadow:0 0 20px rgb(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.footer{align-content:flex-end;display:flex;font-size:large}.landing-bg{background-color:#d9dcd641;height:100%}.right{background:linear-gradient(270deg,#3a7ca5,hsla(0,0%,100%,0))}
/*# sourceMappingURL=main.eb1bef55.css.map*/