.about-content {
    width: 60%;
    height: 100vh;
    float: right;
    background-color: #c8d8e6ff;
    text-align: center;
}

.about-title {
    color: #777777;
    font-style: bold;
    font-family: 'Raleway', sans-serif;
    font-size: 80px;
    margin-left: -270px;
    margin-top: -30%;
    transform: rotate(270deg);
    text-align: left;
}

.about-desc {
    color: #777777;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    text-align: center;
    width: 50%;
    margin: 30%;
}

.about-link {
    width: 35%;
    height: 600px;
    float: right;
    text-align: center;
    color: #777777;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}

.sosmed {
    margin-top: 25%;
    opacity: 0.5;
}

.sosmed:hover {
    opacity: 1;
}

.subcontent {
    float: left;
    height: 50%;
    width: 20%;
}

.mainblog {
    background: #ffffff;
    color: #000;
    padding: 14px;
    width: 500px;
    border-radius: 10px;
    text-align: justify;
}

.abt-cnt {
    padding-top: 10px;
    padding-bottom: 10px;

}

._2 .content-flex {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffef95;
    color: rgb(0, 0, 0);
}

.about-apa {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffc895;
}

.about-tujuan {
    padding-top: 10px;
    padding-bottom: 10px;
}

.about-bagaimana {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fcf0ba;
}

.abt-title {
    width: 20%;
    float: left;
}

.abt-subcontent {
    width: 80%;
    float: left;
}