a{
    text-decoration: none;
}

.zdjela{
    background-image: url(images/bcg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 30px;
}

.bijela{
    background-color: aliceblue;
    background-clip: content-box;
}

.crta{
    border-bottom: 1px dashed black;
    
}

.container2 h1,h2,a{
    color:red;
}

h1{
    font-family: 'Inter', sans-serif;
}
h2{
    font-family: 'Poppins', sans-serif;
    font-size: 100%;
}
h3{
    font-family: 'Satisfy', cursive;
}
.container3 h3,h2{
    color:red
}
.navbar{
    background-color: rgb(235, 104, 29);
    padding:0;

}
.navbar-brand img{
    height: 45px;
}

.navbar-light .navbar-nav .nav-link  {
    color:aliceblue;
    padding: 15px;
    
}

.navbar-light .navbar-nav .nav-link.active{
    color:white;
    background: rgb(34,193,195);
    background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,156,45,1) 100%);
    
}
.navbar-light .navbar-nav .nav-link:hover{
    color:green;
}
.dropdown-menu{
    background-color: rgb(235, 104, 29);
}
.dropdown-item {
   
    color:white;
}

.dropdown-item:hover{
    background: transparent;
}
.btn-outline-success{
    border-color: white;
    color:white;
}
.navbar-light .navbar-toggler-icon{
    background-image: url(../images/home.png);
}
.ruka{
    overflow:hidden;/* da slika bude u okviru diva */
}
.strelica i{
 border:1px solid black; 
 border-radius: 50%;
 padding:5px 7px;
}
.strelica a:hover i{
    color:white;
    background-color: red;
}
.strelica a:hover{
    color: green;
}
.lakat{
    background-color: gray;
}
.nav-tabs .nav-link{
    color:red;
}
.tab-content{
    border:1px solid transparent;
    border-top:none;
}
.noga{
    overflow:hidden;
}

.accordion-button:not(.collapsed) {
    color: chocolate;
    background-color: gray;
}
.accordion-button{
    color: chocolate;
    background-color: gray;
}
.biceps{
    margin-top: 20px;
}
.biceps h1{
    text-align: center;
}
.accordion {
    box-shadow: 14px 14px 21px 30px rgba(0,0,0,0.75);
    -webkit-box-shadow: 14px 14px 21px 30px rgba(0,0,0,0.75);
    -moz-box-shadow: 14px 14px 21px 30px rgba(0,0,0,0.75);
}
.bez{
    background-color:rgb(210, 223, 176);

}
.zuta{
    background-color: rgb(219, 135, 104);
}
.narandzasta{
    background-color: rgb(187, 84, 15);
}
.tepih a{
 padding:50px 0px;
 display: block;

}
.bez i,.bez h2{
    color:white ;
}

.narandzasta i,.narandzasta h2,.zuta i,.zuta h2{
    color:aquamarine;
}
.tepih p{
    color: black;
}
.tepih a:hover h2,.tepih a:hover i{
    color:brown;
}/* idem na cijeli enkor a i ona mi se mijenja samo h2 i i */
.pepeljara h{
text-align: center;
}

.hlace {
    width:100%;
}
.pas {
    border:1px solid red; 
    border-radius: 100%;
    box-shadow: 1px 2px 78px -8px rgba(227,42,42,0.75);
    -webkit-box-shadow: 1px 2px 78px -8px rgba(227,42,42,0.75);
    -moz-box-shadow: 1px 2px 78px -8px rgba(227,42,42,0.75);
    padding:10px 10px
    

}
.pas:hover {
    box-shadow: none;
    
}

.roditelj{
    width: 600px;
    height:600px;
    background-color: rgb(209, 209, 129);
    position:relative; /* uvijek na roditelju */
}

.dijete{
    width: 300px;
    height: 300px;
    background-color: rgb(155, 51, 51);
    position: absolute; /* uvijek na djetetu */
    bottom: 0;
    right: 0;

}
.palacinka img{
  width:50%;

}

.truba{
    position: relative;
    overflow: hidden;   
    padding: 80px 0;
}
.muzika{
    position: absolute;
    top:0;
    left: 0;
    z-index: -1; /* da tekst bude ispred slike */
    opacity: 0.3;/* da slika izblijedi */
}
.linija{
    position: relative;

}

.linija::after{
    content:"";
    position: absolute;
    width: 70%;
    height: 3px;
    background-color: black;
    bottom:-15px;
    left:0;
    
}
.pica{
    background-color: pink;
}

.crta2{
    position: relative;

}

.crta2::after{
    content:"";
    position: absolute;
    
    height: 3px;
    background-color: black;
    bottom:-15px;
    left:20%;
    right:20%;
}

.slika2{
    background-clip: content-box;
}



/* start @media */
@media(max-width:990px){
    .truba{
        background-color:rgb(155, 51, 51) ;
    }

}

.meso{
position: absolute;
text-align: right;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}

.meso h2{
    background-color: rgba(57, 139, 233, 0.89);
}

.meso a{
    background-color: black;
    border-radius: 20px;
    padding: 10px;
}


.owl-carousel .owl-nav button.owl-prev{
    font-size: 50px;
}

.owl-carousel .owl-nav button.owl-next{
    font-size: 50px;

}

.owl-nav{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:100%;
}
.owl-carousel .owl-nav button.owl-prev{
    float: left;
}
.owl-carousel .owl-nav button.owl-next{
    float:right;
}
/* start galerija */
.galerija{
    background-color: rgb(44, 41, 41);
    color:white;
}
.album div{
    border: 1px dashed white;
    padding: 30px;
}
/* end galerija */

.kuca div{
    border: 3px solid black;
    background-color: aliceblue;
    padding: 10px;

}