body{
    background-color: black;
    color: white;
    font-family: 'Montserrat-Black ', sans-serif;
}

/*Heading*/    

.navbar-brand{
    font-size: 2.5rem;
    font-weight: 800;
    color:orange;
    padding-left: 3rem;
    padding-top: 1rem;
}

h1{
    text-align: center;
    font-weight: 100;
    padding-bottom: 50px;
}


hr{
    max-width: 50%;
    margin: auto;
}

#kepek{
    padding-bottom: 10%;
}


#navbarSupportedContent{
    padding-right: 3rem;
 
}

#home:hover a{
    color: orange;
}

#projects:hover a{
    color: orange;
}

#services:hover a{
    color: orange;
}

#about:hover a{
    color: orange;
}
#contact:hover a{
    color: orange;
}

#header{
    padding-top: 100px;
    padding-bottom: 80px;
}


#footer{
    float: right;
    padding-top: 10%;
    padding-bottom: 3%;

}

.logo{

    margin: auto;
    width: 40%;
}

#facebook{
    width: 8%;
    height: 8%;
}



/* Welcome text
.welcome-text{
    text-align: center;
    color: white; 
    font-family: "arial";
    font-size: 3em;
    margin: 10px 0 0 10px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    animation: animtext 4s steps(80, end); 
    transition: all cubic-bezier(0.1, 0.7, 1.0, 0.1);
}
@keyframes animtext { 
    from {
        width: 0;
       transition: all 2s ease;
    } 
   }*/

.welcome-text{
    text-align: center;
    color: white;
    font-size: 3.5rem;
    font-weight: lighter;
}