/* =========================
   General
========================= */
body {
    font-family: "Sansation", sans-serif;
}
section {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/* =========================
   Header
========================= */
header {
    height: 100vh;
    display: flex;
    align-items: center;
}

/* =========================
   Typography
========================= */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-bottom: 2rem;
}

/* =========================
   Navigation
========================= */
.navbar {
    --bs-navbar-nav-link-padding-x: 1.5rem;
}

/* =========================
   Bootstrap Overrides
========================= */
.bg-dark-custom {
    background-color: #000000 !important;
}

/* =========================
   Home
========================= */
section#home {
    padding-top: 0;
    padding-bottom: 0;
    /* background-image: url(../assets/slider1.jpg); */
}
section#home h1 {
    margin-bottom: 0.5rem;
}

/* =========================
   About
========================= */
section#about p:nth-of-type(2) {
    margin-bottom: 0;
}

/* =========================
   Social Sidebar
========================= */
/* .social-sidebar {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;

    display: flex;
    flex-direction: column;
} */


.social-sidebar {
    /* position: fixed; */
    /* transform: translateY(-50%); */
    z-index: 1000;
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
}

.social-sidebar a {
    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
    background: #000;
    text-decoration: none;

    transition: all 0.3s ease;
}
.social-sidebar a:hover {
    background: #fff;
    color:#000;
}

.social-sidebar i {
    font-size: 20px;
}