@font-face {
    font-family: 'ARIAL NARROW';
    src: url("ArialNarrow.ttf") format("truetype");
}

html{
    background-color:rgb(0, 0, 0);
}
body::-webkit-scrollbar {
    display: none;
  }
body{
    font-family: 'ARIAL NARROW';
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    line-height: 1.3em; 
    overscroll-behavior-x: none;
    margin: 0%;
    padding: 0%;
    z-index: 0;
}

p{
    color: white;
    mix-blend-mode: exclusion;
} 
a{
    color: rgb(255, 255, 255);
    text-decoration: none;
    mix-blend-mode: exclusion;
}
.cache{
    display: none;
}
.nav{
    top: 0%;
    padding-top: 0%;
    padding-left: 2%;
    position: fixed;
    width: 50vw;
    height: 6vh;
    mix-blend-mode: exclusion;
    color: rgb(255, 255, 255);
    z-index: 3;
    overscroll-behavior-x: none;
}
.language{
    top: 0%;
    padding-right: 2%;
    padding-top: 0%;
    padding-left: 0%;
    position: fixed;
    width: 100vw;
    mix-blend-mode: exclusion;
    color: rgb(255, 255, 255);
    z-index: 3;
    display: flex;
    justify-content: space-between;
    text-align: right;
    flex-direction: row;
}
.select{
    text-decoration: none;
}
.select:hover{
    text-decoration: underline solid .1em white;
    text-underline-offset: 3px;
}
.margin-top{
    margin-top: 80px;
}
.project{
    display: flex;
    flex-direction: row;
}
img.passeport{
    width: 150px;
    height:auto;
    padding-left: 1%;
    
}
a:after, [item]:after{
	content: attr(item);
	padding-left: 17px;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	width:auto;
    mix-blend-mode: exclusion;
	display: inline-block;
}
a[class=external]:after{
	vertical-align: 0px;
	padding-top: 0px;
	background-image: url('./norouest.svg');
	background-position: bottom 0px left 2px;
    mix-blend-mode: exclusion;
	height: 12px;
}
a[class=internal]:after{
	vertical-align: 0px;
	padding-top: 0px;
	background-image: url('./sudouest.svg');
	background-position: bottom 0px left 2px;
    mix-blend-mode: exclusion;
	height: 12px;
}
/* a[class=local]:after, [item]:after{
	vertical-align: 8px;
	background-image: url('assets/images/arrowDown.svg');
	background-position: top 4px left;
	height: 22px;
} */
.en{
    padding-left: 2%;
    padding-right: 1%;
    width: 50vw;
    /* text-align-last: right; */
}
.fr{
    padding-left: 1%;
    padding-right: 2%;
    width: 50vw;
    /* text-align-last: right; */
}
.info{
    padding-left: 1%;
}

  .arenaimgs{
         width: auto;
         margin-top: 5vh;
         height: 90vh;
         display: flex;
         padding-left: 1vw;
  }
  #parent{
          margin-block-start: 0em;
          margin-block-end: 0em;
          margin-inline-start: 0px;
          margin-inline-end: 0px;
          padding-inline-start: 0px;
          padding-inline-end: 0px;
          scroll-padding-inline-end: 0px;
   }
  ul {
          list-style-type: none;
          width: auto;
          height: fit-content;
          margin-block-start: 0em;
          margin-block-end: 0em;
          margin-inline-start: 0vw;
          margin-inline-end: 0px;
          padding-inline-start: 0px;
          padding-inline-end: 0px;
          scroll-padding-inline-end: 0px;
          display: flex;
        
          
      }
      .img_container{
        margin-block-start: 0em;
        margin-block-end: 0em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 0px;
        padding-inline-end: 0px;
        scroll-padding-inline-end: 0px;
        /* height: 100vh; */
        display: flex;
        flex-direction: column;
      }
  
      #image-block {
        
        background-color: none;
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
      }

      iframe{
        width: 100vw;
        height: 60vh;
        z-index: 3;
      }
      iframe.web{
        height: 80vh;
        margin-left: 1%;
        width: 78vw;
        background-color: white;
        border-radius: 10px;
      }

      @media only screen and (max-width: 780px) {
        .nav{
            width: 100vw;
            padding-left: 2%;
        }
        .language{
            
            display: flex;
            width: 100vw;
            margin-right: 0%;
        }
        .project{
           
            display: block;
            width: 96vw;
            margin-right: 0%;
        }
        .en{
            padding-left: 2%;
            padding-right: 2%;
            width: 96vw;
            /* text-align-last: right; */
        }
        .fr{
            padding-left: 2%;
            padding-right: 2%;
            width: 96vw;
            /* text-align-last: right; */
        }
        .arenaimgs{
            width: auto;
            margin-top: 10vh;
            height: 90vh;
            display: flex;
            padding-left: 1vw;
     }
        
        iframe{
            width: 98vw;
            margin: 1%;
            height: 60vh;
            z-index: 3;
          }
        iframe.web{
            height: 80vh;
            margin-left: 2%;
            width: 96vw;
            background-color: white;
            border-radius: 10px;
        }
        .margin-top{
            margin-top: 80px;
        }
        .info{
            padding-left: 2%;
        }
        img.passeport{
            width: 130px;
            height:auto;
            padding-left: 2%;
        }
        .highlight.fr{
            margin-bottom: 0%;
            margin-top: 0%;
        }
        .highlight.en{
            margin-bottom: 0%;
        }
      }