* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/**
body {
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(290deg, #c31432, #240b36);
  display: flex;
  align-items: center;
  justify-content: center;
}
**/


.portfolio_class {
	height: 500px;
	width: 100%;
	border-width: 2px;
	/*float: left; */
	font-size: 12px;
	/*background: transparent !important;*/
	/*background-color: #242b32;*/
	padding: 0px 0px 0px 0px;
	/*justify-content: space-between;*/
	display: flex;
	height: 300px;
	justify-content: center;
	align-items: center;
	
	border-color: rgba(244, 100, 90, 0.5) !important;
}


.flex-container {
  display: flex;
}

	

/**
.portfolio_class {
	border-radius: 50px;
	border-width: 2px;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding: 8px 24px;
	background: transparent !important;
	border-color: rgba(244, 100, 90, 0.5) !important;
}
**/




.container1 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px;/*Circle shape*/
  padding: 10px 10px 10px 10px;
}
.container1 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}



.container2 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/ 
}
.container2 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}




.container3 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container3 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}




.container4 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container4 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container5 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container5 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}






.container6 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container6 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container7 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container7 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container8 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container8 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container9 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container9 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container10 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container10 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container11 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container11 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container12 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container12 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container13 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container13 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container14 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container14 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container15 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container15 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container3 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container3 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container16 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container16 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container17 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container17 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container18 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container18 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container19 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container19 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container20 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container20 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container21 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container21 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}





.container22 {
  height: 200px;
  width: 350px;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left;
  border-radius: 30px; /*Circle shape*/
}
.container22 img {
  width: 100%;
  height: auto;
  transition: 7s linear;
}