* {
    margin : 0;
    padding: 0;
}

.navigation {
    font-family        : var(--font1);
    /* height             : 84px; */
    /* background-color: pink; */
    display            : flex;
    justify-content    : space-between;
    align-items        : center;
    margin-top         : 23px;
}

.nav-left {
    font-size: 30px;
    display  : flex;
}

.content {
    height             : 100%;
    /* background-color: rgb(207, 247, 247); */
    display            : flex;
    margin-top         : 33px;
    padding            : 10px;
    position: relative;
}
.content::after{
    content: "";
    background-image: url(../img/party3.jpg);
    position: absolute;
    width: 100%;
    height: inherit;
    opacity: 0.2;
}

.content-left {
    font-family: var(--font1);
    padding: 48px;
    display        : flex;
    flex-direction : column;
    justify-content: center;
    z-index: 1;
}

.content-right {

    display        : flex;
    align-items    : center;
    justify-content: center;
    
}

.content-right img {
    height       : 335px;
    border       : 3px solid black;
    border-radius: 200px;
    
}

.nav-left ul li {
    list-style : none;
    margin     : 0 14px;
    font-family: var(--font2);
    transition : all 0.3s ease-in-out;
    font-size  : 23px;
}

.nav-left ul li a:hover {
    font-weight: bolder;
    color      : var(--main-bg-color);
}

.nav-left ul li a {
    text-decoration: none;
    color          : black;
    /* transition  : all 0.3s ease-in-out; */
}

.nav-left span {
    font-size: 35px;
    padding  : 10px;
}

.nav-left ul {
    display       : flex;
    align-items   : center;
    margin        : 0 77px;
    font-size     : 23px;
    padding-bottom: 23px;
    /* font-weight: bold; */
}

.dance-styles {
    padding-top  : 18px;
    margin-top: 23px;
    position: relative;
    /* height    : 455px; */
    /* background: pink; */
}
.year-box{
    position: absolute;
    width: 324px;
    height: 315px;
    /* background-color: red; */
    top: 80px;
    right: -100px;
    font-size: 19px;
}
.year-box div{
    margin: 12px 0;

}
.dance-style {
    display: flex;
    margin : 24px;
}

.dance-style img {
    width: 300px;
}
.dance-style-content a{
    text-decoration: none;
    
}
.dance-style-content {
    align-self: center;
    padding   : 25px;
}

.footer {
    height          : 50px;
    background-color: var(--main-bg-color);
    display         : flex;
    align-items     : center;
    justify-content : center;
    text-decoration : none;
    color           : white;
    flex-direction  : column;
    cursor          : pointer;
}

.footer a {
    color: white;
}