.loading{position:fixed;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-0.5em;-webkit-animation:spinner 1500ms infinite linear;-moz-animation:spinner 1500ms infinite linear;-ms-animation:spinner 1500ms infinite linear;-o-animation:spinner 1500ms infinite linear;animation:spinner 1500ms infinite linear;border-radius:0.5em;-webkit-box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.5) -1.5em 0 0 0,rgba(0,0,0,0.5) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0;box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.75) -1.5em 0 0 0,rgba(0,0,0,0.75) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}body{margin:0px;padding:0px;font-family:"Roboto Condensed",sans-serif;color:#1F211F}main{padding:15px;background-color:#FFF}h4{font-size:0.95rem;margin:0px}h5{font-size:0.85rem;margin:0px;color:#949A93}h6{font-size:0.85rem;margin:0px;color:#949A93}.hidden{display:none}li{list-style-type:none}.individual-albums-wrapper .album-delete-button button,.individual-artists-wrapper button,.individual-playlist-wrapper .playlist-delete-button button,.individual-playlist-wrapper .playlist-comment-div .playlist-comments .delete-button button{margin:0px auto;margin-top:15px;width:40%;padding:10px;border:none;background-color:#C9CDCD;color:#8E2F3C;font-weight:700;border-radius:4px}.nav-bar .add-button button,.search-albums button,.search-artists button,.search-tracks button,.search-playlist button,.search-albums input[type=submit],.search-artists input[type=submit],.search-tracks input[type=submit],.search-playlist input[type=submit],.individual-albums-wrapper .add-track-form button,.individual-playlist-wrapper .playlist-comment-div .comment-button button,.forms-wrapper .artist-form-wrapper button,.forms-wrapper .album-form-wrapper button,.forms-wrapper .playlist-form-wrapper button{color:#FFF;outline:0;border:0;cursor:pointer;border-radius:4px;padding:10px;background-color:#EE708B;transition:all 400ms;font-size:1em;box-shadow:3px 3px 2px 0px #EECADC;-webkit-box-shadow:3px 3px 2px 0px #EECADC;-moz-box-shadow:3px 3px 2px 0px #EECADC}.albums-wrapper .album-wrapper,.artists-wrapper .artist-wrapper{width:45%;text-align:center;margin:0px auto;margin-bottom:20px}.header-flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column-reverse;width:100%}.header-flex-wrapper .header-image{background-image:url("../images/header-image.jpg");background-repeat:no-repeat;background-size:cover;height:250px}.nav-bar{background-color:#ffffff;color:#1F211F;border-bottom:1px solid #949A93;font-family:'Fjalla One', sans-serif}.nav-bar nav{height:55px;text-align:right}.nav-bar nav .hamburger-icon img{width:50px;height:50px}.nav-bar nav .navigation.show{display:inline-block}.nav-bar nav .navigation{display:none;position:sticky;z-index:1000;background-color:#e5e5e5;width:50%;text-align:left}.nav-bar nav ul{margin:0px;padding:0px}.nav-bar nav ul li{list-style-type:none;padding:15px;margin:0px 7px 0px 7px;font-size:1.2em}.nav-bar nav ul li:active{color:#EE708B}.nav-bar .add-button{text-align:center}.nav-bar .add-button button{margin:20px}.nav-bar .add-button button:active{color:#1F211F}.albums-wrapper{display:flex;flex-wrap:wrap}.albums-wrapper .cover-image{overflow:hidden}.albums-wrapper .cover-image img{height:170px;width:170px;border:0.9px solid #e5e5e5;border-radius:0.2rem;object-fit:cover}.search-albums,.search-artists,.search-tracks,.search-playlist{text-align:center;margin-bottom:17px}.search-albums input[type=text],.search-artists input[type=text],.search-tracks input[type=text],.search-playlist input[type=text]{margin-top:5px;margin-bottom:10px;margin-left:15px;border:0.9px solid #cacaca;border-radius:0.25rem;width:90%;background-color:#e9e9e9;padding:10px}.search-albums button,.search-artists button,.search-tracks button,.search-playlist button,.search-albums input[type=submit],.search-artists input[type=submit],.search-tracks input[type=submit],.search-playlist input[type=submit]{margin-left:7px}.artists-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}.artists-wrapper .cover-image{overflow:hidden}.artists-wrapper .cover-image img{height:170px;width:170px;border:0.9px solid #e5e5e5;border-radius:0.2rem;object-fit:cover}.tracks-wrapper .track-wrapper{display:inline-flex;text-align:left;width:100%;margin-bottom:5px}.tracks-wrapper .cover-image{overflow:hidden}.tracks-wrapper .cover-image img{width:65px;height:65px;border:0.9px solid #e5e5e5;border-radius:0.2rem;object-fit:cover}.tracks-wrapper .track-info-wrapper{display:inline-flex;margin-top:25px}.tracks-wrapper .track-info-wrapper .track-title h4{font-size:0.8rem;margin-left:8px}.tracks-wrapper .track-info-wrapper .track-artist h4{font-size:0.8rem;color:#A5A3A7;margin-left:8px}.tracks-wrapper .track-info-wrapper .add-to-playlist{margin-left:5px}.tracks-wrapper .track-info-wrapper .add-to-playlist button{background-color:#EE708B;color:white;border-radius:0.25rem}.tracks-wrapper .track-info-wrapper .playlist-dropdown{background-color:#ffffff;border:1px solid #e5e5e5;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:absolute;z-index:1}.tracks-wrapper .track-info-wrapper .playlist-dropdown h4{color:#EE708B;font-size:0.9rem;margin-bottom:-15px;padding:5px}.tracks-wrapper .track-info-wrapper .playlist-dropdown ul{margin-left:-40px;width:100%}.tracks-wrapper .track-info-wrapper .playlist-dropdown ul li{font-size:0.85rem;border-top:1px solid #e5e5e5;padding:5px;cursor:pointer}.tracks-wrapper .track-info-wrapper .playlist-dropdown ul li:hover{background:#e5e5e5}.playlists-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}.playlists-wrapper .playlist-wrapper{width:45%;text-align:center;margin:0px auto;margin-bottom:20px}.playlists-wrapper .playlist-wrapper .cover-image{overflow:hidden;margin-bottom:-20px}.playlists-wrapper .playlist-wrapper .cover-image img{height:170px;width:170px;border:0.9px solid #e5e5e5;border-radius:0.2rem;object-fit:cover}.playlists-wrapper .playlist-wrapper .playlist-wrap-info{margin:0px auto;width:170px}.playlists-wrapper .playlist-wrapper .playlist-wrap-info h4{background-color:#EE708B;height:20px;color:#fff;border-radius:0.2rem;position:sticky;z-index:1}.playlists-wrapper .playlist-wrapper .playlist-wrap-info .playlist-creator h5{color:black}.individual-albums-wrapper .individual-flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.individual-albums-wrapper .individual-flex-wrapper .cover-image{overflow:hidden;margin-bottom:10px}.individual-albums-wrapper .individual-flex-wrapper .cover-image img{height:170px;width:170px;border:0.9px solid #e5e5e5;border-radius:0.2rem;object-fit:cover}.individual-albums-wrapper .individual-flex-wrapper .album-info{margin-left:10px}.individual-albums-wrapper .individual-flex-wrapper .album-info h5{color:#EE708B}.individual-albums-wrapper .add-track-form{border-top:1px solid #C9CDCD;border-bottom:1px solid #C9CDCD;margin-top:10px;padding-bottom:10px;padding-top:10px}.individual-albums-wrapper .add-track-form label{font-size:0.9rem;color:#EE708B}.individual-albums-wrapper .add-track-form input{width:60%}.individual-albums-wrapper .add-track-form button{padding:5px}.individual-albums-wrapper .album-tracks li{margin-left:-40px;margin-top:10px;height:30px;border-bottom:1px solid #C9CDCD;font-size:0.85rem}.individual-albums-wrapper .album-tracks button{float:right;background-color:#949A93;color:#fff;border-radius:0.25rem;border:0;outline:0;padding:5px;margin-top:-4px}.individual-albums-wrapper .album-delete-button button:hover{background-color:#8E2F3C;color:#fff}.rating-form{background-color:#e5e5e5;display:inline-flex;margin-top:20px;width:100%;border-radius:0.25rem;padding:5px}.rating-form h6{font-family:'Fjalla One', sans-serif;margin-top:10px;color:black;font-weight:400}.rating-form img{width:15px;height:20px;margin-right:5px;color:#EE708B}.individual-artists-wrapper .individual-artist-flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.individual-artists-wrapper .individual-artist-flex-wrapper .cover-image{overflow:hidden;margin-bottom:10px}.individual-artists-wrapper .individual-artist-flex-wrapper .cover-image img{height:170px;width:170px;border:0.9px solid #e5e5e5;border-radius:0.2rem;object-fit:cover}.individual-artists-wrapper .artist-info h5.genres{margin-top:10px}.individual-artists-wrapper .artist-info h5.genres p{color:#EE708B;margin:0px;padding:0px}.spotify-url a{text-decoration:none;color:#58BA55;margin:0px;padding:0px}.individual-playlist-wrapper .individual-playlist-flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.individual-playlist-wrapper .individual-playlist-flex-wrapper .cover-image{overflow:hidden;margin-bottom:10px}.individual-playlist-wrapper .individual-playlist-flex-wrapper .cover-image img{height:170px;width:170px;border:0.9px solid #e5e5e5;border-radius:0.2rem;object-fit:cover}.individual-playlist-wrapper .individual-playlist-flex-wrapper .playlist-info{margin-left:10px}.individual-playlist-wrapper .individual-playlist-flex-wrapper .playlist-info h4{font-size:1.25rem}.individual-playlist-wrapper .individual-playlist-flex-wrapper .playlist-info h5{color:#EE708B}.individual-playlist-wrapper .playlist-tracks li{margin-top:10px;height:30px;border-bottom:1px solid #C9CDCD;font-size:0.85rem}.individual-playlist-wrapper .playlist-tracks button{float:right;background-color:#949A93;color:#fff;border-radius:0.25rem}.individual-playlist-wrapper .playlist-delete-button button:hover{background-color:#8E2F3C;color:#fff}.individual-playlist-wrapper .playlist-comment-div{margin-top:15px;background-color:#e5e5e5;padding:15px}.individual-playlist-wrapper .playlist-comment-div input{width:50%;padding:10px;margin-bottom:10px;text-align:left;background-color:#fff;border:0.9px solid #cacaca;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-family:'Roboto Condensed';font-size:1em}.individual-playlist-wrapper .playlist-comment-div label{display:block;margin-bottom:10px}.individual-playlist-wrapper .playlist-comment-div textarea{width:50%;padding:10px;margin-bottom:10px;text-align:left;background-color:#fff;border:0.9px solid #cacaca;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-family:'Roboto Condensed';font-size:1em}.individual-playlist-wrapper .playlist-comment-div .comment-button{width:100%}.individual-playlist-wrapper .playlist-comment-div .comment-button button{margin-bottom:20px;padding-right:15px;padding-left:15px}.individual-playlist-wrapper .playlist-comment-div .comment-button button:active,.individual-playlist-wrapper .playlist-comment-div .comment-button button:hover{color:#203820}.individual-playlist-wrapper .playlist-comment-div .playlist-comments{margin-top:5px;padding:10px;background-color:#fff}.individual-playlist-wrapper .playlist-comment-div .playlist-comments ul{margin-left:-40px}.individual-playlist-wrapper .playlist-comment-div .playlist-comments ul li{padding-top:10px;margin:10px}.individual-playlist-wrapper .playlist-comment-div .playlist-comments .delete-button button{width:15%;margin:0px;padding:2px;font-size:0.85rem}.forms-wrapper .artist-form-wrapper,.forms-wrapper .album-form-wrapper,.forms-wrapper .playlist-form-wrapper{text-align:center}.forms-wrapper .artist-form-wrapper input,.forms-wrapper .album-form-wrapper input,.forms-wrapper .playlist-form-wrapper input{width:80%;padding:10px;margin-bottom:10px;text-align:left;background-color:#e9e9e9;border:0.9px solid #cacaca;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-family:'Roboto Condensed';font-size:1em}.forms-wrapper .artist-form-wrapper input[type=date],.forms-wrapper .album-form-wrapper input[type=date],.forms-wrapper .playlist-form-wrapper input[type=date]{text-transform:uppercase}.forms-wrapper .artist-form-wrapper label,.forms-wrapper .album-form-wrapper label,.forms-wrapper .playlist-form-wrapper label{display:block;text-align:center;margin-bottom:10px}.forms-wrapper .artist-form-wrapper button,.forms-wrapper .album-form-wrapper button,.forms-wrapper .playlist-form-wrapper button{margin-bottom:20px;padding-right:15px;padding-left:15px}.forms-wrapper .artist-form-wrapper button:active,.forms-wrapper .album-form-wrapper button:active,.forms-wrapper .playlist-form-wrapper button:active,.forms-wrapper .artist-form-wrapper button:hover,.forms-wrapper .album-form-wrapper button:hover,.forms-wrapper .playlist-form-wrapper button:hover{color:#1F211F}.error-message{color:#ad0404;font-weight:700;font-size:1.1em}.required{color:#bd0000;font-weight:600}@media screen and (min-width: 600px){.albums-wrapper .album-wrapper{width:40%}.albums-wrapper .cover-image img{height:170px;width:170px}.artists-wrapper .artist-wrapper{width:40%}.artists-wrapper .cover-image img{height:170px;width:170px}.tracks-wrapper{margin-left:20px}.tracks-wrapper .track-wrapper{margin-bottom:10px}.tracks-wrapper .cover-image img{width:75px;height:75px}.tracks-wrapper .track-info-wrapper{margin-top:30px}.playlists-wrapper .playlist-wrapper{width:20%}.playlists-wrapper .cover-image img{height:170px;width:170px}main{width:100%;padding:15px}.forms-wrapper{width:70%;margin:0px auto}.forms-wrapper .artist-form-wrapper input,.forms-wrapper .album-form-wrapper input,.forms-wrapper .playlist-form-wrapper input{width:60%}.header-flex-wrapper .header-image{background-position:center}}@media screen and (min-width: 900px){body{background-color:#ece9e9;margin:0px;padding:0px;font-family:"Roboto Condensed",sans-serif;color:#1F211F}main{width:75%;margin:0px auto;background-color:#FFF;padding:25px}.header-flex-wrapper .header-image{height:300px}.nav-bar{width:100%;margin:0px auto}.nav-bar nav{text-align:center}.nav-bar nav .hamburger-icon{display:none}.nav-bar nav .navigation{display:-webkit-box;display:-ms-flexbox;display:flex;width:70%;margin:0px auto;background:none;height:100%;overflow-x:none;overflow-y:none}.nav-bar nav .navigation.show{display:-webkit-box;display:-ms-flexbox;display:flex}.nav-bar nav ul{margin:0px 0px 0px 20px;display:inline-flex}.nav-bar nav ul li{cursor:pointer;padding:15px;margin:0px 7px 0px 7px}.nav-bar nav ul li:hover{color:#EE708B}.nav-bar .nav-list{flex-basis:80%;-webkit-flex-basis:80%;-ms-flex-basis:80%}.nav-bar .add-button{text-align:right;padding:0px;flex-basis:20%;-webkit-flex-basis:20%;-ms-flex-basis:20%}.nav-bar .add-button button{margin:0px;margin-top:7px}.nav-bar .add-button button:hover{color:#1F211F}.search-albums input[type=text],.search-artists input[type=text],.search-tracks input[type=text],.search-playlist input[type=text]{width:50%}.albums-wrapper .album-wrapper{max-width:20%}.albums-wrapper .cover-image img{max-width:auto;max-height:auto}.artists-wrapper .artist-wrapper{width:20%}.artists-wrapper .cover-image img{height:170px;width:170px}.tracks-wrapper{margin-left:20px}.tracks-wrapper .track-wrapper{margin-bottom:10px}.tracks-wrapper .cover-image img{width:75px;height:75px}.tracks-wrapper .track-info-wrapper{margin-top:30px}.playlists-wrapper .playlist-wrapper{width:20%}.playlists-wrapper .cover-image img{height:170px;width:170px}.forms-wrapper .artist-form-wrapper input,.forms-wrapper .album-form-wrapper input,.forms-wrapper .playlist-form-wrapper input{width:40%}.playlist-comments{width:50%}.playlist-comments h3{color:#EE708B}.playlist-comments .comment{border-bottom:1px solid #C9CDCD}.playlist-comments .comment h6{margin-top:10px}.individual-albums-wrapper .individual-flex-wrapper .cover-image img{height:300px;width:300px}.individual-albums-wrapper .album-tracks li{font-size:0.95rem}.individual-albums-wrapper .album-delete-button{width:35%}.individual-artists-wrapper .individual-artist-flex-wrapper .cover-image img{height:300px;width:300px}.individual-artists-wrapper .individual-artist-flex-wrapper .artist-info{margin-left:20px}.individual-artists-wrapper .individual-artist-flex-wrapper .artist-info h4{font-size:1.5rem}.individual-artists-wrapper .individual-artist-flex-wrapper .artist-info h5{font-size:1rem}.individual-artists-wrapper .delete-button{width:37%;margin:5px}.individual-playlist-wrapper .individual-playlist-flex-wrapper .cover-image img{height:300px;width:300px}.individual-playlist-wrapper .individual-playlist-flex-wrapper .playlist-delete-button{width:37%;margin:5px}}