body {
    background: #010101;
    font-family: "Nunito", sans-serif;
}

.blurb h2 {
   color: white;
   font-weight: 100;
   font-size: 2.5rem;
}

.blurb p {
    color: white;
    font-weight: 100;
    font-size: 1.125rem;
    line-height: 2;
}
.link{
    text-decoration: none;
    color: white;
}
.link:hover{
    text-decoration: none;
    color: silver;
}
.content {
    margin-top: 100px;
    margin-bottom: 100px;
}

a {
    color: white;
    
}

#mainNavbar {
    font-size: 1.5rem;
    font-weight: 100;    
}

#mainNavbar .nav-link {
    color: white;
}

#mainNavbar .nav-link:hover {
    color: rgb(152, 155, 147);
}

#mainNavbar .navbar-brand {
    color: White;
    font-size: 2rem;
    
}

#headingGroup span {
    color: #EA1C2C;
}
#chicago{
    color:white;
    font-weight: bolder;
    text-shadow: 1px 1px 1px #CECECE;
}
#headingGroup h1 {
    font-weight: 100;
    font-size: 4rem;
}

.navbar.scrolled {
    background: rgb(20, 20, 21);
    transition: background 500ms;
}
.icon{
    height: 2em;
    margin: 5em 2em;
    transition: 0.25s;
}
.icon:hover{
    
   transform: scale(1.3);
    
}
@media (max-width: 1200px) {
    #headingGroup h1 {
        font-weight: 100;
        font-size: 3rem;
    }
    .blurb h2 {
        font-size: 2rem;
    }
}
.mainimage{
    width: 100vw;

}

.piano{
    width:100vw;
}
iframe{
    width:100%;
    height: 100%;
}

.channel{
    background: #333;
}
.footer-link{
    text-decoration: none;
    color: white;
}
.navbar-brand-2{
    font-size: 1.5rem;
    color: white;
    text-decoration: none;
}