*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}body{background-color:#f2f2f2;min-height:100vh;width:100%}a{color:inherit;text-decoration:none}input{font-size:18px;outline:none;width:100%}button{border:none;cursor:pointer;outline:none}.navbar{background-color:#000;display:flex;justify-content:space-between;padding:20px 10px;position:fixed;width:100%}.navbar h2{background-color:#fd0102;padding:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.brand-first-half{margin-right:2px}.brand-last-half{background-color:#000;color:#fd0102}.navbar button{background-color:initial;border:2px solid #fd0102;color:#fd0102;cursor:pointer;padding:5px 10px}.navbar button:hover{background-color:#fd0102;color:#fff}.albums-list{display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto;padding-top:73px;width:70%}.list{background-color:#478ac9;color:#fff;display:flex;flex-direction:column;height:200px;justify-content:space-between;margin-bottom:5px;padding:10px;width:310px}.list h3{text-align:center;text-transform:capitalize}.button-group{display:flex;justify-content:space-between;width:100%}.update-btn{background-color:#000;border:0;color:#fff;cursor:pointer;padding:10px 20px}.update-btn:hover{background-color:#fff;color:#000}.delete-btn{background-color:red;border:0;color:#fff;cursor:pointer;padding:10px 20px}.delete-btn:hover{background-color:#fff;color:red}.update-album{color:#fff;margin:auto;padding-top:73px;width:350px}.form-container{background-color:#478ac9;margin-top:50px;padding:10px}.inp-container{margin:10px}.form-container button{background-color:green;color:#fff;padding:10px 20px}.addalbum-container{color:#fff;margin:auto;padding-top:73px;width:350px}.addalbum-form{background-color:#478ac9;margin-top:50px;padding:10px}.addalbum-form button{background-color:green;color:#fff;padding:10px 20px}
/*# sourceMappingURL=main.b7215c85.css.map*/