*, h4{
    color: white;
}

.text-bg-primary{
    background-color: #002F7B !important;
}

.text-white, footer, h1, h2, h3{
    color: #AFEB8F !important;
}

.nav-link:hover{
    color: aliceblue !important;
}

.nav-link.active{
    background-color: #AFEB8F !important;
    color: #002F7B !important;
    border-radius: 10px;
}

.header .navbar, .footer{
    background-color: #002F7B !important;
}

.navbar-toggler{
    margin-bottom: 5px;
    border: 2px solid #AFEB8F;
}
i{
    color: #AFEB8F;
}

.border-bottom{
    border-bottom-color: #AFEB8F !important;
}

/* body {
    height: 100vh;
    background: linear-gradient(-45deg,#002F7Bb3, #002F7Bb3); 
  } */

body{
    background-color: #002F7B;
}

.box-styles{
    background-color: #AFEB8F;
    border: 2px solid #002F7B;
    border-radius: 10px;
    color: #002F7B !important;
}

.header-styles{
    color: #002F7B !important;
}

.content {
	background: linear-gradient(-75deg, #457ACF , #FA8E7D, #AFEB8F, #002F7B);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.card{
    background-color: #002F7B;
}

@media screen and (min-width: 768px) {
    /* Tambahkan gaya CSS yang ingin Anda terapkan pada layar lebar di sini */
    .card{
        background-color: #002F7B;
        min-height: 400px;
    }
  }

.skills-styles{
    background-color: #002F7B;
    border: 2px solid #AFEB8F;
    border-radius: 10px;
    color: #AFEB8F !important;
}