body{
    background-color: rgb(0, 0, 0);
    font-family: 'Niconne', cursive;
}
.navbar{
    position: sticky;
    display: flex;
    justify-content: center;

}
.navbar ul{
    padding: 0%;
    margin: 0%;
    overflow: hidden;
    text-align: center;
    list-style-type: none;
}
.navbar a{
    color: white;
    text-decoration: none;
    padding: 15px;
    display: block;
    text-align: center;
}
.navbar a:hover{
    background-color: rgb(151, 151, 151);
}
.navbar li{
    float: left;
    font-size: large;
    font-family: 'Niconne', cursive;

}
#Hello1{
    
    color: rgb(0, 23, 126);
    font-weight: 900;
    font-size: 60px;

    font-family: 'Inter', sans-serif;
}
#Hello2{
    color: rgb(255, 255, 255);
    font-weight: 900;
    font-size: 60px;

    font-style: italic;
    font-family: 'Inter', sans-serif;
}
#Hello3{
    color: rgb(200, 170, 136);
    font-weight: 900;
    font-size: 60px;

    font-style: oblique;
    font-family: 'Inter', sans-serif;
}
.container{
display: flex;
justify-content: center;
align-items: center;
}
.container image{
    flex: 1;
    padding: 20px;
    float: left;
    
}
.container text{
    flex: 1;
    padding: 20px;
    
}

.image{
border-radius: 9px;
}
.text{
background-color: rgb(8, 33, 54);
    color: white;
    font-size: 40px;
    border-radius: 9px;
    min-height: 600px;
    font-family: 'Inter', sans-serif;
  font-weight: 900;
}
.text ul li{
    margin: 15px;
    padding: 15px;
    font-size: 40px;
    list-style-type: none;
}
.text p{
margin-left: 30px;
margin-right: 20px;
}
.text ul{
    background-color: black;
    margin: 18px;
    
}
.text ul li{
    font-family: 'Inter', sans-serif;
  font-weight: 900;

}
#t1{
    min-height: max-content;
    color: rgb(0, 0, 0);
    background-color:rgb(200, 170, 136);
font-family: 'Niconne', cursive;
}
#t1 ul{
background-color: rgb(200, 170, 136);
padding: 8px;
}
#t1 ul li{
    font-size: 40px;
    font-family: 'Niconne', cursive;
}
#t1 audio{
    align-items: center;
}
#t1 a{
    text-decoration: none;
}
footer{
    color: white;
}
button{
    background-color: cadetblue;
    color: black;
}
button a{
    text-decoration: none;
}
button a:visited{
    color: black;
}
button a:hover{
    color: burlywood;
}