html{
    scroll-behavior:smooth;
}

body{
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.8;
    color:#333;
}

section{
    padding:80px 0;
}

.navbar{
    padding:15px 0;
}

h1{
    font-weight:700;
}

h2{
    font-weight:700;
    color:#0d6efd;
    margin-bottom:25px;
}

.display-4{
    font-weight:700;
}

.lead{
    font-size:1.2rem;
}

p{
    font-size:18px;
}

img{
    max-width:100%;
}

.rounded-circle{
    width:430px;
    height:430px;
    object-fit:cover;
    border-radius:50%;
    border:8px solid #fff;
    box-shadow:0 20px 45px rgba(0,0,0,.2);
}

/* --------------------
   Cards
-------------------- */

.card{
    transition:all .3s ease;
    border:none;
}

.card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 35px rgba(0,0,0,.2);
}

/* --------------------
   Buttons
-------------------- */

.btn{
    transition:all .3s ease;
}

.btn:hover{
    transform:scale(1.05);
}

/* --------------------
   Statistics
-------------------- */

#statistics h2{
    color:white;
    font-weight:bold;
}

#statistics p{
    color:white;
    margin:0;
}

/* --------------------
   Footer
-------------------- */

footer a{
    text-decoration:none;
}

footer a:hover{
    color:#0d6efd;
}

/* --------------------
   Mobile
-------------------- */

@media (max-width:768px){

    .display-4{
        font-size:2.5rem;
        text-align:center;
    }

    .lead{
        text-align:center;
    }

    .rounded-circle{
        width:260px;
        height:260px;
        margin-top:30px;
    }

    .btn{
        margin-top:10px;
    }

    h2{
        text-align:center;
    }

}