@media (min-width:600px){body{background:#fff}.formContainer{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.formContainer form{background-color:#fff;border:1px solid #dfdfdf;border-radius:10px;box-shadow:-4px 8px 19px 5px #000c;max-width:450px;padding:30px;width:70%}.uiForm{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:space-evenly}h1{text-align:center}.formField{display:flex;flex-direction:column;width:100%}.formField input{border:1px solid gray;border-radius:4px;padding:15px}.formField input:focus{outline:none}.formField label{font-size:15px;font-weight:600;margin-bottom:3px}button{background-color:#10e0dc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:10px;margin-top:10px;padding:10px 30px;width:85%}button:hover{background-color:#049390}.errorMsg{align-self:flex-start;color:red;margin:0}.msgOK{color:green}.newAccountButton{width:100%}}@media (max-width:600px){.formContainer form{background-color:#fff;height:100%;width:100%}.uiForm{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:space-evenly;margin:auto;padding-bottom:25%;padding-top:10%;width:250px}h1{font-size:20px;text-align:center}.formField{display:flex;flex-direction:column;width:100%}.formField input{border:1px solid gray;border-radius:4px;padding:15px}.formField input:focus{outline:none}.formField label{font-size:15px;font-weight:600;margin-bottom:3px}button{background-color:#10e0dc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:10px;margin-top:10px;padding:10px 30px;width:100%}button:hover{background-color:#049390}.errorMsg{align-self:flex-start;color:red;margin:0}.msgOK{color:green}}.app-profiles{background-color:#292f38;border-radius:5px;box-shadow:0 15px 35px #00000080;height:700px;margin:10px;min-width:350px;padding:10px;width:25%}.sample-box-02{border:3px double #ddd;margin:10px;padding:2px;text-align:center}.app-details{border:1px solid #1e1e1e;border-radius:12px;display:flex;padding:1rem;text-align:center;width:11rem}.btn1,.btn2,.btn3,.btn4,.btn5,.btn6,button{display:inline-block}li{list-style:none}.MenuButton,.all{justify-content:center}.MenuButton{align-items:center;display:flex;padding-left:0}.MenuContents{order:3}.ProfileBox{order:2}.search_component,.songlist{height:100%;position:relative;top:0;width:100%}body,html{height:90vh}body{margin:0}.scroll{height:85vh;overflow:auto}#song_list,.scroll{position:relative;top:0}.songlist-and-search{height:1px}.approval_request_list{text-align:center}body{padding:2rem}.comment{border:1px solid #eee;border-radius:6px;display:flex;padding:1rem;width:35rem}.comment-left{margin-right:1rem}.comment-avatar{height:3rem;width:3rem}.comment-buttons{font-size:smaller;text-align:right}.comment-button:not(:last-child){margin-right:.5rem}.image-wrapper{margin:6;position:"relative";text-align:center}.profile_image{background-color:#00000080;border-radius:50px;height:150;max-width:100%;object-fit:cover;width:150}.trash{background-color:initial;border:none;color:#d3d3d3;cursor:pointer;font-size:24px;outline:none}.user-invalid{color:dimgray;cursor:none}.user,.user-invalid{background-color:initial;border:none;font-size:26px;margin-left:10px;outline:none}.user{color:#d3d3d3;cursor:pointer}.float_test{float:left}ul.topnav{background-color:#0baab5;list-style-type:none;margin:0;overflow:hidden;padding:0;width:100%}ul.topnav li{float:left}ul.topnav li a{color:#fff;display:block;padding:14px 16px;text-align:center;text-decoration:none}ul.topnav li a:hover:not(.active){background-color:#a9bce2}ul.topnav li a.active{background-color:#e4740cfb}ul.topnav li.right{float:right}@media screen and (max-width:480px){ul.topnav li,ul.topnav li.right{float:none}}
/*# sourceMappingURL=main.b4c42725.css.map*/