@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');

body{
  background-color:#FFA07A;
  }

.logo{
  height:150px;
  width:150px;
  display: flex;
  position:relative;
  }
  
  .topo{
    position:sticky;
    top:0;
    z-index:1;
    display: flex;
    align-items: center;
    gap: 20px;
   background-color:#FFA07A;
    }
  
input{
    border-radius: 15px;  
    top:8%;
    left:10%;
    height:50px;
    width:1000px;
  }

.botao{
   border-radius: 15px;  
    left:62%;
    position:absolute;
    height:50px;
    width:200px;
  }
    
  .teste{
    display:flex;
    width: 100%;
    justify-content: space-between;
    }
    
    p{
     font-family: "Dancing Script", cursive;
     font-style: normal;
      }
    
  .indicacoes{
    border-radius:10px;
    flex-direction:row;
    height:90%;
    left:60%;
    position:absolute;
    background-color:#B0E0E6;
    }
  
  .livrossuspense{
    background-color:#FAFAD2;
    height:50%;
    width: 800px;
    left:10%;
    border-radius:10px;
    }
    
    .teste2{
      display:flex;
      }
    
    .livrosromance{
      background-color:#E6E6FA;
       flex-direction:column;
       border-radius:10px;
      }
      
      .chorar{
        background-color:#B0C4DE;
       flex-direction:column;
       border-radius:10px;
      }
    
    img{
      height:90px;
      width:70px;
      object-fit:cover;
      border-radius:10px;
      transition:0.8s ease;
      }
      
      img:hover{
        transform: scale(1.025);
        }

.rodape {
  position: fixed;
  bottom: 0;
  background-color:#FFFAFA;
  width:100%;
  height:30px;
}

.fa-brands fa-amazon{
  height:30px;
  width:30px;
  }