@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background:linear-gradient(#2b2b2b,#429c56,#3a3a3a,#000);background-size:400% 400%;animation:gradient 30s ease infinite;font-family:"Nunito",sans-serif!important}@keyframes gradient{0%{background-position:10% 0}50%{background-position:91% 60%}to{background-position:10% 0}}.App{color:#fff;font-size:1.8vw;font-weight:200;text-align:center;margin-bottom:25vh}.App-text1{margin-top:15vh;margin-bottom:3vh;font-size:2.8vw;vertical-align:middle}.App-url-input:focus,.App-url-input:hover{background-color:rgba(59,59,59,.2823529411764706);box-shadow:0 0 7px .5px}.App-url-input:hover{transition:background-color .5s}.App-url-input{color:#fff;background:transparent;border-radius:25px;border:2px solid #fff;width:60vw;font-size:1.5vw;margin-bottom:5vh;padding:10px}*,:focus,:hover{outline:none}.App-logo{display:block;margin-left:auto;margin-right:auto}.App-text2{font-size:1.5vw;border:2px #fff;margin:2%}.App2{color:#fff;font-size:1.8vw;font-weight:200}.header h1{margin-bottom:0!important;font-family:"Nunito",sans-serif!important}.header{background-color:#000;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;margin-bottom:2%}.bud{margin-top:2.5vh;margin-left:4.5vw;margin-right:.7vw}.Spotibud{color:#fff;display:inline-block;font-size:3.5vw}p{margin:.5vw}.spotifybutton{margin-right:10%;margin-top:10%}.song{min-width:200px;width:min(23.4%,20vw);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;float:left;text-align:center;margin-right:2%;background-color:hsla(0,0%,100%,.16)}.cover{width:84%;margin:8%}.title{font-size:2.5vw}.text3{float:left;font-size:3vh}.copyright{margin-top:2%;margin-right:5%;float:right;font-size:10px}.spotifybutton{float:left;margin-right:1%;margin-top:0;margin-left:5%}footer{float:left;background-color:#000;width:100%;position:fixed;left:0;bottom:0;margin-top:3%;margin-bottom:0;padding-top:.8%;padding-bottom:.8%}.chatroom{width:70%;height:calc(89vh - 1.5em - 120px);background-color:hsla(0,0%,100%,.16);float:left}.Message{width:85%;margin:10px auto;padding:8px;color:#fff;position:relative}.otherMessage{background:#333}.otherMessage:before{content:"";width:0;height:0;position:absolute;border-color:#333 #333 transparent transparent;border-style:solid;border-width:30px;left:-60px;top:0}.ownMessage{background:#05a}.ownMessage:before{content:"";width:0;height:0;position:absolute;border-color:#05a transparent transparent #05a;border-style:solid;border-width:30px;right:-60px;top:0}.user{font-size:1rem}.text{font-size:1.2rem}.timestamp{font-size:1rem;text-align:right;margin-bottom:0}.Textbox{vertical-align:bottom}.textbox-input{color:#fff;background:transparent;border-radius:25px;border:2px solid #fff;width:80%;font-size:1vw;padding:.8vw;margin:4% 2% 2% 3%}.textbox-input:focus,.textbox-input:hover{background-color:rgba(85,85,85,.2549019607843137);transition:background-color .2s;box-shadow:0 0 7px .5px}::-webkit-input-placeholder{color:#d6d6d6}:-ms-input-placeholder{color:#d6d6d6}::placeholder{color:#d6d6d6}.textbox-send{color:#fff;background:transparent;border-radius:25px;border:2px solid #fff;width:10%;font-size:1.4vw;padding:.5vw;margin-left:2%}.textbox-send:hover{background-color:rgba(59,59,59,.2549019607843137);transition:background-color .2s;box-shadow:0 0 7px .5px}.Messages{overflow:auto;height:calc(89vh - 1.5em - 120px - 6vw)}.trackinfo{height:100vh;position:fixed}
/*# sourceMappingURL=main.a9adca39.chunk.css.map */