.comment-title h1{font-size:30px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;padding-top:15px;padding-bottom:15px;color:white}.comments-form{display:flex;flex-direction:row}.comments-form textarea{padding-left:5px;padding-top:5px}.comments-form textarea:focus{padding-left:5px;padding-top:5px;border:1px solid #00b8e6}.comment-button{height:62px;background-color:#00b8e6;color:white;border-radius:5px;margin-bottom:10px}.comment-button:hover{height:62px;background-color:#00a5ce;color:white;border-radius:5px;margin-bottom:10px;cursor:pointer}.comments-box{padding-top:30px;margin-top:15px;border-top:2px solid lightgray}.comment-content{width:500px;border-bottom:1px solid lightgray}.comment-content h1{font-size:15px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;margin-top:5px;margin-bottom:20px;color:white}.comment-content h2{place-content:end;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;font-size:12px;margin-bottom:3px;color:darkgray}.discover-tracks h1{font-size:30px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;padding-top:15px;padding-bottom:15px;color:white}.empty-list{color:white;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif}.tracklist-container{margin-bottom:35px}#sound-wave-everywhere{position:fixed;right:150px;top:140px;opacity:0.5;z-index:-1}@keyframes pulse{0%{background-color:orange;border:2px solid #7272ff}25%{background-color:purple;border:2px solid #d272ff}50%{background-color:#0094d8;border:2px solid #fdff72}75%{background-color:#00d897;border:2px solid #ffb172}100%{background-color:orange;border:2px solid #7272ff}}@keyframes fadein{from{opacity:0}to{opacity:1}}.home{display:grid;height:100%;animation:fadein 3s}.home-view{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.home-header{display:flex;justify-content:space-between;align-items:center;background-color:rgba(102,0,185,0.95);animation:fadein 3s;padding:1em;border:2px solid white;border-top:0;border-radius:0 0 10px 10px}.home-logo{display:flex;flex-direction:row;font-size:40px;text-align:left;font-family:'Quicksand', sans-serif;color:#ccefff}.home-logo img{padding-right:15px}.auth-btns{position:relative;text-decoration:none;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif}#login{font-size:14px;height:30px;width:80px;background-color:Transparent;border:1px solid #ccefff;border-radius:3px;padding:5px 15px;text-decoration:none;color:white;transition:background-color 0.3s ease-in-out}#login:hover{background-color:#ccefff42;cursor:pointer}#signup{font-size:14px;height:30px;width:100px;background-color:#ccefff;border:1px solid #ccefff;border-radius:3px;padding:5px 25px;text-decoration:none;color:black;transition:border 0.3s ease-in-out}#signup:hover{cursor:pointer;border-bottom:4px solid black}.github-icon{height:32px;width:32px}.auth-btns>*{margin-right:1em}.home h1{margin:5px auto;padding-top:80px;color:white;text-align:center;font-family:'Quicksand', sans-serif;font-size:50px}.home p{color:#ccefff;font-weight:bolder;text-align:center;font-family:'Quicksand', sans-serif;font-size:30px;font-weight:1000px}.library-tracks{margin-bottom:48px}.library-tracks h1{font-size:30px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;padding-top:15px;padding-bottom:10px;color:white}.library-note{font-size:15px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;margin-bottom:8px;color:white}.modal-background{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(228,228,228,0.7);z-index:10}.modal-child{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:400px;z-index:100}#close-out{z-index:999;background-color:transparent;color:#524e4e;font-size:35px;position:fixed;right:20px;top:10px;font-family:'Quicksand', sans-serif;border:none;font-weight:200px}#close-out:active{transform:translateY(2px)}.music-player-background{position:fixed;bottom:-1px;background-color:#efefef;height:48px;width:100%;border-top:1px solid darkgray;z-index:999}.player{margin:0 90px;height:inherit;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.music-player-container{display:flex}input[type='image']{height:20px;width:20px}#play-button{margin-left:20px}#pause-button{margin-left:15px}#progress-bar{margin-left:40px;width:400px}#vol-bar{margin-left:30px}.current-track-display{display:flex;flex-direction:row;align-items:center;width:250px;height:45px}.current-track-img{height:40px;width:40px;background-color:darkgray;margin-left:5px}.current-track-details{margin-left:20px;color:black;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif}#song-name{font-size:16px;margin-bottom:3px}#song-artist{font-size:12px}.nav-bar{display:flex;justify-content:space-between;align-items:center;background-color:#333333;height:46px}.nav-bar-logo{display:flex;flex-direction:row;align-items:center;width:69px;height:46px;background-color:#00b8e6;margin:0 0 0 90px}.nav-bar-logo img{margin:0 auto;cursor:pointer}.logo{font-size:45px;font-family:'Quicksand', sans-serif;color:#ccefff}.nav-bar-left-side{display:flex}.nav-bar-left-side .nav-discover-button{width:104px;font-size:14px;background-color:#333333;border:none;border-right:1px solid black;color:lightgray}.nav-bar-left-side .nav-discover-button:hover{width:104px;background-color:black;border:none;color:white;cursor:pointer}.nav-bar-left-side .nav-stream-button{width:104px;font-size:14px;background-color:#333333;border:none;border-right:1px solid black;color:lightgray}.nav-bar-left-side .nav-library-button{width:104px;font-size:14px;background-color:#333333;border:none;border-right:1px solid black;color:lightgray}.nav-bar-left-side .nav-library-button:hover{width:104px;background-color:black;border:none;color:white;cursor:pointer}.nav-bar-search .search-input{width:300px;height:25px;border-radius:6px;border:1px solid black;padding-left:7px;font-size:14px;background-color:#dfdfdf}.search-form{display:flex;flex-direction:row}.search-button{margin-left:10px;background-color:#00b8e6;border-radius:5px;border:none;color:white}.search-button:hover{margin-left:10px;border-radius:5px;border:none;color:white;background-color:#009ec5;cursor:pointer}.nav-bar-right-side{display:flex;flex-direction:row;color:lightgray;margin-right:90px}.nav-bar-right-side .nav-upload-button{width:80px;font-size:14px;background-color:#333333;border:none;border-left:1px solid black;color:lightgray}.nav-bar-right-side .nav-upload-button:hover{background-color:black;width:80px;border-top:none;border-right:none;border-left:1px solid black;color:white;cursor:pointer}.nav-bar-right-side .nav-upgrade-button{width:80px;font-size:14px;background-color:#333333;border:none;border-left:1px solid black;color:#00b8e6}.nav-bar-right-side .nav-upgrade-button:hover{background-color:black;width:80px;border-top:none;border-right:none;border-left:1px solid black;color:#00b8e6;cursor:pointer}.nav-bar-right-side .nav-upload-button:focus{width:80px;border-top:none;border-right:none;border-left:1px solid black;color:white;cursor:pointer}.nav-bar-profile-icon{display:flex;flex-direction:row;justify-content:space-around;align-items:center;background-color:#333333;border-left:1px solid black;height:46px;width:180px}.nav-bar-profile-icon h2{font-size:14px;font-family:'Roboto', sans-serif;border:1px solid #00b8e6;padding:10px;border-radius:50px}.nav-bar-profile-icon button{width:70px;height:30px;background-color:#00b8e6;border:none;border-radius:5px;color:white}.nav-bar-profile-icon button:hover{width:70px;height:30px;background-color:#009ec5;border:none;border-radius:5px;color:white;cursor:pointer}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}html{height:100%;width:100%}body{background-image:linear-gradient(#000, blue);background-attachment:fixed}:focus{outline:0}body{line-height:1;background-color:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:''}blockquote,q{quotes:'' ''}.body-view{margin:0 90px;position:relative}.search-tracks{margin-bottom:48px}.search-text{font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;padding-top:15px;padding-bottom:15px;color:white}.default{font-size:20px}.search-string{margin-left:10px;font-size:30px;display:inline-block}.session-container{display:flex;flex-direction:column;background-color:white;height:570px;width:400x}.session-form-errors{font-family:'Roboto', sans-serif;font-size:12px;bottom:50px;color:#387997}.session-form-type{margin:auto;padding-top:20px;font-family:'Roboto', sans-serif;font-size:35px;color:#00b8e6}.session-form{display:flex;flex-direction:column;margin:auto;margin-top:65px;margin-bottom:10px;font-family:'Roboto', sans-serif}.session-form label:first-of-type{border-top:2px solid #ccefff;padding-top:60px}.session-form label{padding:10px 0 10px 0;width:350px}.session-form label:last-child{padding:10px}.session-label{font-size:20px}.session-label input{border:2px solid #ccefff;height:35px;width:345px;border-radius:2px;padding-left:10px}input:focus{border:2px solid #00b8e6}.session-form-btn{height:40px;margin-top:20px;background-color:#00b8e6;border-color:#ccefff;font-size:14px;color:white;font-weight:200px;border-radius:2px}.session-form-btn:hover{background-color:#549fb8}#login-btn{margin-top:30px}.switch-form{align-self:center;padding-bottom:30px;font-family:'Roboto', sans-serif;font-size:15px}.switch-form button{border:none;text-decoration:underline;font-family:'Roboto', sans-serif;font-size:15px}.switch-form button:hover{cursor:pointer}::-webkit-input-placeholder{color:#5f5d5d}::-moz-placeholder{color:#5f5d5d}:-ms-input-placeholder{color:#5f5d5d}:-moz-placeholder{color:#5f5d5d}.discover-song-container-name{width:450px;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}#discover-song-name{font-size:23px;margin-left:20px;margin-top:27px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;margin-bottom:10px}#artist-name{margin-left:20px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif}.discover-comments-likes{display:flex;flex-direction:row;margin-left:250px}.discover-comment{margin-top:20px}.discover-comment:hover{margin-top:20px;cursor:pointer}.discover-like{margin-left:40px;margin-top:17px}.discover-like:hover{margin-left:40px;margin-top:17px;cursor:pointer}.discover-like-number{font-family:Arial, Helvetica, sans-serif;margin-left:8px;align-self:flex-end}.song-container{display:flex;flex-direction:row;border:1px solid black;width:600px;height:120px;background-image:linear-gradient(#e9e9e9, #71e3ff)}.song-container .song-name{padding-left:10px;padding-top:10px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;font-size:20px;padding-bottom:5px}.song-container .artist-name{padding-left:10px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;font-size:15px;padding-bottom:5px}.song-container .song-content{position:relative}.song-content .play-button{position:absolute;width:25px;height:25px;right:20px;bottom:35px;background-color:#e4fcff;border-radius:30px;padding:10px;border:1px solid #1b7db6}.song-content .play-button-active{position:absolute;width:25px;height:25px;right:20px;bottom:35px;background-color:#e4fcff;border-radius:30px;padding:10px;border:3px solid white}.song-content .pause-button{position:absolute;width:25px;height:25px;right:20px;bottom:35px;background-color:#e4fcff;border-radius:30px;padding:10px;border:1px solid #1b7db6}.song-container-name{width:450px;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}.edit-delete{margin-left:30px;margin-top:22px;width:150px}.delete{border:none;width:50px;height:20px;background-color:lightblue;border-left:15px}.delete:hover{background-color:#347e97;color:white;cursor:pointer}.edit{border:none;width:50px;height:20px;background-color:lightblue}.bottom-container{display:flex;flex-direction:row}.comments-likes{display:flex;flex-direction:row;margin-left:60px}.comments-likes .comment{font-size:15px;margin-top:35px}.comments-likes .comment:hover{font-size:15px;margin-top:35px;cursor:pointer}.comments-likes .like{font-size:15px;margin-top:32px;margin-left:40px}.comments-likes .like:hover{font-size:15px;margin-top:32px;margin-left:40px;cursor:pointer}.comments-like-number{margin-left:8px;margin-bottom:5px;align-self:flex-end;font-size:15px}.upgrade-container{width:100%;display:flex;flex-direction:column}.upgrade-container h1{margin:0 auto;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;font-size:27px;margin-top:20px;margin-bottom:60px;border-bottom:3px solid #f76411;color:#dadada}.upgrade-container .soundcloud-img{margin:0 auto}.upload-track-view h1{font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-seri;font-size:30px;margin-bottom:15px;color:white}.upload-track-form{display:flex;flex-direction:column;border:1px solid lightgray;height:450px;background-color:#c6f4ff;width:60%;margin:0 auto;margin-bottom:15px}.upload-track-form>label{padding-bottom:90px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-seri;font-size:20px;padding-left:30px;color:#797979}.upload-track-form>label:last-of-type{padding-bottom:30px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-seri;font-size:20px;padding-left:30px;color:#797979}.upload-track-form .title{padding-top:40px}.upload-track-form input[type='text']{border-radius:2px;font-size:20px;border-top:none;border-left:none;border-right:none;width:70%;height:23px;margin-left:20px}.upload-track-form input[type='file']{margin-left:20px}.upload-form-errors{height:40px;margin-bottom:20px;margin-left:25px;color:#ff5f5f;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-seri;font-size:13px}.upload-form-errors li{list-style:none}.upload-track-form-submit{height:70px;background-color:#00b8e6;color:white;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-seri;font-size:25px}.upload-track-form-submit:hover{background-color:#0083a3;cursor:pointer}.upload-nav{display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:40px;margin-bottom:10px}.upload-nav .upload{text-align:center;padding-bottom:5px;width:50%;text-decoration:none;color:black;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;border-bottom:2px solid lightgray}.upload-nav .your-tracks{padding-bottom:5px;width:50%;text-align:center;text-decoration:none;color:black;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;border-bottom:2px solid lightgray;color:white}.upload-nav a.chosen{border-bottom:2px solid #00b8e6;color:white}#upload{color:white}.your-tracks-header{color:white}.your-tracks-body{margin-bottom:48px}.your-tracks-body h1{font-size:30px;font-family:Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;padding-bottom:15px}