.logo-link{
    color: black;
}
.nav-link{
    color: black;
}
.nav-link:hover{
    color: rgb(57, 57, 57);
}
.dropdown-content{
    background-color: white;
}
.dropdown-content li a{
    color: black;
}
.dropdown-content li a:hover{
    color: rgb(57, 57, 57);
}
.bar{
    background-color: black;
}
.top{
    padding: 8vh 5vw;
    background-color: #f5f0e4;
}
.intro{
    font-size: 2rem;
    color: black;
    text-align: center;
}
.statutes{
    padding: 8vh 5vw;
}
.statutes-title{
    color: #32ccff;
    font-size: 4rem;
    text-align: center;
    margin-bottom: 50px;
}
.statutes-content{
    width: 45%;
    min-width: 300px;
    margin: auto;
}
.preamble-content{
    margin-bottom: 20px;
    font-size: 1.1rem;
    text-align: justify;
}
.preamble-title{
    margin-bottom: 20px;
    font-size: 1.3rem;
}
.preamble{
    margin-bottom: 50px;
}
.article-section-title{
    margin-bottom: 20px;
    font-size: 1.5rem;
    color: #32ccff;
    cursor: pointer;
}
.rotate{
    transition: 0.4s;
}
.rotate.active{
    transform: rotate(-180deg);
}
.article-content-wrapper{
    max-height: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: max-height 0.7s; 
    -moz-transition: max-height 0.7s; 
    -ms-transition: max-height 0.7s; 
    -o-transition: max-height 0.7s; 
    transition: max-height 0.7s;  
}
.article-content-wrapper.active{
    max-height: 2200px;
}
.article-content-wrapper.active.art3{
    max-height: 300px;
}
.article-content{
    display: flex;
    gap: 10px;
}
.article-title{
    font-size: 1.3rem;
    margin-bottom: 10px;
    margin-top: 10px;
}
.article-content p{
    font-size: 1.1rem;
    margin-bottom: 20px;
}
.article-content-inner{
    display: flex;
    gap: 10px;
    margin-left: 50px;
}
.article-content-inner p{
    font-size: 1.1rem;
    margin-bottom: 20px;
}
.article-wrapper{
    margin-bottom: 30px;
}
.end p{
    font-size: 1.1rem;
}