.profil {
    text-align: center;
    padding-bottom: 70px;
}
.profil img{
    width: 150px;
    border-radius: 50%;
    padding: 30px;
}
.profil table td{
    padding-bottom:10px ;
    font-weight: bold;
}
.table{
    place-items: center;
    display: grid;
    padding-bottom: 70px;
}

@media(min-width:700px) and (max-width:1440px){
    .utama{
        width: 100%;
        height: 300px;
    }
}

@media(min-width:300px) and (max-width:700px){
    marquee{
        font-size: x-small;
        padding: initial;
    }
    .utama h1{
        text-align: center;
        padding: 0 0 10px 0;
    }
    h2{
        font-size: 15px;
    }
    .isi img{
        width: 250px;
    }
    .navbar{
        margin: 0;
    }
    .navbar img{
        width: 40px;
        height: 40px;
    }
    .navbar ul{
        height: 50px;
        font-size: 11px;
    }
    .navbar ul li{
        font-size: smaller;
    }
    body p{
        font-size: 12px;
    }
    body h1{
        font-size: 20px;
    }
    footer ul li{
        font-size: 10px;
    }
    .anjay{
        font-size: 10px;
    }
    .copyright p{
        font-size: 10px;
        padding: initial;
    }
    
}