<commit_before>@CHARSET "UTF-8";

html,body {
    padding: 0;
    margin: 0;
}

header{
  text-align: center;
}

header img{
  max-width: 100%;
	height: auto;
}

h2{
	color: #C2DEBC;
	font-size: 4vmin;
	text-align: center;
	top : 2vh;
	width: 75vw;
	margin: 0 12.5vw;
}

h3{
    color: #C2DEBC;
	font-size: 4vmin;
	text-align: center;
	top : 25vh;
	width: 75vw;
    margin-left : auto;
    margin-right : auto;
}

p{
  color: white;
}

#enroute{
    cursor: pointer;
    display: block;
    top: 25px;
    margin-left : auto;
    margin-right : auto;
    font-size: 2.5em;
    background-color: white;
    border : none;
    color: #35a8e0; /* font-color */
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

#section1, #section2, #section6 {
  background: linear-gradient(to bottom, #0f4864, #35a8e0);
}

#scenario1, #scenario2, #scenario3 {
  background-color: #efefef;
}

.footer {
    position: absolute;
    bottom: -18px;
    left: -1.8%;
    max-width: 105%;
}

.content{
  background: linear-gradient(to bottom,  #216c99, #35a4dc);
  position: fixed;
  top: 0%;
  height: 100%;
  width: 100%;
}

#home {
  z-index: 0;
  position: absolute;
  top: 0%;
  left: 0vh;
  width: 100%;
  height: 100%;
}

#textIntro {
  z-index: 1;
  position: absolute;
  width: 28vw;
  bottom: 18vw;
  left: 69vw;
}

#center
{
  position: absolute;
  bottom:47%;
  left:51%;
}

#section2 #car
{
    z-index: 2;
    position:absolute;
    bottom: 147px;
    left: 22px;
    animation:mymove 5s infinite;
    -moz-animation:mymove 5s infinite; /*Firefox*/
    -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
}

#section2 #route
{
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 700px;
    height: 550px;
    margin-left: -350px;
    margin-top: -350px;
}

@keyframes mymove
{
    0%{
        transform: translate(0,0);
    }
    100% {
        transform: translate(-350px,205px);
    }
}
@-moz-keyframes mymove /*Firefox*/
{
    0%{
        transform: translate(0,0);
    }
    100% {
        transform: translate(-350px,205px);
    }
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
    0%{
        transform: translate(0,0);
    }
    100% {
        transform: translate(-350px,205px);
    }
}

#arrow_l, #arrow_d
{
    width: 40px;
    height: 40px;
    border: 0;
    cursor: pointer;
    background-size: 100%;
    background-size: 40px auto;
}

#arrow_l
{
    background-image: url("../img/fleche-gauche-blanche.svg");
    float: left;
    margin-left: 8%;
}

#arrow_d
{
    background-image: url("../img/fleche-droite-blanche.svg");
    float: right;
    margin-right: 8%;
}

#base1 {
  z-index:5;
  position: absolute;
  top: 0%;
  width: auto;
  height: 100%;
}

#base2 {
  z-index: 5;
  position: absolute;
  top: 0%;
  left: 0%;
  width: auto;
  height: 100%;
}

#base3 {
  z-index: 5;
  position: absolute;
  top: -0.4%;
  height: 100%;
  width: auto;
}

#container1 #encadre1 {
    z-index: 0;
    position: absolute;
    top: 23vh;
    width: 60.7vh;
    left: 63.5vh;
}

#container1 #buttonEncadre1
{
    position: absolute;
    opacity: 0;
    border-radius: 100%;
    z-index: 11;
    cursor: pointer;
    background-color: #1f1c1c;
    left: 118vh;
    bottom: 25vh;
    height: 11.5vh;
    width: 11.5vh;
}

#container2 #encadre2 {
    z-index: 0;
    position: absolute;
    bottom: 29vh;
    width: 70vh;
    left: 61vh;
}

#container2 #buttonEncadre2
{
    position: absolute;
    border-radius: 100%;
    opacity: 0;
    z-index: 11;
    cursor: pointer;
    background-color: #1f1c1c;
    left: 56.7vh;
    bottom: 19.5vh;
    height: 10.5vh;
    width: 10.5vh;
}

#drapeau {
    z-index: 12;
    position: absolute;
    bottom: 36vh;
    left: 124vh;
    width: 13vh;
}

#container3 #encadre3 {
    z-index: 0;
    position: absolute;
    width: 67vh;
    bottom: 47vh;
    left: 64.5vh;
}

#container3 #buttonEncadre3
{
    z-index: 13;
    position: absolute;
    opacity: 0;
    border-radius: 100%;
    cursor: pointer;
    background-color: #1f1c1c;
    height: 10.5vh;
    bottom: 38vh;
    left: 125.1vh;
    width: 10.5vh;
}

