body {
  max-width:1920px;
  background-color:#123036;
  color:white;
  font-family: verdana;
  font-size:14px;
  line-height:1.5;
  margin-left:auto;
  margin-right:auto;
}

/**Headers**/

h2, h3{
  margin-bottom:5px;
  margin-top:5px;
  border-bottom:1px solid #5C8B73;
  color:white;
}

/**Links**/
a{
  color: #5C8B73;
 text-decoration:none;
 font-weight:bold;
}

a:hover{
 text-decoration:underline; 
}

p{
 line-height:1.5; 
}

/*-- List Style --*/
li{
  list-style-type:"✦";
  padding-left:10px;
  margin-left:15px;
}

ul{
  padding:0;
  margin:0;
}

/**Main Content**/
.main{
  display:flex;
  justify-content:center;
  flex-direction:row;
  gap:2em;
  margin-top:2em;
  margin-bottom:50px;
}

.me, .hello, .navbar, .portfolio, .latest-work, .portfolio, .bulletin, .blog-updates, .warning, .tg-widget, .obsessions, .shrines, .webrings{
  border:1px solid #5C8B73;
  box-shadow: 6px 6px 0 #5C8B73;
  margin-top:20px;
  padding:15px;
  background-color:#1c1c1c;
}

/**ORDER 1 - Info**/
.info{
  width:300px;
  order:1;
}

.me img{
  border-radius:50%;
}

.navbar{
  position: sticky;
  position: -webkit-sticky;
  top:0;
  padding:10px;
}

/**ORDER 2 - Content**/
.content{
  width:750px;
  order:2;
}

.portfolio button{
  background-color: #5C8B73;
  padding:10px;
  border: none;
  margin-left:2px;
  margin-right:2px;
  cursor:pointer;
  font-weight:bold;
  font-size:16px;
  border-radius: 10px 10px 0 0;
}

.portfolio a{
  color: white;
}

.portfolio a:hover{
  text-decoration:none;
}

.blog-table{
  height:250px;
  overflow:scroll;
  overflow-x:hidden;
}


.blog-table table{
  width:100%;
  font-size:14px;
}

.blog-table tr, .blog-table td{
  border-bottom:2px dotted white;
  padding-bottom:10px;
  padding-top:10px;
}

.blog-date{
  text-align:right;
}

/**ORDER 3 - Other**/
.other{
  width:300px;
  order:3;
}

/**Footer**/
.footer{
  text-align:center;
}