*{box-sizing:border-box;margin:0;padding:0}.header{background-color:#303030;display:flex;font-family:Arial,Helvetica,sans-serif;font-weight:700}.header img{margin:10px 20px;height:40px}.header ul{width:100%;list-style:none;display:flex;align-items:center;justify-content:flex-start}.header ul li{display:flex;margin:0}.header ul a{padding:20px;color:#fff;text-decoration:none}.header ul a:hover{background-color:#ffffff41;color:#303030}.home h1{display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif;margin:50px}.livros{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;padding:0 10%;font-family:Arial,Helvetica,sans-serif}.livros h1{margin:30px}.livros ul{width:100%;list-style:none;display:flex;justify-content:space-around;flex-wrap:wrap}.livros ul li{margin:10px;border:1px solid rgb(255,255,255);border-radius:5px;background-color:#fff;box-shadow:2px 2px 5px #424242;padding:10px;display:flex;flex-direction:column;align-items:flex-start;width:300px;text-decoration:none;font-weight:700;font-size:12pt;color:#000}.livros ul span{font-size:8pt;font-weight:lighter}.livros ul .botoes{display:flex;width:100%;justify-content:flex-end;align-items:bottom}.livros ul .btn{width:30px;height:30px;background-color:#fff;border:0px solid rgb(179,179,179);border-radius:5px;display:flex;justify-content:center;align-items:center;margin:3px}.livros ul .btn:hover{opacity:.8;border:0px solid rgb(238,238,238);box-shadow:0 0 2px #424242;color:#303030}.livros ul .edit{width:30px;background-color:#00f;color:#fff}.livros ul .delete{width:30px;background-color:red;color:#fff}.submenu{display:flex;padding:0 140px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.submenu ul{width:100%;list-style:none;display:flex;justify-content:flex-start;flex-wrap:wrap}.submenu ul li{margin:10px}.submenu ul a{background-color:#2400ee;border-radius:5px;padding:10px;display:flex;width:100%;height:100%;text-decoration:none;font-weight:700;color:#fff}.submenu ul a:hover{opacity:.5}.livrosCadastro{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10%;font-family:Arial,Helvetica,sans-serif}.livrosCadastro h1{margin:30px}.livrosCadastro .form-group{display:flex;width:400px;flex-direction:column}.livrosCadastro .form-group input{margin:3px;padding:5px;height:30px;font-size:12pt;border-radius:5px;border:1px solid #CCC}.livrosCadastro .form-group label{margin:3px;font-weight:700}.livrosCadastro .form-group button{margin:10px 0;width:100%;height:40px;color:#fff;text-transform:uppercase;font-weight:700;border:0px;border-radius:5px;background-color:#00f;cursor:pointer}.livrosCadastro .form-group button:hover{opacity:.7}