@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Archivo+Black&family=Archivo:ital,wght@0,600;0,900;1,500&family=Bungee+Shade&family=Chakra+Petch&family=Gentium+Book+Plus&family=Poppins:wght@300&family=Roboto+Slab&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
   
body{
    height: auto;
    width: 100%;
}

li a{
    color: #ffffff!important;
    font-size: 1.5em!important;    
}
h1{
    font-size: 2em!important;
}
h2{
    font-family: 'Gentium Book Plus', serif;
    font-size: 4em!important;    
}
h4, #h4{
    font-family: 'Gentium Book Plus', serif;
    font-size: 1.5em!important;
}
p{
    font-size: 17px!important;
    text-align: justify;
    text-justify: auto;
    line-height: 1.4;
}

p, h1{
    font-family: 'Chakra Petch', sans-serif;
}
.project button{
    border: none;
    background: none;
    outline: none;
    /* font-weight: bolder; */
}
.project button:hover{
    border-bottom: 5px solid #000000;
}
/* hover effect */
li a:hover{
    border-bottom: 1px solid whitesmoke;
}
header{
    height: 100px;
}
.bg-img{
    height: 100vh;
    background: url(../img/pic.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}
.bg-color{
    background-color: rgba(14, 13, 13, 0.79);
    height:100vh;
}

.hero{
    line-height: 10px;
    height: calc(100vh-100px);
    width: 94%;
    margin: auto;
    padding-top:12em; 
}
.bg{
    background: rgb(17, 29, 29); 
}
.bg2{
    background: rgb(218, 235, 178); 
}
#burger{
    font-size:2em;
}
#h4 i{
    font-size: 15px;
        
}
.icons i{
    font-size:1.3em;
    height: 2em;
    color: #ecdcc2;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
}
/* about me */
.about img{
    border-radius: 50px;
}

.telephone a:hover,
.mail p:hover
{
    border-bottom: 1px solid white;
}

/* project */
#project{
    min-height: 100vh;
}
.card{
    height:300px; 
}
.card img{
    max-height: 140px;
    /* max-width: 250px; */
}
footer{
    border-top: 1px solid #ffffff;
}