:root {
    --color_dark:#8DBCC7;
    --color_main:#A4CCD9;
    --color_light:#C4E1E6;
    --color_diff:#EBFFD8;
    --color_button:#6e8fc4;
    --color_link:#677080;
}

body {
    background-attachment:fixed;
    background-image: linear-gradient(to bottom,var(--color_light),var(--color_main));
    background-position:top center;
    background-repeat:no-repeat;
    background-size:100% auto;
}

/* Profile picture */
.profile-picture {
  width: 50%;
  padding-left: 25%;
  padding-right: 25%;
  padding-top: 5%;
}

.profile-picture img{
  clip-path: circle();
}

/* Columns and rows divs */ 
.column_perso {
  float: left;
  background-color:var(--color_dark);
  width: 30%;
  padding: 1%;
  
  border-radius: 25px;
  border: solid;
}

.column_main {
  float: left;
  width: 65%;
  padding: 1%;
}

.section{
  float: left;
  width: 100%;
  padding-bottom:1%;
}

.row_element{
  float: left;
  padding-left: 1%;
  padding-bottom:1%;
  width: 90%;

}

.publication_body{
	width: 80%;
	padding-left: 1%;
	padding-right: 1%;
	float: left;
}

.publication_buttons{
	width: 20%;
	padding-left: 1%;
	padding-right: 1%;
	margin-left: 82%
}

.button{
	width: 60px;
	height: 25px;
	background: var(--color_button);
	padding-right: 5%;
	padding-left: 5%;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	line-height: 25px;
  	transition: color .5s ease-in-out;
}

.button:hover{
	width: 60px;
	height: 25px;
	background: color-mix(in srgb, var(--color_button) 75%, white);
	padding-right: 5%;
	padding-left: 5%;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	line-height: 25px;
}

.text_link {
  text-decoration:none;
  box-shadow: inset 0 0 0 0 var(--color_main);
  color: var(--color_link);
  padding: 0 .25rem;
  margin: 0 -.25rem;
  transition: color .5s ease-in-out, box-shadow .5s ease-in-out;
}

.text_link:hover {
  color: #fff;
  box-shadow: inset 300px 0 0 0 var(--color_light);;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
