@charset "UTF-8";
body {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    max-width: 1440px;
    margin: auto;
}

a { text-decoration: none; color: black;}

.myname{
	
	font-size: 45px;
	padding-left: 25px;
	font-stretch: ultra-condensed;
}

.w3rcontainer{
   border: 0.5px solid #cccfdb;
   border-radius: 2px;
} 
.menubutton {
  display: inline-block;
  position: relative;
  color: black;
}


.menubutton:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: black;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.menubutton:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


.container
{
	display:inline-flex;
	padding-left: 25px;
	vertical-align:middle;
}

.container img {
	padding: 2px;
	object-fit: contain;
	align-self: center;
}


.discribeAbouMe{
	padding: 25px;
	float: left;
	width: 550px;
}

/* gallery script */ 

.gallery {
   line-height:0;
   -webkit-column-count:3; /* split it into 5 columns */
   -webkit-column-gap:2px; /* give it a 5px gap between columns */
   -moz-column-count:5;
   -moz-column-gap:5px;
   column-count:3;
   column-gap:2px;
}

.gallery img {
   width: 100% !important;
   height: auto !important;
   margin-bottom:5px; /* to match column gap */
}

@media (max-width: 1000px) {
   #gallery {
    -moz-column-count:    2;
    -webkit-column-count: 2;
    column-count:         2;
   }
}

.gallery img:hover {
   filter:none;
}

/* end gallery script */ 

.uprightTbl * {
    border: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}



.bottomText{
	margin-left: 30px;
	font-size: 14px;
}