html{
    scroll-behavior: smooth;
}

body{
    background-color: lightblue;
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    text-indent: 50px;
    text-align: justify;
    margin-right: 80px;
    margin-left: 80px;

}


#titlu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 300px; 
    height: 150px;
    background-color: #4a94df;
    padding-top: 15px;
}

/* ************* Meniu ***************** */
#baraLaterala{
    position: fixed;
    top: 160px;
    left: 0px;
    width: 300px;
    height: 100%;
    background-color: #4a94df;
    /*padding-top: 15px;*/
  }

  /* Butoanele din meniu */
#baraLaterala a {
    display: block;
    color: rgb(37, 37, 36);
    padding: 12px 0px;
    text-decoration: none;
    border-bottom: 1px solid #34495e;
  }

#baraLaterala a:hover {
    background-color: #000000;
    color: white;
    
  }
/* ************* Meniu END ***************** */

/* ************** buton navigatie in pagina ************************ */
#butonNavigatieSus{
    background-color: #404c5f;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 20px;
}

#butonNavigatieSus:hover{
    background-color: #f3f39a;
    color: black;
}

/* ************** buton navigatie in pagina END ************************ */

/* ******************* tinta pentru TAG-uri *********************** */
/*
[id] {
    scroll-margin-top: 140px;
  }
*/
/* ******************* tinta pentru TAG-uri END*********************** */  

/* ******************** tabel liniat ************************** */
#tabelLiniat {
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    border-collapse: collapse;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  
  #tabelLiniat td, #tabelLiniat th {
    border: 1px solid #ddd;
    padding: 8px;
  }

  #tabelLiniat td:nth-child(even){text-align: center}
  
  #tabelLiniat tr:nth-child(even){background-color: #f2f2f2;}
  
  #tabelLiniat tr:hover {background-color: #ddd;}
  
  #tabelLiniat th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #60a7e9;
    color: white;
  }

/* ******************** tabel liniat END ************************** */


#continut{
    /*margin-top: 160px;*/
    margin-left: 240px;
    padding: 10px;
}

#imagine{
    float: right;
    
}

h1{
    font-family: Georgia, serif;
    font-size: 46px; 
    text-shadow: 4px 4px 4px #9c9292;
}

h2{
    font-family: Cinzel, serif;
    font-size: 35px;  
    text-shadow: 3px 3px 3px #ababab;
    background-color: blanchedalmond;
}

li{
    text-indent: 5px;
    margin: 10px 0;
}