@charset "utf-8";
#body {
	width: 1080px;
	height: 800px;
	background-image: url(../images/about-BG.png);
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
}
#body #bubble {
	width: 1033px;
	height: 752px;
	background-image: url(../images/about-bubble_03.png);
	float: left;
	margin-left: 31px;
	margin-top: 26px;
}
#body #bubble .sec1 {
	margin-left: 145px;
}
#bubble .sec1 .Logo {
	font-family: Incompleeta, "Incompleeta Italic", "Incompleeta Italic Reveal", "Incompleeta Light", "Incompleeta Light Italic", "Incompleeta Light Italic Reveal", "Incompleeta Light Reveal", "Incompleeta Reveal";
	float: left;
	transition: transform 0.2s ease;
}

.Logo:hover {
	
	transform: scale(1.06)
	translateY(-8px)
}

.sec1 .Logo .l1 {
	color: #FF005A;
	font-size: x-large;
	font-weight: bolder;
	float: left;
}
.sec1 .Logo .l2 {
	color: #FFFFFF;
	font-weight: bolder;
	font-size: x-large;
	float: left;
}
#bubble .sec1 .navs {
	color: #FFFFFF;
	font-family: Montserrat, "Montserrat Black", "Montserrat Extra Bold", "Montserrat ExtraBold", "Montserrat ExtraLight", "Montserrat Hairline", "Montserrat Light", "Montserrat Medium", "Montserrat Semi Bold", "Montserrat SemiBold", "Montserrat Thin", "Montserrat Ultra Light";
	font-size: 14px;
	float: left;
	margin-top: 27px;
	margin-left: 145px;
}
.sec1 .navs .home {
	float: left;
	transition: transform 0.2s ease;
}

.home:hover {
	
	
	transform: scale(1.06)
	translateY(-8px)
}

.sec1 .navs .port {
	float: left;
	margin-left: 30px;
	transition: transform 0.2s ease;
}

.port:hover {
	
	transform: scale(1.06)
	translateY(-8px)
}

.sec1 .navs .contact {
	float: left;
	margin-left: 30px;
	transition: transform 0.2s ease;
}

.contact:hover {
	
	transform: scale(1.06)
	translateY(-8px)
}

.sec1 .navs .about {
	float: left;
	margin-left: 30px;
	transition: transform 0.2s ease;
}
.about:hover {
	
	
	transform: scale(1.06)
	translateY(-8px)
}


#body #bubble #discrip {
	clear: both;
	font-family: Montserrat, "Montserrat Black", "Montserrat Extra Bold", "Montserrat ExtraBold", "Montserrat ExtraLight", "Montserrat Hairline", "Montserrat Light", "Montserrat Medium", "Montserrat Semi Bold", "Montserrat SemiBold", "Montserrat Thin", "Montserrat Ultra Light";
	text-align: center;
	color: #FFFFFF;
}
#bubble #discrip #topic {
	font-weight: bolder;
	font-size: x-large;
}
#bubble #discrip #under {
	font-weight: lighter;
}
#body #bubble #content {
	float: left;
	margin-left: 21px;
	margin-top: 47px;
}
#bubble #content .box1 {
	width: 403px;
	height: 309px;
	background-image: url(../images/End-Of-Sem-about_03.png);
	float: left;
	transition: transform 0.2s ease;
}

.box1:hover {
	transform: scale(1.06)
	translateY(-8px)
	
}

#content .box1 .top1 {
	font-family: Montserrat, "Montserrat Black", "Montserrat Extra Bold", "Montserrat ExtraBold", "Montserrat ExtraLight", "Montserrat Hairline", "Montserrat Light", "Montserrat Medium", "Montserrat Semi Bold", "Montserrat SemiBold", "Montserrat Thin", "Montserrat Ultra Light";
	color: #FFFFFF;
	font-size: 22px;
	text-align: center;
	float: left;
	margin-left: 136px;
	margin-top: 16px;
}
#bubble #content .box2 {
	width: 410px;
	height: 180px;
	background-image: url(../images/End-Of-Sem-about_05.png);
	float: left;
	clear: both;
	transition: transform 0.2s ease;
}
.box2:hover {
	
	transform: scale(1.06)
	translateY(-8px)
}

#content .box2 .top2 {
	color: #FFFFFF;
	font-family: Montserrat, "Montserrat Black", "Montserrat Extra Bold", "Montserrat ExtraBold", "Montserrat ExtraLight", "Montserrat Hairline", "Montserrat Light", "Montserrat Medium", "Montserrat Semi Bold", "Montserrat SemiBold", "Montserrat Thin", "Montserrat Ultra Light";
	font-size: 22px;
	margin-left: 159px;
	float: left;
	margin-top: 20px;
}
#bubble #content .youtube {
	width: 469px;
	height: 480px;
	border-radius: 20px;
	float: left;
	margin-left: 412px;
	margin-top: -483px;
	transition: transform 0.2s ease;
}

.youtube:hover {
	
	transform: scale(1.06)
	translateY(-8px)
}