@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
{
	flex-flow: wrap;
	padding-left: 25px;
}

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

.article{
 	float: left;
	width: 40%;
height: 300px;
}

.youtubeShow{
	position: relative;
	margin-left: 20px;
	float: left;
	max-width: 25%;
	height: 400px;
}



.poster{
	float: left;
	margin-right: 20px;
	box-shadow: 8px 8px 5px #888;	
}

.poster img:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: 1s ease;
}

	.poster img {
transition: 1s ease;
}



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