<commit_before>@import url('https://fonts.googleapis.com/css?family=Lato|Raleway');

html, body {
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    color: #292F36;
}

p, li, figcaption {
    font-family: 'Raleway', sans-serif;
    color: #292F36;
}

a {
    z-index:999;
}

.float-right {
    float:right;
}

img {
    width: 100%;
    height: 100%;
}

section {
    padding: 4em 0;
}

.sm-below {
    display: none;
}

.hidden {
    display: none;
}

.float-right {
    float:right;
}

.btn-style, .btn-style:visited {
    background-color: #3C4148;
    color: #F1F6F4;
}

.btn-style:hover {
    background-color: #2C3035;
    color: #E7F6F4;
}


.btn-style-inverse, .btn-style-inverse:visited {
    display: block;
    background-color: #F1F6F4;
    color: #3C4148;
}

.btn-style-inverse:hover {
    background-color: #DCE0DE;
    color: #2C3035;
}

.btn-style-inverse:active {
    background-color: #C6CAC8;
}

#resume {
    position: fixed;
    z-index: 999;
    background-image: url(../media/resume-icon.png);
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    top: 10px;
    right: 10px;
    transition: 0.2s all ease 0s;
    text-decoration: none;
}

#resume p {
    opacity: 0;
    position: relative;
    top: 50px;
    transition: 0.2s all ease 0s;
}

#resume:hover {
    height: 55px;
    width: 55px;
    background-size: 55px 55px;
}

#resume:hover > p {
    opacity: 1;
    top: 55px;
}

header, #contact-me, #skills, #portfolio, #others, .about-me {
    box-shadow: 0px 20px 20px rgba(0,0,0,0.2);
    position: relative;
}

/*
nav {
    position: absolute;
    top: 40%;
    left: 20px;
    z-index: 999;
}

nav ul{
    padding: 0;
    list-style: none;
}

span p {
    color: #AFB2B1;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
    width: 100px;
    position: absolute;
    top: 10px;
    left: 26px;
    opacity: 0;
    transition: 0.3s;
    display:none;
    
}

span:hover > p {
    opacity: 1;
    margin-left: 50px;
    display:inline;
}


nav span#top {
    top: 35%;
}

nav span#about {
    top: 40%;
}

nav span#projects {
    top: 45%
}

nav span#contact {
    top: 50%;
}

nav span#resume {
    top: 60%;
}

nav span {
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: transparent;
    transition: 0.3s;
    left: 40px;
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg);  
    transform: rotate(180deg);
}

nav span:before, nav span:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border: 20px solid transparent;
    transition: 0.3s;
}

nav span:after {
    margin-top: 20px;
    border-top-color: #22272D;
}

nav span:before {
    border-bottom-color: #292F36;
    margin-top: -20px;
}

nav span:hover {
    -ms-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg);  
    transform: rotate(360deg);
}

a#active > span:before {
    border-bottom-color: #FF7878;
    
}

a#active > span:after {
    border-top-color: #FF6B6B;
}

a#active > span > p {
    color: #FF6B6B;
}

span#resume:before {
    border-bottom-color: #24394F;
}

span#resume:after {
    border-top-color: #1D2E3F;
}

span#resume > p {
    color: #1D2E3F;
}

button.navbar-toggle {
    padding: 8px 9px
}

span.icon-bar {
    width: 16px!important;
}

button.collapsed.navbar-toggle:hover > span {
    background-color: #E1ECEC;
}

button.collapsed.navbar-toggle {
    border: 1px solid #24323C;
    background-color: white;
}

button.collapsed.navbar-toggle > span {
    background-color: #24323C;
}

button.collapsed.navbar-toggle:hover {
    background-color: #24323C;
}

button.navbar-toggle {
    background-color: #24323C;
}

button.navbar-toggle > span {
    background-color: #E1ECEC;
}

button.navbar-toggle:hover {
    background-color: white;
    border: 1px solid #24323C;

}

button.navbar-toggle:hover > span {
    background-color: #24323C;
}
*/

header {
    max-height: 900px;
	height: 98vh;
    padding-top: 175px;
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: 0;
}

header #nav-down {
    text-align: center;
    display: block;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

header #nav-down img {
    width: 50px;
    height: 50px;   
}

#header-corner, #header-corner-2 {
    width: 500px;
    height: 400px;
    height: auto;
    position: absolute;
}

#header-corner {
    transform: rotate(180deg);
    top: 0px;
    right: 0px;
}<commit_msg>Added transition to header div<commit_after>@import url('https://fonts.googleapis.com/css?family=Lato|Raleway');

html, body {
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    color: #292F36;
}

