/* This is where user-defined styles would go. */
/*==========================*/
/*----COMMON OVERRIDES------*/
/*==========================*/
#banner{
	background-image: url('/asset/banner.png');
}
/*==========================*/
/*--------MAIN STYLE--------*/
/*==========================*/
main>div{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
#left{
	width: 70%;
	margin-right: 1%;
	transition: width var(--expandtime);
}
#right{
	width: 30%;
	transition: width var(--expandtime);
}
#upper{
	margin-bottom: 1.5%;
}
/*==========================*/
/*-----------BLOG-----------*/
/*==========================*/
.twitter-container:{

}
.twitter-container>.section-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 500px;
}
/*==========================*/
/*-----MEDIA OVERRIDES------*/
/*==========================*/
@media (max-aspect-ratio: 4/3){
	main>div{
		flex-direction: column;
		transition: flex-direction var(--expandtime);
	}
	#left{
		width: 100%;
		transition: width var(--expandtime);
	}
	#right{
		width: 100%;
		transition: width var(--expandtime);
	}
}