html,body{
margin: 0;
padding: 0;
width: 100%;
background-color: #2a2e43;}
.nav-link{font-size: 20px !important}
nav{
background-color: #273A5E;
width: 100%;}
.container{display:flex;align-items:center;background-color:#273A5E; opacity:;}
.header {
display: flex;
align-items: center;
width: 100%;
height: 340px;
background: url(img/home1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position:relative;
overflow: auto;}
.headerlogo {
margin-left: auto;
margin-right: 70px;
margin-top:10px;}
.headerlogo img {
width: 190px;
height: 190px;}
.cart img {
height: 40px;
border-radius: 20px;
margin-right: 50px;}
.row{text-align: center; }
.contentbooklistb{
box-shadow: 7px 7px 7px 7px white;
padding: 20px;margin:20px;}
.contentbooklist img {
height: 197px;}
.btn{border-radius: 40px;
background-color:#51AADF;}
.anime {
margin-top:20px;
background: #fff;
background: rgba(0, 0, 0, 0.9);
color: #FFF;
padding: 10px;
text-align: center;
border-radius: 40px;}
 .register{
    background: -webkit-linear-gradient(left, #3931af, #00c6ff);
    margin-top: 1%;
    padding: 1%;
    margin-bottom: 1%;}
.register h2,h3{
  font-size:30px;
    text-align: left;
    color: #fff;
    margin-top: 2%;}
h6{text-align:left;
    color: #fff;
    font-size:20px;}
.btnRegister{
    margin-top: 10%;
    margin-left: 30%;
    border: none;
    border-radius: 1.9rem;
    padding: 2%;
    background: #00c6ff;
    color: #fff;
    font-weight: 100;
    width: 40%;
    cursor: pointer;}
span{color:#FC0606;}
    label,h1{color:#FFFFFF;padding: 5px;}
    form{padding-top: 10%;
        }
        .footer {
    text-align: center;
    color: #ffffff;
    background-color: #273A5E;
    margin-top: 10px;
}
.footer a {
    color: #ffffff;
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;