/* style HUBLIFT */

p { font-family: 'Barlow', sans-serif;
			font-size: 18px;
	}

li { font-family: 'Barlow', sans-serif;
			font-size: 18px;
		}

svg	{ width: 100px;
		margin: auto;
		display: block;
		margin-bottom: 20px;
		}

a { color: white;
	}

h2 { font-family: 'Babylonica', cursive;
		font-size: 84px;
		}

h3 { font-family: 'Bebas Neue', cursive;
		font-size: 34px;
		text-align: center;
		}	

body { background-image:url(../pics/sean-sinclair-k0JNJRbrJAs-unsplash.jpg); 
	background-size: cover;
			}

/* style classes */
.navbar-custom { background-color: transparent;
            	font-family:'Barlow', sans-serif;
  							}
.navbar-custom hover{ background-color: rgba(255, 255, 255, 0,3);
										}
.navbar {margin-top:-280px ;
					}

.btn-custom{ margin: auto;
    	display: block;
      background-image: url(../pics/gradienta-nbuYloot8_U-unsplash.jpg);
      background-size: cover;
      font-family:'Barlow', sans-serif;
        		}
.bouton1 { background-image: url(../pics/gradienta-nbuYloot8_U-unsplash.jpg);
	background-size: cover;
	width: 120px;
	height: 40px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 10px;
				}

#body1 .col-xs-12 {background-color: rgba(255, 255, 255, 0.4);
	margin: 10px;
	width: 350px;
	text-align: justify;
	padding: 20px;
									}
	.col-xs-12 h2 { text-align: center;
								}
	.col-xs-12 { background-color: rgba(255, 255, 255, 0.4);
	margin: 10px;
	text-align: justify;
	padding: 20px;
							}

.progress { background: rgba(255,255,255,0.1);
  justify-content: flex-start;
  border-radius: 20px;
  align-items: center;
  position: relative;
  padding: 0 5px;
  display: flex;
  height: 34px;
  width: 100%;
					}

.progress-value { animation: load 3s normal forwards;
  box-shadow: 0 10px 40px -10px #fff;
  border-radius: 100px;
  background: #fff;
  height: 26px;
  width: 0;
								}

/* style IDs */
#header { margin-bottom: 200px;
				text-align: center;
				}

#sepCV { background-color: white;
				 width: auto;
				 height: 40px;
				 margin-bottom: 20px;
				}

#bandeau { margin-top: 120px;
   					height: 400px;
            background-image: url(../pics/ginkgo.jpg);
            background-size: cover;
            background-position: center;
        	}

#blackborder { margin-top: -400px;
    				margin-left: 18%;
    				background-color: rgba(0, 0, 0, 0.6);
    				width: 300px; 
    				height: 400px;
    				}

#tband	{ margin-left: 18%;		
    				margin-bottom: 150px;
    				margin-top: -200px;
    				width: 350px;
    				text-align: right;
    				color: whitesmoke; 
    		}

#separator { background-color: white;
				 width: auto;
				 height: 5px;
				 margin-bottom: 70px;
					}

#body1 { margin-top: -100px; 
				}

#CV { font-size: medium;
		}

#contact { width: 280px;
	text-align: justify;
	padding: 20px;
	flex-wrap: all;
					}

#footer	{	justify-content: space-around;
				display: flex;
				}
#footer svg:hover{ fill: lightpink; 
										}
#footer svg { fill: white;
		width: 40px;
							}