/* GENERAL */

*{

  margin: 0;

  box-sizing: border-box;

}

.btn-primary{

  background-color: navy;

  color:white;

  width:150px;

  border-radius: 4px;

  height:40px;

  border:none;

}

@media print {

  .print-none{

    display:none;

  }

}

body{

  font-family: Roboto;

  font-weight: 300;

  font-size: .9rem;

  line-height: 1.5;

}



a{

  text-decoration: none;

  color: #4472C4;

}



a:hover{

  text-decoration: underline;

}



p{

  margin: 0 0 1rem;

}



h1{

  margin: 0 0 1rem;

  font-size: 2.5rem;

  margin-bottom: .5rem;

}



h2{

  margin: 0 0 1rem;

  letter-spacing: 1px;

  text-transform: uppercase;

}



.text-blue{

  color: #4472C4;

}



.text-darkblue{

  color: #002060;

}



.text-uppercase{

  text-transform: uppercase; 

}



.icon{

  margin-right: .5rem;

}



.cv-container{

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  grid-template-areas: "left-column right-column right-column";

  width: 1200px;

  margin: 100px auto;

  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

}



.section{

  margin-bottom: 1.5rem;

}



/* LEFT COLUMN */

.left-column{

  grid-area: left-column;

  padding: 50px;

  background-color: #4472C4;

  color: white;

}



.portait{

  border-radius: 50%;

  width: 200px;

  margin: auto;

  display: block;

  margin-bottom: 50px;

}

.lk-link{
  color: #fff;
}

.skills{

  list-style-type: none;

  padding: 0;

  font-size: 1.1rem;

  letter-spacing: 1px;

  margin: 0 0 1rem;

}



/* RIGHT COLUMN */

.right-column{

  grid-area: right-column;

  display: grid;

  grid-template-rows: 250px 1fr;

  grid-template-areas: 

    "header"

    "content";

}



/* HEADER */

.header{

  grid-area: header;

  padding: 50px;

  background-color: #F2F2F2;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.infos{

  columns: 2;

  list-style-type: none;

  padding: 0;

}



/* CONTENT */

.content{

  grid-area: content;

  padding: 50px;

}



.experience-list{

  list-style-type: circle;

}

.projects a {
  color: #fff;
}