:root{
    --main-color: #1cf4fa;
}
body{
	font-family: Ubuntu, sans-serif;
}
header{
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid var(--main-color);
}
footer{
    background-color: black;
    padding: 1.5rem 0;
    text-align: center;
    color: white;
}
footer p{
    margin-bottom: 0;
}
h1{
    color: white;
    margin-bottom: 1rem;
}
section{
    padding: 3rem 0 3rem 0;
    background-color: #343a40;
    border-bottom: 1px solid var(--main-color);
}
h1, h2, h3, h4, h5, a, p{
    color: white;
}
a:hover, a:focus, a:visited{
    color: white;
}
ul{
    color: white;
}
.navbar-nav li:hover > .dropdown-menu {
    display: block;
}
.dropdown-menu{
	background-color: #343a40;
    color: #fff;
    left: -3rem;
}
.dropdown-menu .dropdown-item{
	color: #fff;
}
.navbar-dark .navbar-nav .nav-link{
	color: #fff;
}
.dropdown-item:focus, .dropdown-item:hover{
	color: #343a40;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
.navbar-dark .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}
.home-img-bg{
    background-image: url(../img/bg-home.jpg);
    background-repeat: no-repeat;
    height: 217px;
    background-size: cover;
}
.indice-bandas-section .indice-bandas{
    background-repeat: no-repeat;
    height: 217px;
    background-size: cover;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.ib-archavon{
    background-image: url(../img/vault-of-archavon.webp);
}
.ib-naxxramas{
    background-image: url(../img/naxxramas.webp);
}
.ib-obsidian-sanctum{
    background-image: url(../img/obsidian-sanctum.webp);
}
.ib-eye-of-eternity{
    background-image: url(../img/the-eye-of-eternity.jpg);
}
.ib-ulduar{
    background-image: url(../img/ulduar.webp);
}
.ib-toc{
    background-image: url(../img/trial-of-the-crusader.webp);
}
.ib-onyxia{
    background-image: url(../img/onyxias-lair.jpg);
}
.ib-icc{
    background-image: url(../img/icecrown-citadel.webp);
}
.ib-ruby-sanctum{
    background-image: url(../img/ruby-sanctum.webp);
}
.indice-bandas-section .indice-bandas h2{
    color: white;
    text-shadow: 2px 2px black;
    margin: 0;
    text-align: center;
}
.banda-img-bg{
    background-repeat: no-repeat;
    height: 217px;
    background-size: cover;
    background-position: center;
}
.banda ul.banda-lista-bosses{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 3rem;
}
.banda ul.banda-lista-bosses li{
    margin-bottom: 1rem;
}
.banda h3{
    text-decoration: underline;
}
.banda-img-bg.ib-onyxia{
    background-position: 0px -68px;
}
.icontinyl{
    text-decoration: underline;
}
.yt-container{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.yt-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}