/* Styles in general --------------------------------------*/
			
			* {
				box-sizing: border-box;
			}
			
			html {
				overflow: scroll;
				overflow-x: hidden;
			}
			
			::-webkit-scrollbar {
				width: 0;
				background: transparent;
			}
		
			body {
				margin: 0;
				font-family: 'Open Sans', sans-serif;
				text-align: justify;
				font-weight: bold;
				background-color: white;
			}
			
			.fullcontainer {
				height: auto;
				display: block;
				margin: 0 auto;
				padding: 0;
				max-width: 800px;
				background: linear-gradient(to bottom, grey, lightgrey, white);
				box-shadow: 0 50px 50px slategrey;
			}
			
			hr {
				border: 0.5px solid #4a4847;
				box-shadow:0px 0.5px 3px #4a4847;
			}
			
			/* Column container */
			.row {  
				display: flex;
				flex-wrap: wrap;
				width:100%;
				margin: 0;
				max-width: 800px;
				padding: 30px;
			}
			
			.half {  
				display: flex;
				flex-wrap: wrap;
				width: 50%;
				padding: 15px;
			}
			
			/* Column titles */
			.title {  
				flex: 100%;
				padding: 0 30px;
			}
			
			/* Left column */
			.side {
				flex: 20%;
				padding: 0 20px;
			}

			/* Right column */
			.main {
				flex: 70%;
				justify-content: center;
			}
			
			h1 {
				color: white;
				text-shadow:0px 5px 12px #000000;
				text-align: left;
				font-size: 30px;
				font-weight: bold;
				letter-spacing: 5px;
				margin-bottom: 0;
			}
			
			h2 {
				color: white;
				text-shadow:0px 5px 12px #000000;
				font-size: 24px;
				font-weight: bold;
				margin-top: 0;
			}
				
			h3 {
				color: #000000;
				font-size: 22px;
				margin-top: 0;
			}
			
			h4 {
				color: #000000;
				margin-top: 10px;
				margin-bottom: 0;
			}
			
			h5 {
				color: #000000;
				margin-top: 0;
				margin-bottom: 10px;
			}
			
			h6 {
				color: #000000;
				font-size: 15px;
				margin-top: 10px;
				margin-bottom: 0;
			}
			
			h7 {
				color: #000000;
				font-size: 13px;
				margin: 0;
			}
			
			p {
				margin: 10px 30px 16px 0;
			}
			
			a {
				text-decoration: none;
			}
			
			#menu a:hover, #contact a:hover {
				background:linear-gradient(90deg,#16341B,#006400);
				color: #DDDDDD;
			}
			
			.navbar {
				display: flex;
				flex-wrap: wrap;
				flex-basis: 100%;
				justify-content: center;
				margin: 0;
				padding: 5px;
				background-color: transparent;
			}
			
			.navbar a {
				padding: 8px 20px;
				margin: 5px 10px;
				border-radius: 15px;
				text-decoration: none;
				text-align: center;
				text-shadow: 1px 1px 3px #000000;
				color: #DDDDDD;
				font-weight: bold;
				cursor: pointer;
				box-shadow:0 0 3px #DDDDDD;
			}
			
			.groups {
				display: flex;
				flex-wrap: wrap;
				width: 100%;
				justify-content: center;
				margin: 0;
				padding: 5px;
				background-color: transparent;
			}
			
			.groups a {
				padding: 8px 20px;
				margin: 5px 10px;
				border: none;
				text-align: center;
				text-shadow: none;
				font-weight: bold;
				cursor: pointer;
				box-shadow: none;
			}
			
			div.sticky {
				position: relative;
				top: 0;
				float: right;
				padding: 0;
				margin-right: 45px;
				background-color: transparent;
			}
			
			.span {
				position: -webkit-sticky;
				position: sticky;
				position: fixed;
				height:0;
				margin: 3px auto;
			}
			
			label {
				cursor: pointer;
			}

			#education .img-container, #work .img-container, #languages .flags, #languages .img-container, #contributions .img-container {
				display: flex;
				justify-content: flex-end;
				margin: 10px 30px 0 0;
				width: 25%;
				height: auto;
			}
			
			#education .img-profile, #work .img-profile {
				width: 45px;
				height: 45px;
				border-radius: 50%;
				box-shadow:0px 5px 12px #000000;
			}
			
			#menubar, #start, #skills, #work, #education, #languages, #contributions, #contact {
				width: 100%;
				margin: 0 auto;
				
			}

			/*
			--------------------------------------
			Style the menu bar
			--------------------------------------
			*/

			#menubar {
				background-color: #16341B;
				height: auto;
			}			
			
			#menubar label {
				cursor: pointer;
				height: auto;
				margin: 10px;
				display: inline-block;
			}
			
			#menu-toggle {
				display: none;
			}
			
			#menu {
				overflow: hidden;
				max-height: 0;
				padding: 0px;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				margin: 0;
				background-color: transparent;
			}
			
			#menu-toggle:checked + #menu {
				max-height: 100%;
				padding: 25px;
			}
			
			#menu a {
				padding: 8px 20px;
				margin: 5px 10px;
				border-radius: 15px;
				text-decoration: none;
				text-align: center;
				text-shadow: 1px 1px 3px #000000;
				color: #DDDDDD;
				font-weight: bold;
				cursor: pointer;
				box-shadow:0 0 3px #DDDDDD;
			}
			
			/*
			--------------------------------------
			Style the start point
			--------------------------------------
			*/
			
			#start {
				background-color: #16341;
			}

			#start .img-container {
				display: flex;
				align-items: flex-start;
				justify-content: center;
				margin: 20px;
				width: 15%;
				min-width: 125px;
				height: auto;
			}
			
			#start .img-profile {
				width: 15%;
				min-width: 125px;
				height: auto;
				border-radius: 50%;
				box-shadow:0px 5px 12px #000000;
			}
			
			#start p {
				text-indent: 30px;
			}
			/*
			--------------------------------------
			Style the skills
			--------------------------------------
			*/
			
			#skills {
				background-color: transparent;
			}			
			
			#skills a{
				color: white;
			}
			
			#skills .navbar a:hover{
				/*background:linear-gradient(90deg,#92aab6,#cacab0);
				color: #DDDDDD;*/
				cursor: auto;
			}
			
			/*
			--------------------------------------
			Style the work experience
			--------------------------------------
			*/
			
			#work {
				background-color: transparent;
			}
			
			#work p {
				font-size: 14px;
				font-weight: normal;
				margin: 3px 40px 16px 0;
			}
			
			/*
			--------------------------------------
			Style the education
			--------------------------------------
			*/
			
			#education {
				background-color: transparent;
			}
			
			#education p {
				font-size: 14px;
				font-weight: normal;
				margin: 3px 40px 16px 0;
			}
			
			/*
			--------------------------------------
			Style the languages
			--------------------------------------
			*/
			
			#languages {
				background-color: transparent;
			}
			
			#languages .flags {
				margin: 12px 12px 0 0;
			}
			
			#languages .img-container {
				margin: 12px 12px 0 0;
				justify-content: center;
			}
			
			#languages .img-container .center {
				justify-content: center;
			}
			
			#languages .img-profile {
				width: 25px;
				height: 15px;
				border-radius: 12%;
				box-shadow:0px 2px 6px #000000;
			}
			
			/*
			--------------------------------------
			Style the contributions
			--------------------------------------
			*/
			
			#contributions {
				background-color: transparent;
			}
			
			#contributions .img-container {
				margin: 12px 12px 0 0;
				width: auto;
				align-items: center;
				justify-content: center;
			}
			
			#contributions .img-profile {
				border-radius: 12%;
				box-shadow:0px 2px 6px #000000;
			}
			
			/*
			--------------------------------------
			Style the contact information
			--------------------------------------
			*/
			
			#contact {
				background-color: #16341B; /*#5f6767;*/
			}
			
			#contact .footer {
				display: flex;
				justify-content: center;
				margin: 0 auto;
				padding: 30px;
			}
			
			#contact h2 {
				color: #F0F8FF;
				text-shadow: 2px 2px #000000;
				text-align: center;
				margin-top: 0;
			}
			
			#contact h3 {
				color: white;
				font-size: 13px;
				/* box-shadow: 0px 0px 0px black; */
				text-align: center;
				margin: 10px;
			}

			/* Responsive layout --------------------------------------*/

			@media (max-device-height: 700px) {
				
				#menubar div{
					visibility: hidden;
					display:inline;
				}	
				
			}
			
			@media (max-width: 1400px) {
				
				h1 {
					font-size: 26px;
				}
				
				h2 {
					font-size: 18px;
				}
				
				p, #work p, #education p {
					margin: 3px 0 16px 0;
				}
				
				.row, .half, #contact, #menubar .navbar, #menu a {   
					flex-direction: column;
					width: 100%;
					display: inline-block;
				}
				
				#contact a {
					width: 100%;
					display: inline-block;
				}
				
				.logos {
					background-position: center;
				}
				
				#start h1, h2, h3, h4, h5 {
					text-align: center;
				}
				
				#start .img-container, #education .img-container, #work .img-container, #languages .img-container, #languages .flags, #contributions .img-container {
					display: flex;
					align-items: center;
					justify-content: center;
					margin: 15px 0 0 0 ;
					width: 100%;
					min-width: 125px;
					height: auto;
				}
			}
			
			@media (max-width: 500px), (orientation: portrait) {
				#menubar, #menu, #start, #skills, #work, #education, #languages, #contributions, #contact, .span {
					width: 100%;
					margin: 0 auto;
				}
			}