body{
    background-color: #2b2b2b;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}

.fixed-top{
    background-color: #ab0000; 
    height:50px;
}

.card-body{
    background-color: #b6b6b6;
}

a, a:hover, a:focus, a:active {
    text-decoration: none;
    color: inherit;
}

.nav-link.page-scroll{
    /* background-color: #ea3333; */
    color: #bcbcbc;
}

.nav-link.page-scroll.p-2{
    color: white;
}

.nav-link.page-scroll.p-2.admin{
    color: #e07a5f;
    text-align: center;
}

.footer li {
    line-height: 10px;
}

.isijumbotron{
    top: 10vh;
    left: 0px;
    right: 0px;
    color: #e2e2e2;
    text-shadow: 3px 2px #292929;
    z-index: 2;
    position: absolute;
}

.isijumbotron h1{
    font-size: 3vw;
}

.isijumbotron h3{
    font-size: 2vw;
}

.isijumbotron p{
    font-size: 3vw;
}

.Finished{
    color: #000000;
    background-color: #99f55b;
}

.On.Develop{
    color: #000000;
    background-color: #f8af42;
}

.jumbotron {
    height: 50vh;
    width: 100%;
    position: relative; /* WAJIB */
    overflow: hidden;
    background: none !important;
}

.jumbotron::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/img/profile/jumbotron.jpeg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(3px);
    transform: scale(1.1);
    z-index: 0; /* layer belakang */
}

.jumbotron > * {
    position: relative;
    z-index: 1; /* agar konten tetap muncul */
}


.modal-content{
    background-color: #ea3333;
}

.modal-title{
    color: #e07a5f;
}

.login{
    color: white;
}

.btn.btn-primary.btn-center.submitlogin{
    background-color: #1d822e;
    color: black;
    border: unset;
}

/* ABOUT ME =================================================================== */
#biosaya{
    background-color: #4d4d4d;
}

#gambarbio{
    background-size: cover;
    width: 60%;
}

.progress{
    background-color: #999999;
    border: 0.1px solid black;
}

.progress-bar{
    background-color: #ea3333;
    color: black;
    /* border: 1px solid black; */
}

/* PORTOFOLIO =================================================================== */
#gambarportofolio{
    background-size: cover;
    width: 100%;
}

#gambarresume{
    background-size: cover;
    width: 90%;
}

.nav-tabs > li {
    float:none;
    display:inline-block;
    zoom:1;
}

.nav-tabs {
    text-align:center;
}

#logopengalaman{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

#footer{
    background-color: #ab0000;
}

/* Contact Me ================================================================== */

#buttonsendmessage{
    background-color: #e07a5f;
    color: white;
}

/* @media only screen and (max-width: 700px){
    h1.jumbotronNama{
        font-size: 35px;
    }
    h3.jumbotronBidang{
        font-size: 25px;
    }
    p.jumbotronDeskripsi{
        font-size: 26px;
    }
  } */

  @media (max-width: 766px) {
    h1.jumbotronNama{
        font-size: 35px;
    }
    h3.jumbotronBidang{
        font-size: 25px;
    }
    p.jumbotronDeskripsi{
        font-size: 26px;
    }

    .navbar-collapse{
        color: white;
        border-top: 3px solid #4D5069;
        width: 100px;
        background-color: #ab0000;
        margin-left: 200px;
        margin-top: -1px;
        border-radius: 0px 20px 20px 20px;
        /* float: right; */
    }
    .dropdown-menu{
        border-top: 3px solid #4D5069;
        border-bottom: 3px solid #4D5069;
    }
    .navbar-nav{
        color: white;
        border: 1px solid #4D5069;
        /* height: 290px; */
        /* overflow-y:scroll; */
        /* margin-right: 220px; */
        background-color: #ab0000;
        border-radius: 0px 0px 20px 20px;
    }
  }
  
  @media (min-width: 766px) {
    h1.jumbotronNama{
        font-size: 45px;
    }
    h3.jumbotronBidang{
        font-size: 35px;
    }
    p.jumbotronDeskripsi{
        font-size: 36px;
    }
  }
  
  /* @media (min-width: 1045px) {
    h1.jumbotronNama{
        font-size: 200px;
    }
  } */