header {
    background-image: url('img/header.webp');
    background-repeat: no-repeat;
    background-position: center;
    min-height: 1089px;
    font-family: 'Baloo', 'Arial Rounded', 'Helvetica', sans-serif;
    font-weight: 800;
    color: #ffd500;
}

@media (width <= 992px) {
    .header-title {
        font-size: 5rem; 
        text-shadow: -5px 0 50px #000000;
    }
  }
  
@media (width > 992px) {
.header-title {
        font-size: 7vw; 
        text-shadow: -5px 0 50px #000000;
    }
}

nav {
    font-size: 2.5rem;
}

nav ul li {
    list-style-type: '▷ ';
}

nav ul li a {
    text-decoration: none;
    color: #ffd500;
    text-shadow: -1px 0 10px #000000;
}

nav ul li a:hover {
    font-style: oblique;
    color: inherit;
}

.txt-red {
    color: #df0a14;
}

.txt-blue {
    color: #47b7ea;
}

.txt-pink {
    color: #ff9494;
}

.txt-yellow {
    color: #ffae00;
}

h2 {
   font-size: 4rem;
   font-family: 'Baloo', 'Arial Rounded', 'Helvetica', sans-serif;
   font-weight: 800;
}

main p {
    font-size: 1.75rem;
    margin: 1rem;
    font-family: 'Lato', 'Calibri', sans-serif;
}

main .btn {
    font-size: 2.5rem;
}

footer {
    background-color: #6e9a4f;
}