@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
html, body {
    margin:0;
}
/*#myVideo {
    width:100px;
}*/
nav  {
    padding-top:80px;
    text-align:center;
    color:white;
    font-size:30px;
    font-family:'Open Sans';
    text-transform:uppercase;
}

@media only screen and (max-width: 600px) {
  nav {
    background-color: lightblue;
   
  }
}


a { font-family:Open sans;
    text-decoration:none;
    color:white;
}
.header {
    height:200px;
    padding-bottom:10px;
    margin:0;
    background-color:#00FAC8;rgba(0,250,200,.9);
    
}

  center {
      text-transform: uppercase;
      font-size:20px;
      color:white;
    font-family:'Open-Sans';
    
}
.sites-holder {
   
    display: flex;
    flex-direction: column;
    align-items:center;
    /* text-align: center; */
}

@media only screen and (min-width:1001px){.site img, .site{
	width:1003px;
	height:auto;
}
.languages {
	    font-size:20px;
	}
}
@media only screen and (max-width:1000px){
	.site img, .site{
		width:100%;

	}
	 .languages, h3{
	    font-size:16px;
	}
}





h3{
    
    font-family:'Open sans';
    text-transform:uppercase;
    margin:20px;
    color:#505050;
    
}

div .languages{
    padding:20px;
    font-family:'Open Sans';
   align-items:center;
   text-align:center;
   text-wrap:normal;
   background-color:#e3c936;
   margin-bottom:20px;
  
}



.site1 img , .site2 img , .site3 img , .site4 img{
  overflow: hidden;
}
.site1 img:hover, .site2 img:hover , .site4 img:hover, .site3 img:hover, .site5 img:hover{
  opacity: 1;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.site1 img , .site2 img, .site3 img, .site4 img, .site5 img{
  opacity: 0.7;
  transition: transform .5s,
              opacity .5s;
  transition: transform .5s,
              opacity .5s;
}
.portfolio-holder {

}