@import url('https://fonts.googleapis.com/css2?family=Acme&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

* {
    font-family: 'Kanit';
    padding: 0;
    margin: 0;
    /* font-size: medium; */
    /* box-sizing: border-box; */
}



body {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    overflow-y: hidden;
}

img {
    max-width: 100%;
    height: auto; /* mempertahankan aspek rasio */
}

.navbar {
    background-color: rgb(72, 0, 254);
}

.icon-navbar {
    font-size: x-large;
}

.home {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.home .sub-title-home {
    padding-top: 10%;
    /* text-align: justify; */
}

.about {
    background-color: rgb(72, 0, 254);
}

.about .container {
    padding-top: 5%;
}

.about .about-bio {
    padding-top: 3%;
}

.technologi {
    background: linear-gradient(to bottom, rgb(72, 0, 254) 60%, white 50%);
}

.portofolio .line{
    width: 10%;
    margin: auto;
}

.contact .list-contact{
    text-decoration: none;
    list-style: none;
    display: inline;
    
}

/* .contact .list-contact .bi{
    font-size: x-large;
} */

.footer .copyright{
    padding-bottom: 0%;
    padding-top: 0%;
    background-color: #4800fe;
    color: white;
    text-align: center;
}



.slick-prev:before {
    color: rgb(169, 168, 168) !important;
    font-size: 100%;
    background-color: white;
}

.slick-next:before {
color: rgb(169, 168, 168) !important;
font-size: 100%;
background-color: white;
}

.portofolio .link-porto-a {
    text-decoration: none;
}


@media (min-width: 320px) and (max-width: 767px){ 
    *{
        overflow-x: hidden;
    }
    .portofolio .porto-image {
        overflow-y: hidden;
    }
    .slick-prev:before {
        display: none;
    }
    .slick-next:before {
        display: none;
    }
    .contact .contact-text {
        padding-bottom: 10%;
    }
}