body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-image: url(../img/praia.png);
}
 
h1, h3, h4 {
    font-family: 'Arial Black', sans-serif;
}
 

 
.navbar-nav .nav-link {
    color: #000;
    padding: 10px;
    transition: background-color 0.3s ease;
}
 
.navbar-nav .nav-link:hover {
    background-color: #e0b854;
    color: #000;
}
 
.navbar-toggler {
    background-color: #ffc107 !important;
}
 

main .container {
    padding-top: 80px; 
}
 
h1 {
    font-size: 2.5rem;
    color: #000;
}
 
h3 {
    color: #ff0000; 
    font-style: italic;
}
 
h4 {
    font-size: 1.5rem;
    color: #333;
}
 
.bg-light {
    background-color: #c8e0a4 !important; 
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.banana{
     
        background: radial-gradient(at bottom right, #06C7E5 0, #06C7E5 14.25px, #06C7E533 14.25px, #06C7E533 28.5px, #06C7E5BF 28.5px, #06C7E5BF 42.75px, #06C7E540 42.75px, #06C7E540 57px, #06C7E54D 57px, #06C7E54D 71.25px, #06C7E5BF 71.25px, #06C7E5BF 85.5px, #06C7E533 85.5px, #06C7E533 99.75px, transparent 99.75px, transparent 114px), radial-gradient(at top left, transparent 0, transparent 14.25px, #06C7E533 14.25px, #06C7E533 28.5px, #06C7E5BF 28.5px, #06C7E5BF 42.75px, #06C7E54D 42.75px, #06C7E54D 57px, #06C7E540 57px, #06C7E540 71.25px, #06C7E5BF 71.25px, #06C7E5BF 85.5px, #06C7E533 85.5px, #06C7E533 99.75px, #06C7E5 99.75px, #06C7E5 114px, transparent 114px, transparent 285px);
        background-blend-mode: multiply;
        background-size: 114px 114px, 114px 114px;
        background-color: #DAEDAE;
    
    height: 70vh;
    border-radius: 10px; 
    border: 21px double #07806C;

}
.porpeta{
    margin-top: 40px;
    background: #A216FF;
    background: radial-gradient(circle farthest-corner at center center, #A216FF 32%, #F59AFF 79%, #1DF7FF 100%);
    
    width: 30rem;
    height: 30rem;
    clip-path: polygon(50% 0%, 64% 22%, 100% 30%, 79% 65%, 86% 95%, 48% 88%, 9% 97%, 16% 62%, 0 30%, 33% 21%);

}
.prabaixo{
    margin-top: 14rem;
}

header .container{
    background-color: #FFC670; box-shadow: rgba(0, 0, 0, 0.425) 3px 4px 2px ;
  }