@-webkit-keyframes pulse {
  0% { box-shadow:0 0 8px #ea4c89, inset 0 0 8px #ea4c89; }
  50% { box-shadow:0 0 30px #ea4c89, inset 0 0 30px #ea4c89; }
  100% { box-shadow:0 0 8px #ea4c89, inset 0 0 8px #ea4c89; }
}

.inner {
  z-index: 10;
  position: absolute;
  background-color:transparent;
  width:100px;
  height:100px;
  border-radius:50px;
  left: 118vh;
  bottom: 26vh;
  box-shadow: 0 0 8px #ea4c89, inset 0 0 8px #ea4c89;
  -webkit-animation: pulse 1s linear 1s infinite;
}<commit_msg>[FIX] glowing effect is now at the right place<commit_after>@CHARSET "UTF-8";

html,body {
    padding: 0;
    margin: 0;
}

header{
  text-align: center;
}

header img{
  max-width: 100%;
	height: auto;
}

h2{
	color: #C2DEBC;
	font-size: 4vmin;
	text-align: center;
	top : 2vh;
	width: 75vw;
	margin: 0 12.5vw;
}

h3{
    color: #C2DEBC;
	font-size: 4vmin;
	text-align: center;
	top : 25vh;
	width: 75vw;
    margin-left : auto;
    margin-right : auto;
}

p{
  color: white;
}

#enroute{
    cursor: pointer;
    display: block;
    top: 25px;
    margin-left : auto;
    margin-right : auto;
    font-size: 2.5em;
    background-color: white;
    border : none;
    color: #35a8e0; /* font-color */
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

#section1, #section2, #section6 {
  background: linear-gradient(to bottom, #0f4864, #35a8e0);
}

#scenario1, #scenario2, #scenario3 {
  background-color: #efefef;
}

.footer {
    position: absolute;
    bottom: -18px;
    left: -1.8%;
    max-width: 105%;
}

.content{
  background: linear-gradient(to bottom,  #216c99, #35a4dc);
  position: fixed;
  top: 0%;
  height: 100%;
  width: 100%;
}

#home {
  z-index: 0;
  position: absolute;
  top: 0%;
  left: 0vh;
  width: 100%;
  height: 100%;
}

#textIntro {
  z-index: 1;
  position: absolute;
  width: 28vw;
  bottom: 18vw;
  left: 69vw;
}

#center
{
  position: absolute;
  bottom:47%;
  left:51%;
}

#section2 #car
{
    z-index: 2;
    position:absolute;
    bottom: 147px;
    left: 22px;
    animation:mymove 5s infinite;
    -moz-animation:mymove 5s infinite; /*Firefox*/
    -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
}

#section2 #route
{
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 700px;
    height: 550px;
    margin-left: -350px;
    margin-top: -350px;
}

@keyframes mymove
{
    0%{
        transform: translate(0,0);
    }
    100% {
        transform: translate(-350px,205px);
    }
}
@-moz-keyframes mymove /*Firefox*/
{
    0%{
        transform: translate(0,0);
    }
    100% {
        transform: translate(-350px,205px);
    }
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
    0%{
        transform: translate(0,0);
    }
    100% {
        transform: translate(-350px,205px);
    }
}

#arrow_l, #arrow_d
{
    width: 40px;
    height: 40px;
    border: 0;
    cursor: pointer;
    background-size: 100%;
    background-size: 40px auto;
}

#arrow_l
{
    background-image: url("../img/fleche-gauche-blanche.svg");
    float: left;
    margin-left: 8%;
}

#arrow_d
{
    background-image: url("../img/fleche-droite-blanche.svg");
    float: right;
    margin-right: 8%;
}

#base1 {
  z-index:5;
  position: absolute;
  top: 0%;
  width: auto;
  height: 100%;
}

#base2 {
  z-index: 5;
  position: absolute;
  top: 0%;
  left: 0%;
  width: auto;
  height: 100%;
}

#base3 {
  z-index: 5;
  position: absolute;
  top: -0.4%;
  height: 100%;
  width: auto;
}

#container1 #encadre1 {
    z-index: 0;
    position: absolute;
    top: 23vh;
    width: 60.7vh;
    left: 63.5vh;
}

#container1 #buttonEncadre1
{
    position: absolute;
    opacity: 0;
    border-radius: 100%;
    z-index: 11;
    cursor: pointer;
    background-color: #1f1c1c;
    left: 118vh;
    bottom: 25vh;
    height: 11.5vh;
    width: 11.5vh;
}

#container2 #encadre2 {
    z-index: 0;
    position: absolute;
    bottom: 29vh;
    width: 70vh;
    left: 61vh;
}

#container2 #buttonEncadre2
{
    position: absolute;
    border-radius: 100%;
    opacity: 0;
    z-index: 11;
    cursor: pointer;
    background-color: #1f1c1c;
    left: 56.7vh;
    bottom: 19.5vh;
    height: 10.5vh;
    width: 10.5vh;
}

#drapeau {
    z-index: 12;
    position: absolute;
    bottom: 36vh;
    left: 124vh;
    width: 13vh;
}

#container3 #encadre3 {
    z-index: 0;
    position: absolute;
    width: 67vh;
    bottom: 47vh;
    left: 64.5vh;
}

#container3 #buttonEncadre3
{
    z-index: 13;
    position: absolute;
    opacity: 0;
    border-radius: 100%;
    cursor: pointer;
    background-color: #1f1c1c;
    height: 10.5vh;
    bottom: 38vh;
    left: 125.1vh;
    width: 10.5vh;
}

@-webkit-keyframes pulse {
  0% { box-shadow:0 0 8px #ea4c89, inset 0 0 8px #ea4c89; }
  50% { box-shadow:0 0 30px #ea4c89, inset 0 0 30px #ea4c89; }
  100% { box-shadow:0 0 8px #ea4c89, inset 0 0 8px #ea4c89; }
}

.inner {
  z-index: 10;
  position: absolute;
  background-color:transparent;
  width: 10vh;
  height: 10vh;
  border-radius:50px;
  left: 118vh;
  bottom: 26vh;
  box-shadow: 0 0 8px #ea4c89, inset 0 0 8px #ea4c89;
  -webkit-animation: pulse 1s linear 1s infinite;
}
{'fraction_non_alphanumeric': 0.15032470989034388, 'fraction_numerical': 0.07899499627382094, 'mean_word_length': 2.5978552278820377, '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': '6939337', 'n_tokens_mistral': 4462, 'n_tokens_neox': 3866, 'n_words': 902}