:root {
    --navbarBlack: #141c27;
    --sectionBodyBlack: #09101a;
    --subHeadingAqua: #55e6a5;
    --bodyBlack: #000;
    --bodyWhite: #fff;
    --bodyDarkWhite: #a2a2a2;
}

body {
    color: var(--bodyWhite);
    background-color: var(--bodyBlack);
}

h1 {
    font-size: 55px;
}

h2 {
    font-size: 30px;
    color: var(--subHeadingAqua);
}

section {
    border-radius: 20px;
    transition: all 0.5s ease-in;
}

section:nth-child(odd) {
    background-color: var(--sectionBodyBlack);
}

section:nth-child(odd):hover {
    box-shadow: 5px 5px var(--subHeadingAqua);
    transform: translateY(10px);
}

section:nth-child(even):hover {
    box-shadow: 0 0 15px 15px var(--sectionBodyBlack);
    transform: translateY(10px);
}

.Navbar-Bg-Color {
    background-color: var(--navbarBlack);
}

.Navbar-Prachi {
    color: var(--subHeadingAqua);
    text-transform: capitalize;
    font-family: 'Calligraffitti', cursive;
    font-size: 40px;
}

.navbar-nav .nav-link,
.navbar .navbar-brand {
    color: var(--bodyWhite);
}

.navbar-toggler {
    background-color: var(--subHeadingAqua);

}

.navbar-nav .nav-item a.nav-link {
    transition: font-family text-transform 1s ease-in;
}

.navbar-nav .nav-item a.nav-link:hover {
    color: var(--subHeadingAqua);
    font-family: 'Calligraffitti', cursive;
    text-transform: capitalize;
}

.Capital-Prachi {
    color: var(--subHeadingAqua);
    padding: 5px;
}

.About-Me-Text {
    color: var(--bodyDarkWhite);
    font-weight: 500;
    font-size: 18px;
}

.Download-Button {
    background-color: var(--subHeadingAqua);
    border-radius: 0;
    transition: all 2s ease-in-out;
}

.Download-Button:hover {
    background-color: var(--navbarBlack);
    color: var(--bodyWhite);
}

.Square {
    border: 15px solid var(--subHeadingAqua);
    border-radius: 50%;
    animation: moveUpDown 2s linear infinite;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 15px;
}

.Years {
    border: 1px solid var(--subHeadingAqua);
    width: fit-content;
    color: var(--subHeadingAqua);
    font-weight: 400;
    font-size: 18px;
}

.Work {
    color: var(--bodyDarkWhite);
    font-weight: 400;
}

.Company {
    color: var(--bodyWhite);
}

.Company:hover {
    color: var(--subHeadingAqua);
}

#Skills-Section div {
    font-size: 20px;
}

#Skills-Section li {
    margin: 15px;
    border: 2px solid var(--subHeadingAqua);
    padding: 15px;
}

#Project-Section ul:first-of-type li {
    margin: 20px;
    padding: 10px;
    border: 1px solid var(--subHeadingAqua);
    transform: skew(-15deg);
    border-radius: 10px;
}

.Code-Links div {
    margin: 20px;
    border: 1px solid var(--subHeadingAqua);
    padding: 20px;
    border-radius: 10px;
}

.Code-Links div:hover {
    box-shadow: 0 0 10px var(--subHeadingAqua);
}

.Code-Links div a {
    text-decoration: none;
    color: var(--bodyWhite);
    font-weight: bold;
}

#Education-Section a {
    color: var(--bodyDarkWhite);
    font-weight: 400;
}

#Education-Section a:hover {
    color: var(--subHeadingAqua);
}

@keyframes moveUpDown {
    0% {
        transform: translateY(0);
        /* Initial position */
    }

    50% {
        transform: translateY(-10px);
        /* Halfway point, moving up */
    }

    100% {
        transform: translateY(0);
        /* Back to the initial position, moving down */
    }
}