screen.css

@media screen and (max-width: 440px) {
    li {
        font-size:18px;
        margin-left:-20px;
    }

    h1 {
        font-size:40px;
    }
    #anggotaKeluarga {
        padding: 4px;
        font-size: 26px;
    }

    h2 {
        font-size:27px;
    }

    .tombol_desc {
        font-size:18px;
        padding-right:4px;
        padding-left:4px;
        border-radius: 4px;
    }
    
}

@media screen and (min-width: 440px) {
    li {
        font-size:25px;
    }

    h1 {
        font-size:45px;
    }
    #anggotaKeluarga {
        padding: 4px;
        font-size: 30px;
    }

    h2 {
        font-size:31px;
    }

    .tombol_desc {
    font-size:24px;
    padding-right:8px;
    padding-left:8px;
    border-radius: 8px;
    }

}


@media screen and (min-width: 700px) {
    li {
        font-size:30px;
    }

    h1 {
        font-size:45px;
    }
    #anggotaKeluarga {
        padding: 20px;
        font-size: 33px;
    }

    h2 {
        font-size:36px;
    }

    .tombol_desc {
    font-size:24px;
    padding-right:8px;
    padding-left:8px;
    border-radius: 8px;
    }

}


@media screen and (min-width: 1000px) {
    ul {
        font-size:35px;
    }

    #anggotaKeluarga {
        font-size:38px;
        padding: 30px;
    }

    h1 {
        font-size:57px;
    }

    h2 {
        font-size:42px;
    }

}