html {
    display: flex;
    justify-content: center;
    align-items: center;
}
img#slideImg {
    max-width:  80%;
    height: auto;
    transition: opacity 0.4s;
}
div#imgContainer {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#nextBtn, #prevBtn {
    position: absolute;
    cursor: pointer;
}
#nextBtn {
    right: 0px;
}
#prevBtn {
    left: 0px;
}


html, 
body {
width: 90%;
}

h1 {
color: white;
background-color: black;
border-radius: 10px;
margin: 10px;
padding: 10px;
}

a {
border-radius: 20px;
padding: 10px;
margin: 10px;
color: blue;
text-decoration: none;
}
a:visited {
color: blue;
text-decoration: none;
}
a:hover {
background-color: #a0a0a0;
}

.footer {
font-size: 0.7em;
}
.footer a {
all: initial;
font-size: 1em;
color: blue;
}
.footer a:visited {
all: initial;
font-size: 1em;
}
.footer a:hover {
all: initial;
color: red;
font-size: 1em;
}

}