*{
padding: 0px;
margin: 0px;
font-family: "Trebuchet MS", sans-serif;
}
.sideborders{
border: 50px solid #D0DBEA;
width: 763px;
overflow: hidden;
}
.main{
background: white;
margin-top: -5px;
overflow: hidden;
}
.sidebar{
background: #101B3B;
width: 200px;
height: 600px
}
.sidebar ul{
list-style: none;
}
.sidebar ul li a{
text-decoration: none;
color: white;
display: block;
padding: 15px;
margin-left: -22px;
font-family: "Trebuchet MS", sans-serif;
}
.sidebar ul li a:hover{
background: #6D6D6D;
}
.info{
margin-left: 15px;
}
.info p {
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
}
.upper{
background: #EFF2F7;
padding: 2px 20px;
width: 385px;
display: grid;
place-items: center;
}
.upper h5{
margin-top: -4px;
font-family: "Trebuchet MS",sans-serif;
font-size: 12px;
font-weight: 600;
}
.lower{
background: #F5F8FB;
width: 385px;
padding: 20px;
overflow: scroll;
height: 100px;
text-align: center;
}
.contents{
width: 533px;
float: left;
overflow: scroll;
margin-top: -620px;
padding: 15px;
height: 590px;
margin-left: 200px;
}
.articles_by_me{
margin-top: 25px;
width: 385px;
}
.skill_table{
border-collapse: collapse;
margin-top: 25px;
box-shadow: 1px 1px 2px 0px;
margin-bottom: 25px;
}
.skill_table thead{
background: #EFF2F7;
}
.skill_table tbody{
background: #EFF2F7;
}
.skill_table th{
padding: 10px;
text-align: center;
}
.skill_table td{
padding: 10px;
text-align: center;
}
.bio_info_table{
border-collapse: collapse;
margin-top: 25px;
box-shadow: 1px 1px 2px 0px;
margin-bottom: 25px;
}
.bio_info_table thead{
background: #EFF2F7;
}
.bio_info_table tbody{
background: #EFF2F7;
}
.bio_info_table th{
padding: 10px;
text-align: center;
}
.bio_info_table td{
padding: 10px;
text-align: center;
}
.bio_info_table th:first-child
.contents b{
margin-top: 25px;
}
.info b{
font-weight: 600;
font-family:"Trebuchet MS",sans-serif;
}