* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

/*CSS SEKDIV 1*/
.sekdiv1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sekdiv1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(10px, 6vw, 60px);
    border-radius: 30px;
    background: rgb(177, 99, 166);
    padding: clamp(5px, 2vw, 10px);
    border-bottom: 4px solid black;
}

/*CSS SEKDIV 2*/
.sekdiv2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 50px 50px 50px;
}

.sekdiv2-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.sekdiv2-1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(10px, 2vw, 20px);
    text-align: center;
}

.sekdiv2-2 {
    padding: 10px;
}

.sekdiv2-2 img {
    width: clamp(100px, 25vw, 200px);
}

@media screen and (max-width: 600px) {
    .sekdiv2 {
        flex-wrap: wrap;
    }
}

/*CSS SEKDIV2n3*/
.sekdiv2n3 img {
    width: 100%;
}

/*CSS SEKDIV 3*/
.sekdiv3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #5e3e73;
    padding-bottom: 30px;
}

.sekdiv3-1-p1 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(15px, 4vw, 30px);
    font-weight: bold;
    background: rgb(255, 166, 0);
    border-bottom:2px solid white ;
    border-radius: 30px;
    padding: 5px;
}

.sekdiv3-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.sekdiv3-2 div {
    width: clamp(200px, 50vw, 400px);
    padding: 10px;
    border-radius: 30px;
    margin: 10px;
}

.sekdiv3-2-1 {
    background: orangered;
}

.sekdiv3-2-2 {
    background: rgb(232, 144, 71);
}

.sekdiv3-2-3 {
    background: rgb(76, 157, 153);
}

.sekdiv3-2-1-p1, .sekdiv3-2-2-p1, .sekdiv3-2-3-p1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(25px, 4vw, 30px);
}

.sekdiv3-2-1-p2, .sekdiv3-2-2-p2, .sekdiv3-2-3-p2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(10px, 3vw, 18px);
}

/*CSS SEKDIV3n4*/
.sekdiv3n4 img {
    width: 100%;
}

/*CSS SEKDIV4*/
.sekdiv4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.sekdiv4-1-p1 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(15px, 4vw, 30px);
    font-weight: bold;
    background: rgb(99, 177, 115);
    border-bottom:2px solid rgb(0, 0, 0) ;
    border-radius: 30px;
    padding: 5px;
}

.sekdiv4-2 img {
    width: 40%;
}

.sekdiv4-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sekdiv4-3-p1 {
    border-radius: 20px;
    background: purple;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(10px, 3vw, 20px);
    color: white;
    padding: 10px;
}

.sekdiv4-3-p2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(8px, 3vw, 18px);
    padding: 5px;
}

.sekdiv4 img {
    width: 30%;
}

/*CSS SEKDIV 5*/
.sekdiv5 {
    position: relative;
    background: rgb(130, 132, 186);
}

.sekdiv5-1 {
    position: absolute;
    display: flex;
    top: -20;
}

.sekdiv5-1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(20px, 7vw, 50px);
    color: white;
    border-radius: 0px 20px 20px 0px;
    padding: 5px;
    background: rgb(63, 57, 136);
}

.sekdiv5-2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sekdiv5-2-1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(10px, 3vw, 20px);
}

.sekdiv5-2-2 img {
    width: clamp(100px, 25vw, 200px);
}

.sekdiv5-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sekdiv5-3 audio {
    width: 60%;
    display: block;
}

/*CSS SEKDIV5n6*/
.sekdiv5n6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.sekdiv5n6 img {
    width: 100%;
}

/*CSS SEKDIV 6*/
.sekdiv6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sekdiv6-1 {
    text-align: center;
}

.sekdiv6-1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(15px, 4vw, 30px);
    color: white;
    background: rgb(177, 99, 166);
    box-shadow: 2px 2px 0px black;
    padding: 10px;
    border-radius: 10px;
}

.sekdiv6-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.sekdiv6-2-1 {
    border-radius: 20px;
    background: rgb(196, 86, 86);
    padding: 5px;
    margin: 5px;
    width: clamp(170px, 40vw, 300px);
}

.sekdiv6-2-1 img {
    width: 100px;
}

.sekdiv6-2-1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(10px, 2vw, 16px);
}

.sekdiv6-2-br {
    flex-basis: 100%;
    height: 0;
}

@media screen and (max-width: 900px) {
    .sekdiv6-2-br {
        flex-basis: none;
        height: none;
    }
}

/*CSS SEKDIV 7*/
.sekdiv7 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgb(239, 202, 150);
    margin: 20px;
    border-radius: 10px;
}

.sekdiv7-1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(20px, 4vw, 30px);
    border-radius: 10px 10px 10px 10px;
    background: rgb(203, 113, 11);
    padding: 10px;
}

.sekdiv7-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.sekdiv7-2-1, .sekdiv7-2-2 {
    margin: clamp(5px, 2vw, 10px);
    text-align: center;
}

.sekdiv7-2-1-p1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: clamp(20px, 4vw, 30px);
}

.sekdiv7-2-1-p2, .sekdiv7-2-1-p3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(10px, 2vw, 16px);
}

.sekdiv7-2-2 img {
    background: gray;
    border-radius: 20px;
    padding: 5px;
    margin: 5px;
    width: clamp(200px, 38vw, 300px);
}

.sekdiv7-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.sekdiv7-3-1 img {
    background: gray;
    border-radius: 20px;
    padding: 5px;
    margin: 5px;
    width: clamp(100px, 25vw, 200px);
}

.sekdiv7-3-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 10px;
}

.sekdiv7-3-2-1-p1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(20px, 4vw, 30px);
}

.sekdiv7-3-2-1-p2, .sekdiv7-3-2-2 p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(10px, 2vw, 16px);
}

.sekdiv7-4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.sekdiv7-4-1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: clamp(20px, 4vw, 30px);
}

.sekdiv7-4-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.sekdiv7-4-2 a img {
    background: gray;
    border-radius: 20px;
    padding: 5px;
    margin: 5px;
    width: clamp(50px, 40vw, 400px);
    transition: all ease 0.2s;
}

.sekdiv7-4-2 a img:hover {
    transform: scale(1.02);
}

.sekdiv7-4-2 a img:active {
    transform: scale(1.0);
}



