.topcv{
  background-image: url("https://maximejenn.floofies.fr/imgs/contact/Fond ahri less.png");
  margin-top: 10px;
  border-top-right-radius : 10px;
  border-top-left-radius : 10px;
  min-height: 250px;
  background-repeat: no-repeat;
  background-position: center;
}

.botcv{
  margin-top: 0px;
  background-color: #D3D3D3;
  border-bottom-right-radius : 10px;
  border-bottom-left-radius : 10px;
}

.paddin10{
  padding:10px;
}

.leftcv{
  background-color: #6d6c68;
  border-bottom-left-radius : 10px;
}

.rightcv{
  background-color: #dbdbdb;
  border-bottom-right-radius : 10px;
}

.txt-top{
  margin: auto 20px !important;
}

.txt-top-nom{
  font: 70px LoneWolf;
  color:white;
  padding-bottom: 10px;
}

.txt-top-status{
  font: 38px MaybeCats;
  color:white;
}

.txt-top-substatus{
  font: 24px MaybeCats;
  color:white;
  padding-bottom: 5px;
}

@media screen and (max-width:768px){
  .topcv{
    height: auto;
    padding: 10px;
    text-align: center;
  }
  .txt-top{
    margin: auto !important;
    padding-top: 10px;
  }

  .txt-top-nom{
    font: 60px LoneWolf;
    color:white;
    padding-bottom: 10px;
  }

  .txt-top-status{
    font: 32px MaybeCats;
    color:white;
  }
  .txt-top-substatus{
    font: 22px MaybeCats;
    color:white;
    padding-bottom: 5px;
  }
  .title_comp{
    text-align:left
  }
}

.title_comp{
  text-align:center
}

.pp{
  width:200px;
  margin: auto;
}

.title_font{
  font-Family:LoneWolf
}

.comp_font{
  font-Family:MaybeCats;
}

.para_font{
  font-Family:RedHands;
  color:#4F4F4F;
  font-size:95%;
  line-height: 180%
}


.timeline {
  margin: 20px auto;
  padding: 20px;
}

.outer {
  border-left: 3px solid black;
}

.card {
  position: relative;
  margin: 0 0 0 20px;
  padding: 10px;
  background: transparent;
  border:none;
}

.item{
  margin-bottom: 0px;
}

.item::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: white;
  border-radius: 999px;
  left: -29px;
  top: 16px;
  border: 3px solid orangered;
}

.job{
  font-size: 105%;
  margin-bottom: 0px;
  position: relative;
  top:-5px
}

.date{
  font-size: 70%;
  position: relative;
  top:-10px
}

.info{
  height: 80%;
}

.content_job{
  font-size: 90%
}

.logo-img{
  width: 100px
}

@media screen and (min-height:578px){
  .rightpara{
    text-align:right;
    padding-left:100px;
  }

  .leftpara{
    text-align:left;
    padding-right:100px;
  }
}

.rightpara{
  text-align:right;
}

.leftpara{
  text-align:left;
}