@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');
	.navBarSize {
		height: 9%;
		width:100%;
	}
	.navBar {
		display: flex;
		background: #383535;
		position: fixed;
		top: 0%;
		left: 0%;
		z-index: 1;
		padding-left: 0%;
		padding-right: 0%;
		border-bottom: 1px solid grey;
		max-height: 5em;
	}

	.navBarBUTTON {
    	width: 3em;
    	min-width: 3em;
        height: 100%;
        text-align: center;
        padding-left: 1.5%;
        padding-right: 1.5%;
        transition: 0.5s cubic-bezier(0, 0, 0.18, 1.09);
        cursor:pointer;
        display:block
	}

	.navBarEMPTYZONE {
		width: 64%;
		height: 100%;
	}

	.navBarBUTTON:hover{
		background: #5f5f5f;

	}

	.navBarBUTTON div {
		height: 100%;
		background-image: url(http://www.gordon.ovh/portfolio/sources/navbar/home.png);
    	background-position-x: center;
    	background-position-y: center;
    	background-size: 60%;
   	
   		background-repeat: no-repeat;
   		display: block;
   		text-decoration: none;
   		color:white;

	}

	.navBarTEXT {
		vertical-align: middle;
		text-align: center;
		color:white;
		margin-top:auto;
		margin-bottom: auto;
		width: 10em;
		margin-left: 1%;
		margin-right: 1%;
		font-family: 'Montserrat', sans-serif;
		letter-spacing: 1px;
		font-size:0.95em;
		transition: 0.5s cubic-bezier(0, 0, 0.18, 1.09);
		text-decoration: none;
	}



	.navBarTEXT:hover{
		
	}