<commit_before>/* BASE CSS IS REQUIRED FOR NAV MODULE */

.nav {
    position: absolute;
    height: 7vh;
    line-height: 7vh;
    width: 100%;
    font-size: 3.5vh;
    font-weight: 700;
    background: rgba(255, 255, 255, .95);
    transition: .1s;
    box-shadow: 0.3vh 0 0.4vh rgba(0, 0, 0, 0.2);
}

.nav .nav-items {
    transition: .1s;
}

.nav-background-adapt {
    background-color: rgba(0, 0, 0, 0);
}

/* Fixed nav */
.nav.fixed { position: fixed; }
.nav.fixed.nav-transparent { transition: 0.5s; background-color: rgba(0, 0, 0, 0.25); }

/* Transparent nav */
.nav.nav-transparent { background-color: rgba(0, 0, 0, 0); }
.nav.nav-transparent .nav-items .nav-dropdown-item ul { background-color: rgba(0, 0, 0, 0.7); }
.nav.nav-transparent:hover, .nav.nav-transparent:hover ul { background-color: rgba(0, 0, 0, 0.7); }
.nav.nav-transparent .nav-item a, .nav.nav-transparent .nav-dropdown-item a { color: rgba(255, 255, 255, 0.9); }
.nav.nav-toggled.nav-transparent { background-color: black; }
.nav.nav-transparent .mobile-toggle .toggle-line { background-color: white; }
.nav.nav-transparent .mobile-toggle:hover .toggle-line { background-color: #ccc; }
.nav.nav-transparent .nav-dropdown-item ul li a {
    margin: 0 2vh;
	padding: 2vh 0;
    text-decoration: none;
	border-bottom: 1px solid #292929;
}

.nav .nav-icon {
    user-select: none;
    margin-top: 0.5vh;
    z-index: 9999;
	height: 6vh;
    width: auto;
    transition: 0.2s;
    position: absolute;
}

.nav:hover { background: rgba(255, 255, 255, 1); }
.nav .nav-icon:hover { transform: scale(1.1); transition: 0.2s; }
.nav .nav-item, .nav .nav-dropdown-item { margin: 0 auto; }
.nav .nav-item.active a {
    font-style: italic;
    text-shadow: 0px 0px 1px black;
}

.nav .nav-items {
    text-align: right;
    justify-content: space-around;
    display: flex;
    flex-flow: wrap row;
}

.nav p {
    display: inline;
    position: relative;
    font-size: 2vh;
    line-height: 7vh;
}

/* Regular nav element styles */
.nav .nav-item a, .nav .nav-dropdown-item a {
    display: block;
    font-weight: 400;
    font-size: 2vh;
    color: rgba(20, 20, 20, 0.9);
    text-decoration: none;
    transition: .2s;
}

/* Nav element hover color */
.nav .nav-item a:hover, .nav .nav-dropdown-item a:hover {
    color: rgba(0, 0, 0, 0.3) !important;
}

/* Show dropdown menu on hover */
.nav .nav-dropdown-item:hover > ul, .nav .nav-dropdown-item a:hover > ul, .nav .nav-dropdown-item > ul:hover { opacity: 1; visibility: visible; }

/* Dropdown menu styles */
.nav .nav-dropdown-item ul {
    visibility: hidden;
    position: absolute;
    top: 7vh;
    background: white;
    width: 15%;
    padding: 0;
    margin: 0 0 0 -2vh;
    opacity: 0;
    transition: 0.2s;
    box-shadow: 0 0.3vh 0.4vh rgba(0, 0, 0, 0.2);
}

/* Dropdown menu links */
.nav .nav-dropdown-item ul li {
    list-style-type: none;
    width: 100%;
    line-height: normal;
    text-align: left;
    transition: 0.2s;
    margin: 0;
}

.nav .nav-dropdown-item ul li a {
	margin: 0 2vh;
    padding: 2vh 0;
    text-decoration: none;
	border-bottom: 1px solid #ccc;
    color: rgba(20, 20, 20, 0.9);
}

.nav .nav-dropdown-item ul li:last-child a { border: none; }

.nav .mobile-toggle {
    display: none;
    position: relative;
    float: right;
    height: 7vh;
    transition: .25s ease-in-out;
    z-index: 2;
}

.nav .mobile-toggle:hover .toggle-line { background: #000; }<commit_msg>nav: improve box shadoww & begin improving animation<commit_after>/* BASE CSS IS REQUIRED FOR NAV MODULE */

.nav {
    position: absolute;
    height: 7vh;
    line-height: 7vh;
    width: 100%;
    font-size: 3.5vh;
    z-index: 900;
    background: rgba(255, 255, 255, .95);
    transition: .1s;
    box-shadow: 0.3vh 0 0.4vh rgba(0, 0, 0, 0.2);
}

.nav .nav-items {
    transition: .1s;
}

.nav-background-adapt {
    background-color: rgba(0, 0, 0, 0);
}

/* Fixed nav */
.nav.fixed { position: fixed; }
.nav.fixed.nav-transparent { transition: 0.5s; background-color: rgba(0, 0, 0, 0.25); }

/* Transparent nav */
.nav.nav-transparent { background-color: rgba(0, 0, 0, 0); }
.nav.nav-transparent .nav-items .nav-dropdown-item ul { background-color: rgba(0, 0, 0, 0.7); }
.nav.nav-transparent:hover, .nav.nav-transparent:hover ul { background-color: rgba(0, 0, 0, 0.7); }
.nav.nav-transparent .nav-item a, .nav.nav-transparent .nav-dropdown-item a { color: rgba(255, 255, 255, 0.9); }
.nav.nav-toggled.nav-transparent { background-color: black; }
.nav.nav-transparent .mobile-toggle .toggle-line { background-color: white; }
.nav.nav-transparent .mobile-toggle:hover .toggle-line { background-color: #ccc; }
.nav.nav-transparent .nav-dropdown-item ul li a {
    margin: 0 2vh;
	padding: 2vh 0;
    text-decoration: none;
}

.nav .nav-icon {
    user-select: none;
    margin-top: 0.5vh;
    z-index: 9999;
	height: 6vh;
    width: auto;
    transition: 0.2s;
    position: absolute;
}

.nav:hover { background: rgba(255, 255, 255, 1); }
.nav .nav-icon:hover { transform: scale(1.1); transition: 0.2s; }
.nav .nav-item, .nav .nav-dropdown-item { margin: 0 auto; }
.nav .nav-item.active a {
    font-style: italic;
    text-shadow: 0px 0px 1px black;
}

.nav .nav-items {
    text-align: right;
    justify-content: space-around;
    display: flex;
    flex-flow: wrap row;
}

.nav p {
    display: inline;
    position: relative;
    font-size: 2vh;
    line-height: 7vh;
}

/* Regular nav element styles */
.nav .nav-item a, .nav .nav-dropdown-item a {
    display: block;
    font-weight: 400;
    font-size: 2vh;
    color: rgba(20, 20, 20, 0.9);
    text-decoration: none;
    transition: .2s;
}

/* Nav element hover color */
.nav .nav-item a:hover, .nav .nav-dropdown-item a:hover {
    color: rgba(0, 0, 0, 0.3) !important;
}

/* Show dropdown menu on hover */
.nav .nav-dropdown-item:hover > ul, .nav .nav-dropdown-item a:hover > ul, .nav .nav-dropdown-item > ul:hover {
    visibility: visible;
    transform: translateY(0);
    transition: .4s cubic-bezier(.83,.19,.31,.97);
}

/* Dropdown menu styles */
.nav .nav-dropdown-item ul {
    visibility: hidden;
    transition: .4s cubic-bezier(.83,.19,.31,.97);
    transform: translateY(calc(-100% - 7vh));
    position: absolute;
    z-index: 100;
    background: white;
    width: 15%;
    padding: 0;
    margin: 0 0 0 -2vh;
    box-shadow: 0 0.3vh 0.4vh rgba(0, 0, 0, 0.2);
}

/* Dropdown menu links */
.nav .nav-dropdown-item ul li {
    list-style-type: none;
    width: 100%;
    line-height: normal;
    text-align: left;
    margin: 0;
}

.nav .nav-dropdown-item ul li a {
	margin: 0 2vh;
    padding: 2vh 0;
    text-decoration: none;
	border-bottom: 1px solid #ccc;
    color: rgba(20, 20, 20, 0.9);
}

.nav .nav-dropdown-item ul li:last-child a { border: none; }

.nav .mobile-toggle {
    display: none;
    position: relative;
    float: right;
    height: 7vh;
    transition: .25s ease-in-out;
    z-index: 2;
}

.nav .mobile-toggle:hover .toggle-line { background: #000; }
{'fraction_non_alphanumeric': 0.1648540354894104, 'fraction_numerical': 0.052089295935890095, 'mean_word_length': 2.759548144163529, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2452854', 'n_tokens_mistral': 3019, 'n_tokens_neox': 2643, 'n_words': 713}