body
{
margin:0;
padding:0;
height:100%;
background-image:url('poze/halloween.jpg');
background-color:#E8DCC4;
background-repeat:no-repeat;
}


.copy{
    margin:20px;
    padding:20px;
    border-style:solid;
    border-width:1px;
    border-color: #ddd;
    -webkit-border-radius:3px;
    border-radius:3px;
    font-size:18px;
}
.panel{ margin: 20px; padding:0px; height:34px;}
.audio-panel{border:none !important;}
#playlist,audio{width:100%;}
.active a{text-decoration:none;}
ul{list-style:none; margin:0px; padding:20px;}
li{margin:0px; padding:0px;}
li, a{transition:all 0.5s;}
.list-group-item.active a{ text-decoration:none;}
a{display:block; position:relative; width:100%;}
li a{display:block; text-decoration:none;}
li:hover{background-color:#333;}
li a:hover{text-decoration:none;}
a{text-decoration:none;}
.last{display:none;}

#butonArticole
{
    background-color:#006C45;
    padding:20px;
    color:#b6d3f2;
    width:400px;
    font-weight:bold;
    font-size:33px;
    font-family:arial;
}

.paginaCurenta, .altaPagina
{
color:white;
height:40px;
line-height:40px;
font-family:arial;
}




/*Pentru site-ul vazut de pe telefon*/

@media only screen and (max-width: 800px) 
{
    #paginaCuMelodii
    {
    width:800px !important;    
    }
    
    .classForVideos
    {
    width:700px;
    }

    .youtubeVideo
    {
     width:200px !important;
     height:100px !important;   
    }

   

}


/*Back to desktop*/

.kindOfBad .inner entity
{
font-size:14px !important; 
color:black;
}


.classForVideos
{
display:inline-block;
margin-top:10px;
margin-left:20px;
width:810px;
}


.youtubeVideo
{
 width:450px;
 height:300px;   
}


@font-face {
  font-family: "SoRunDown";
  src: url('fonts/So Run Down.otf');
  font-weight: normal;
  font-style: normal;
}

.titluArticol
{
 font-size:30px;   
 font-family: Arial;    
}


.continutArticol
{
 font-size:20px;    
 font-family: Arial;   
}