@import "./style.css";

body{
	background:#ADD8E6;
	color:#000000;
	border:none;
	line-height:150%;
	font-size:medium;
}

.title{
	background:linear-gradient(0deg,#003344,#000000);
	color:#ADD8E6;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	font-size:x-large;
	font-weight:bold;
	margin:0px;
	padding:15px 20px;
	border-bottom:dotted 1px;
}

.timeline_body{
	width:90%;
	line-height:150%;
	margin:100px 20px;
	margin-bottom:120px;
}

a:link, a:visited, a:active, a:hover{
	color:#000000;
}
a:hover{
	color:#EEFFFF;
	background:#000000;
}

.id-list{
	margin:0px 20px;
	margin-bottom:40px;
}

.t-table{
	color:#000000;
	background:#FFFFFF;
	font-size:medium;
	margin:0px;
	padding:0px;
}

.t-resetbody{
	line-height:100%;
}

.t-timeline{
	color:#000000;
	background:#FFFFFF;
	padding:5px 10px 0px 10px;
	margin:0px;
	margin-left:15px;
}

.t-tweetbody{
	width:95%;
	color:#000000;
	background:#FFFFFF;
	padding:8px 10px 8px 10px;
	margin:0px;
}

.t-name01{
	font-size:medium;
	font-weight:bold;
	color:#000000;
}

.t-name02{
	font-size:small;
	color:#888888;
}

.t-time{
	font-size:small;
	color:#888888;
}

.t-line{
	margin-top:0px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;
	clear:left;
}

.prof-image{
	border-radius:48px;
}

.one-tweet{
	padding-left:10px;
	padding-bottom:0px;
	line-height:150%;
}

.footer{
	background:linear-gradient(180deg,#002233,#000000);
	color:#ADD8E6;
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	line-height:150%;
	margin:0px;
	padding:10px 20px;
	border-top:dotted 1px;
}

.footer a:link{
	color:#ADD8E6;
}
.footer a:visited{
	color:#ADD8E6;
}
.footer a:active{
	color:#ADD8E6;
}
.footer a:hover{
	background-color:#ADD8E6;
	color:#000000;
}

.webclap_fix{
	background:linear-gradient(90deg,#002233,#000000);
	color:#ADD8E6;
}