@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Nunito&family=Roboto&display=swap');

html,
body,
header,
#intro {
    height: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
}

h1 {
    font-family:  'Nunito', sans-serif;
    font-size: 3em;
    font-weight: 900;
}

h2 {
    font-family:  'Nunito', sans-serif;
    font-size: 2em;
}

h3 {
    font-family:  'Nunito', sans-serif;
    font-size: 1.5em;
}

#intro {
    background: rgb(245, 172, 15) url("imagini/code3.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#footer {
    background-color: rgb(3, 55, 61);
    min-height: 120px;
    padding:20px;
   width:100%;
}

#intro {
    color:aliceblue;
}

#nav{
    background-color: rgb(5, 94, 94);
    color:aliceblue;
}
nav a{
    color:rgba(240, 248, 255, 0.816);
}
a:hover{
    color:rgb(36, 150, 150);
}

a.dropdown-item{
background-color:rgb(5, 94, 94);
}
a.dropdown-item:hover{
    background-color:rgb(3, 55, 61);
}

.bibliografie{
    color:#558d7d;
}
footer{
    padding-left:2%;
    padding-top:2%;
    text-align:left;
    color:#558d7d;
}
footer h4{ 
    text-align: left;
}

li{
    text-align: left;
    color:#558d7d;
    
}
#ana{
    text-align:center;

}

.sticky-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #0d4c4c;
    color: #f4fff6;
    border: none;
    border-radius: 50px;
    padding: 15px 20px;
    font-size: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.sticky-button:hover {
    background-color: #01423f;
}