<commit_before>body{
background-color: #1b49be;
margin-top: 80px;
margin-left: 70px;
margin-right: 70px;
min-height: 100vh;
}

header{
display: flex;
justify-content: space-between;
padding-bottom: 0;
align-items: flex-end;
}

#logo{
    line-height: 5px;
}

nav ul{
    display: flex;
    font-family:"brandon-grotesque",sans-serif;
}

nav ul li{
list-style: none;
margin-right: 50px;
}

nav a {
text-decoration: none;
color: white;
border-color: #fff;
text-transform: uppercase;
animation-name: anim;
animation-duration: 2s;

-moz-animation: anim 3s linear forwards 5s;
    -webkit-animation: anim 3s linear forwards 5s;
    -o-animation: anim 3s linear forwards 5s;
    -ms-animation: anim 3s linear forwards 5s;
    animation: anim 3s linear forwards 5s;

}

@keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}

}
@-moz-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-webkit-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-o-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-ms-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}

}

}

nav a:hover {

border-bottom: 5px solid white;


}

.cuicui{

animation-name: bouya;
animation-duration: 4s;
position: relative;


}

@keyframes bouya{

0%{

left: 0px;
top: 0px;

}
25%{

left: 150px;
top: 0px;
}
50%{

left: 100px;
top: 0px;

}
75%{

left: 75px;
top: 0px;
}
100%{

left: 0px;
top: 0px;

}



}

h1{

font-size: 2em;
font-family:"brandon-grotesque",sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: bold;
text-align: right;
color: white;


}

img{
font-style: italic;
color: #666;

}

p{



color: white;
text-align: right;
font-style: normal;
font-size: 1.3em;
}

p3{

color: white;
text-align: right;
font-style: normal;
font-size: 1.3em;




}

.logo__tagline{

font-family: "brandon-grotesque",sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .2em;<commit_msg>Bug css résolu anim cool landing page<commit_after>body{
background-color: #1b49be;
margin-top: 80px;
margin-left: 70px;
margin-right: 70px;
min-height: 100vh;
}

header{
display: flex;
justify-content: space-between;
padding-bottom: 0;
align-items: flex-end;
}

#logo{
    line-height: 5px;
}

nav ul{
    display: flex;
    font-family:"brandon-grotesque",sans-serif;
}

nav ul li{
list-style: none;
margin-right: 50px;
}

nav a {
text-decoration: none;
color: white;
border-color: #fff;
text-transform: uppercase;

}

.box{

animation-name: anim;
animation-duration: 2s

}





nav a:hover {

border-bottom: 5px solid white;


}

.cuicui{

animation-name: bouya;
animation-duration: 4s;
position: relative;


}

@keyframes bouya{

0%{

left: 0px;
top: 0px;

}
25%{

left: 150px;
top: 0px;
}
50%{

left: 100px;
top: 0px;

}
75%{

left: 75px;
top: 0px;
}
100%{

left: 0px;
top: 0px;

}



}

h1{

font-size: 2em;
font-family:"brandon-grotesque",sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: bold;
text-align: right;
color: white;

position: relative;
animation-name: anim;
animation-duration: 4s;


}


    @keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}

}
@-moz-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-webkit-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-o-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-ms-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}





img{
font-style: italic;
color: #666;

}

p{



color: white;
text-align: right;
font-style: normal;
font-size: 1.3em;
position: relative;
animation-name: anim;
animation-duration: 4s;

}

p3{

color: white;
text-align: right;
font-style: normal;
font-size: 1.3em;




}

.logo__tagline{

font-family: "brandon-grotesque",sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .2em;
{'fraction_non_alphanumeric': 0.16504086475085683, 'fraction_numerical': 0.04851041392037965, 'mean_word_length': 3.7603513174404015, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '3772442', 'n_tokens_mistral': 1787, 'n_tokens_neox': 1616, 'n_words': 378}