body{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;padding:0}@media(min-width:0){.app-container{margin:0}.modal .modal-content{max-height:100%;width:100%}.item-header{justify-content:center}.navbar{margin:0;overflow:scroll}}@media(min-width:768px){.app-container{margin:0 5%}.modal .modal-content{max-height:90%;width:80%}.item-header{justify-content:center}.navbar{margin:0 5%}}@media(min-width:992px){.app-container{margin:0 10%}.modal .modal-content{max-height:90%;width:75%}.item-header{justify-content:flex-start}.navbar{margin:0 10%}}@media(min-width:1200px){.app-container{margin:0 10%}.modal .modal-content{max-height:90%;width:75%}.item-header{justify-content:flex-start}.navbar{margin:0 10%}}@media(min-width:1400px){.app-container{margin:0 10%}.modal .modal-content{max-height:90%;width:50%}.navbar{margin:0 10%}}.app{display:flex;flex-direction:column;min-height:100vh;transition:.15s}.app-container{border-style:solid;border-width:0 1px;flex:1 1;padding:20px}.header-1,.header-2,.header-3{font-weight:700;text-align:center}.header-1{font-size:3em;margin-bottom:25px}.header-2{font-size:2em;margin-bottom:20px;margin-top:10px}.header-3{font-size:1.5em;margin-bottom:15px}.navbar ul{display:flex;list-style-type:none;padding:0}.navbar ul li{margin:10px;padding:10px}.navbar ul a{color:inherit;text-decoration:none}.navbar ul .navbar-item{background-color:inherit;border:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:700;transition:.15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;width:auto}.navbar ul .navbar-item:hover{cursor:pointer}.form .form-group input[type=file]::-webkit-file-upload-button{border:none;border-radius:3px;cursor:pointer;font-weight:700;padding:10px 40px;-webkit-transition:.15s;transition:.15s}.button,.form .form-group input[type=file]::file-selector-button{border:none;border-radius:3px;cursor:pointer;font-weight:700;padding:10px 40px;transition:.15s}.float-right{margin-left:auto}h1{margin:0}a{color:inherit;text-decoration:none;transition:.15s}.grid-container{grid-gap:25px;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));justify-self:inline}.card-container{display:flex;flex:1 1;flex-wrap:nowrap;justify-content:center}.card{margin:25px;transition:.15s}.card,.card .image-cover{border-radius:3px;width:250px}.card .image-cover{height:250px}.card .image-artist{border-radius:50%;display:block;height:187.5px;margin:15px auto;width:187.5px}.card-headers{padding:20px 20px 30px}.card-title{font-size:1.25em;font-weight:700}.card-subtitle,.card-title{margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-subtitle{font-size:1em;font-style:italic}.text-center{text-align:center}.form{border:1px solid;border-radius:3px;display:flex;margin:auto;width:50%}.form .form-group{flex:1 1;padding:20px}.form .form-group label{display:block;font-size:1.25em;margin-bottom:5px}.form .form-group input{border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin-bottom:10px;padding:10px;width:100%}.form .form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield}.form .form-group input[type=file]{border:none;padding:0}.form .form-group input[type=file]::-webkit-file-upload-button{margin-right:25px}.form .form-group input[type=file]::file-selector-button{margin-right:25px}.form .form-group textarea{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none}.form .form-group select,.form .form-group textarea{border:1px solid #ccc;border-radius:3px;margin-bottom:10px;padding:10px;width:100%}.form .form-group select option{border-radius:3px;padding:10px}.form .form-group button{float:right}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.modal .modal-content{border:1px solid;border-radius:3px;box-sizing:border-box;flex-direction:column;left:50%;overflow-y:scroll;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal .close{cursor:pointer;float:right;font-size:1.5em;font-weight:700;margin-left:auto;position:-webkit-sticky;position:sticky;top:0;transition:.15s}.modal .close:hover{color:#f44034}.item-header{display:flex;flex-wrap:wrap}.item-header .item-image{height:250px;margin:15px;width:250px}.item-header .item-image.album-cover{border-radius:3px}.item-header .item-image.artist-portrait{border-radius:50%}.item-header .item-header-titles{align-self:center;padding:20px}.item-header .item-header-titles .item-title{font-size:4em}.item-header .item-header-titles .item-subtitle{margin:0}.item-header .item-header-titles .item-subtitle:before{content:"("}.item-header .item-header-titles .item-subtitle:after{content:")"}.item-info{margin:0;padding:15px}.item-info p{margin:0}.flex{display:flex}.light{background-color:#f7f2d5;color:#0f0d0e}.light .app-container{background-color:#faf6e3;border-color:#8dbfb3}.light .app-container ::selection{background-color:#8dbfb3;color:#faf6e3}.light .navbar{background-color:#8dbfb3;color:#faf6e3}.light .navbar .navbar-item:hover{background-color:#4d665f}.light a:hover{color:#8dbfb3}.light .card:hover{background-color:#f2ebc0}.light .form input[type=file]::-webkit-file-upload-button{background-color:#8dbfb3;color:#faf6e3}.light .button,.light .form input[type=file]::file-selector-button{background-color:#8dbfb3;color:#faf6e3}.light .form input[type=file]:hover::-webkit-file-upload-button{background-color:#4d665f;color:#8dbfb3}.light .button:hover,.light .form input[type=file]:hover::file-selector-button{background-color:#4d665f;color:#8dbfb3}.light .form{background-color:#f7f2d5;border-color:#8dbfb3}.light .form input{background-color:#faf9f6}.light .form input:focus{outline:2px solid #8dbfb3}.light .form textarea{background-color:#faf9f6}.light .form textarea:focus{outline:2px solid #8dbfb3}.light .form select{background-color:#faf9f6}.light .form select:focus{outline:2px solid #8dbfb3}.light .modal .modal-content{background-color:#faf6e3;border-color:#8dbfb3}.dark{background-color:#191617;color:#faf6e3}.dark .app-container{background-color:#0f0d0e;border-color:#f44034}.dark .app-container ::selection{background-color:#f44034;color:#0f0d0e}.dark .navbar{background-color:#f44034}.dark .navbar .navbar-item:hover{background-color:#221d1f}.dark a:hover{color:#f44034}.dark .card:hover{background-color:#221d1f}.dark .form input[type=file]::-webkit-file-upload-button{background-color:#f44034;color:#faf6e3}.dark .button,.dark .form input[type=file]::file-selector-button{background-color:#f44034;color:#faf6e3}.dark .form input[type=file]:hover::-webkit-file-upload-button{background-color:#191617;color:#f44034;outline:1px solid #f44034}.dark .button:hover,.dark .form input[type=file]:hover::file-selector-button{background-color:#191617;color:#f44034;outline:1px solid #f44034}.dark .form{background-color:#191617;border-color:#f44034}.dark .form input{background-color:#faf6e3}.dark .form input:focus{outline:2px solid #f44034}.dark .form textarea{background-color:#faf6e3}.dark .form textarea:focus{outline:2px solid #f44034}.dark .form select{background-color:#faf6e3}.dark .form select:focus{outline:2px solid #f44034}.dark .modal .modal-content{background-color:#0f0d0e;border-color:#f44034}
/*# sourceMappingURL=main.c00856c4.css.map*/