/* CSS Document */
*{
	margin: 0 auto;
 	padding: 0;
}
img{
	width: 100%;
}
/*
#backgroundimg{
	position: absolute;
	z-index: -1;
}
*/
#Header{
/*	background-color: #292929;*/
	border-bottom: solid;
	border-color: aquamarine;
	background: linear-gradient(to left, aquamarine, #292929)
}
#Header #title{
	display: flex;
	flex-direction: row;
	align-items: center;
}
#Header #title #lambda_logo{
	margin-left: 0%;
	padding-right: 0%;
	width: 8%;
}
#Header #title #lambda_logo img{
/*	width: 100%;*/
}
#Header #title #lambda_title{
	margin-left: 0%;
	width: 48%;
}
#Header #title #lambda_title img{
/*	width: 100%;*/
}
#Header #title #Placeholding{
	width: 44%;
}
#Header #title #Placeholding .subtitle{
	float: right;
	font-size: 1.5vw;
	color: #292929;
	text-shadow: 1px 1px 5px #292929;
/*	border: solid;*/
/*	padding: 9px;*/
	margin-right: 9%;
	margin-top: 5%;
}
#Header #title #Placeholding .subtitle:hover{
	color: whitesmoke;
}
#container{
	display: flex;
	flex-wrap: nowrap;
/*	background-color: #424242;*/
	height: 3000px;
	background: linear-gradient(dimgray, #292929)
}
/*
#container #side_bar{
	background-color: #292929;
	height: 100%;
	width: 15%;
	margin-left: 0px;
}
*/
#container #container_body{
	height: 100%;
	width: 85%;
}
#container #container_body .row{
	display: flex;
	flex-direction: row;
	margin-top: 3%;
	margin-bottom: 3%;
	align-items: center;
}
#container #container_body .row .maintitle{
	margin-left: 4%;
	font-size: 3vw;
	color: aquamarine;
	text-shadow: 1px 1px 30px;
}
#container #container_body .row .maintitle span{
	font-size: 4vw;
}
#container #container_body .row .classify{
	font-size: 5vw;
	color: aquamarine;
	text-shadow: 1px 1px 30px;
	margin-top: 3%;
	margin-bottom: 0%;
}
#container #container_body a{
	text-decoration: none;
}
#container #container_body .subject{
	display: flex;
	flex-direction: column;
	width: 75%;
	border: 2px solid #292929;
	border-bottom: 2px;
	border-radius: 10px;
}
#container #container_body .subject img{
	border-radius: 8px 8px 0px 0px;
}
#container #container_body .subject .lower{
	border-radius: 0px 0px 8px 8px;
}
#container #container_body .subject:hover{
	border-color: aquamarine;
    animation: FadeBorderAquamarine 0.5s forwards;
}
#container #container_body .subject:not(:hover){
	border-color: aquamarine;
    animation: FadeBorderWhite 0.5s forwards;
}
#container #container_body .subject:hover .lower{
	background-color: aquamarine;
    animation: FadeAquamarine 0.5s forwards;
}
#container #container_body .subject:not(:hover) .lower{
    animation: FadeWhite 0.5s forwards;
}
@keyframes FadeBorderAquamarine {
    0% {
        border-color: #292929;
    }
    100% {
        border-color: aquamarine;
    }
}
@keyframes FadeBorderWhite {
    0% {
        border-color: aquamarine;
    }
    100% {
        border-color: #292929;
    }
}
@keyframes FadeAquamarine {
    0% {
        background-color: #292929;
    }
    100% {
        background-color: aquamarine;
    }
}
@keyframes FadeWhite {
    0% {
        background-color: aquamarine;
    }
    100% {
        background-color: #292929;
    }
}
#container #container_body .subject .upper{
	width: 100%;
}
#container #container_body .subject .lower{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	background-color: #292929;
	align-items: center;
	width: 100%;
	padding-top: 1%;
	margin-top: -1.5%;
}
#container #container_body .subject .lower .logo{
	width: 15%;
}
#container #container_body .subject .lower .title{
	font-size: 1.2vw;
	width: 100%;
	color: white;
/*	background-color: red;*/
}
#container #container_body .subject:hover .lower .title{
	color: black;
}