#projecte{
display:none;
min-width: 100vw;
min-height: 100vh;
background-color: black;
overflow-y: scroll;
overflow-x: hidden;
}
#projecte::-webkit-scrollbar{
width: 0;
}
#projecte section{
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
#projecte section .side{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#projecte section .side#side1{
clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
}
#projecte section .side#side2{
clip-path: polygon(0% 0%, 100% 0, 100% 100%);
}
#projecte section .side video{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.overlayCover{
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:transparent; 
color: white; 
}
#projectParagraph{
display: none;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 3rem;
font-weight: 900;
-webkit-text-stroke: 2px gold ;
}





.content{
    
    color: rgb(255, 255, 255);
    padding: 50px;
    text-align: justify;
    width: 70vw;
    margin: 0 auto;
   margin-top: 100vh; 
}
.content h2{
  
  
  text-align: left;
  padding: 0;
}
.content img {
    width: 50vw;
    margin: 0 auto;
    margin-top: 1px;
}