/* Stylesheet-Dark für die Übungsseite */

html{
    scroll-behavior: smooth;
} 

body{
    background-color: rgba(185, 185, 185, 0.87);
    color: black;
    font-family: sans-serif;
} 

header{
    background-color: rgb(201, 119, 26);
    color: white;
    padding: 0.7rem;
    border-bottom: 2px solid black;
}

main{
    border: 1px solid black;
    line-height: 1.5;
    background-color: rgb(236, 236, 236);
    padding: 1rem
}

h2{
    line-height: normal;
    font-weight: 500;
} 

nav{
    display: block;
    padding: 0.5rem;
}

nav a{
    display: block;
    background-color: brown;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0.5rem 0.5rem;
}
nav ul{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
nav li{
    flex: 1;
    border: 1px solid black;
    max-width: 10rem;
}  
nav li:last-child{
    border: 1px solid black;
} 
nav a[aria-current],
nav a:hover, nav a:focus{
    background-color: burlywood;
    text-decoration: underline;
    text-decoration-style: solid;
} 
.dnd{
    background-color: black;
    color: rgb(223, 4, 4);
    font-weight: 600;
}

a{
    text-decoration-line: none;
} 
a:hover, a:focus{
    text-decoration-line: underline;
    text-underline-offset: 0.2rem;
} 

footer{
    padding: 0.5rem;
    text-align: center;
} 
footer a{
    display: block;
    color: white;
    background-color: brown;
    max-width: 10rem;
    padding: 0.5rem;
    border: 1px solid black;
} 
footer a:hover, footer a:focus{
    background-color: burlywood;
}