p, li, figcaption {
    font-family: 'Raleway', sans-serif;
    color: #292F36;
}

a {
    z-index:999;
}

.float-right {
    float:right;
}

img {
    width: 100%;
    height: 100%;
}

section {
    padding: 4em 0;
}

.sm-below {
    display: none;
}

.hidden {
    display: none;
}

.float-right {
    float:right;
}

.btn-style, .btn-style:visited {
    background-color: #3C4148;
    color: #F1F6F4;
}

.btn-style:hover {
    background-color: #2C3035;
    color: #E7F6F4;
}


.btn-style-inverse, .btn-style-inverse:visited {
    display: block;
    background-color: #F1F6F4;
    color: #3C4148;
}

.btn-style-inverse:hover {
    background-color: #DCE0DE;
    color: #2C3035;
}

.btn-style-inverse:active {
    background-color: #C6CAC8;
}

#resume {
    position: fixed;
    z-index: 999;
    background-image: url(../media/resume-icon.png);
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    top: 10px;
    right: 10px;
    transition: 0.2s all ease 0s;
    text-decoration: none;
}

#resume p {
    opacity: 0;
    position: relative;
    top: 50px;
    transition: 0.2s all ease 0s;
}

#resume:hover {
    height: 55px;
    width: 55px;
    background-size: 55px 55px;
}

#resume:hover > p {
    opacity: 1;
    top: 55px;
}

header, #contact-me, #skills, #portfolio, #others, .about-me {
    box-shadow: 0px 20px 20px rgba(0,0,0,0.2);
    position: relative;
}

/*
nav {
    position: absolute;
    top: 40%;
    left: 20px;
    z-index: 999;
}

nav ul{
    padding: 0;
    list-style: none;
}

span p {
    color: #AFB2B1;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
    width: 100px;
    position: absolute;
    top: 10px;
    left: 26px;
    opacity: 0;
    transition: 0.3s;
    display:none;
    
}

span:hover > p {
    opacity: 1;
    margin-left: 50px;
    display:inline;
}


nav span#top {
    top: 35%;
}

nav span#about {
    top: 40%;
}

nav span#projects {
    top: 45%
}

nav span#contact {
    top: 50%;
}

nav span#resume {
    top: 60%;
}

nav span {
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: transparent;
    transition: 0.3s;
    left: 40px;
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg);  
    transform: rotate(180deg);
}

nav span:before, nav span:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border: 20px solid transparent;
    transition: 0.3s;
}

nav span:after {
    margin-top: 20px;
    border-top-color: #22272D;
}

nav span:before {
    border-bottom-color: #292F36;
    margin-top: -20px;
}

nav span:hover {
    -ms-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg);  
    transform: rotate(360deg);
}

a#active > span:before {
    border-bottom-color: #FF7878;
    
}

a#active > span:after {
    border-top-color: #FF6B6B;
}

a#active > span > p {
    color: #FF6B6B;
}

span#resume:before {
    border-bottom-color: #24394F;
}

span#resume:after {
    border-top-color: #1D2E3F;
}

span#resume > p {
    color: #1D2E3F;
}

button.navbar-toggle {
    padding: 8px 9px
}

span.icon-bar {
    width: 16px!important;
}

button.collapsed.navbar-toggle:hover > span {
    background-color: #E1ECEC;
}

button.collapsed.navbar-toggle {
    border: 1px solid #24323C;
    background-color: white;
}

button.collapsed.navbar-toggle > span {
    background-color: #24323C;
}

button.collapsed.navbar-toggle:hover {
    background-color: #24323C;
}

button.navbar-toggle {
    background-color: #24323C;
}

button.navbar-toggle > span {
    background-color: #E1ECEC;
}

button.navbar-toggle:hover {
    background-color: white;
    border: 1px solid #24323C;

}

button.navbar-toggle:hover > span {
    background-color: #24323C;
}
*/

header {
    max-height: 900px;
	height: 98vh;
    padding-top: 175px;
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: 0;
    transition: all 0.5s ease 0s;
}

header #nav-down {
    text-align: center;
    display: block;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

header #nav-down img {
    width: 50px;
    height: 50px;   
}

#header-corner, #header-corner-2 {
    width: 500px;
    height: 400px;
    height: auto;
    position: absolute;
}

#header-corner {
    transform: rotate(180deg);
    top: 0px;
    right: 0px;
}
{'fraction_non_alphanumeric': 0.14642426897382543, 'fraction_numerical': 0.06187712189245428, 'mean_word_length': 2.6689433507432705, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 25, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7113123', 'n_tokens_mistral': 4078, 'n_tokens_neox': 3640, 'n_words': 773}