html{
        scroll-behavior: smooth;
    }
body {
    background: #eee;
}

.hip-hop h1 { 
    font-size: 100px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 70px;

}

.dancestyle { 
    padding: 50px;

}

.dancestyle h2 { 
    margin-top: -33px;
}

.dancestyle > div {
    flex: 1;
}

.dancestyle figure {
    width: 100%;
    height: 100%;
    margin: 0;
    padding-left: 10px;
    display: block;
}

.dancestyle figure iframe {
    width: 600px;
    height: 400px;

}

.hip .two,
.popping .two,
.robot .two, 
.waacking .two, 
.disco .two, 
.breakdance .two  {
    text-align: right;

}

.hip,
.popping,
.robot, 
.waacking, 
.disco, 
.breakdance  {
background: #eee;
display: flex;

}

.locking, 
.waving, 
.voguing, 
.house, 
.krump {

background: #839DDB;
display: flex;
flex-direction: row-reverse;

}

.one { 
    padding: 15px;
}

.two {
    padding: 15px;
}

.hip h2,
.popping h2,
.robot h2, 
.waacking h2, 
.disco h2, 
.breakdance h2,
.locking h2, 
.waving h2, 
.voguing h2, 
.house h2, 
.krump h2 {

font-size: 75px;
font-weight: normal;
text-align: left;
padding: 10px;
padding-bottom: 5px;

}

.hip p,
.popping p,
.robot p, 
.waacking p, 
.disco p, 
.breakdance p,
.locking p, 
.waving p, 
.voguing p, 
.house p, 
.krump p {

font-size: 20px;
font-weight: normal;
text-align: left;
padding: 10px;
padding-top: 0;

}



.hip img {
    width: 600px;
    height: 400px;
    object-fit: cover;
}

.scroll a {
    display: block;
    text-align: center;
}