/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body{
background-image: url('https://i.pinimg.com/1200x/a1/e2/3b/a1e23b7d19e7db5d9f97ee96895e38e7.jpg');
margin: 0px;
color: #613f3f;
overflow-x: hidden;
}
 
 
#topborder{
background-image: url('https://i.imgur.com/0vWS1mg.png');
background-repeat: repeat-x;
height: 73px;
width: 100vw;
position: fixed;
top: 0px;
z-index: 3;
}

#profilename{
  color: #82b750;
  padding: 0px 0px 0px 0px;
}


#bottomborder{
background-image: url('https://i.imgur.com/lv5pt9F.png');
background-repeat: repeat-x;
height: 73px;
width: 100vw;
position: fixed;
bottom: 0px;
z-index: 3;
}
 
#all{
background-color: #aaa;
width: 800px;
margin: 0 auto;
}
 
#side{
width: 175px;
margin-top: 135px;
float: left;
position: fixed;
}
 
#profile{
background-color: #fefefe;
border-radius: 10px;
width: 145px;
margin-bottom: 25px;
padding: 15px;
}
 
#pfp{
background-image: url('https://i.pinimg.com/736x/d0/6d/6e/d06d6e55ad841a6c7164fc4ecd1fb9da.jpg');
width: 140px;
height: 140px;
border-radius: 10px;
opacity: 0.9;
}
 
#profiletext{
margin: 0px;
letter-spacing: 1px;
text-align: justify;
font-size: 13px;
padding: 0px 0px 0px 0px;
color: #856d6d;
}
 
 mark {
  background-color: #d8f3bf;
  color: #856d6d;
} 


#nav{
background-color: #fefefe;
width: 175px;
border-radius: 10px;
position: relative;
}
 
#navheader{
border-bottom: 3px solid #cdb5b5;
margin: 0px;
line-height: 10px;
padding-left: 5px;
padding-top: 15px;
font-family: 'Sacramento', cursive;
color: #82b750;
}
 
#navbow{
background-image: url('https://img1.picmix.com/output/stamp/normal/5/2/3/1/2821325_d66b4.png');
background-size: 100%;
background-repeat: no-repeat;
width: 27px;
height: 20px;
position: absolute;
right: 9px;
top: 10px;
z-index: 2;
}
 
ul{
margin: 0px;
padding: 13px 10px 10px 16px;
}
 
li{
list-style-type: none;
margin: -10px;
letter-spacing: -1px;
font-size: 18px;
font-family: 'Helvetica Neue', thin;

}
 
#main{
width: 605px;
float: right;
position: relative;
}
 
#title{
font-family: 'Sacramento', Cursive;
border-bottom: 3px solid #cdb5b5;
line-height: 15px;
width: 600px;
margin: 0px;
color: #82b750;
background-color: #fefefe;
position: absolute;
top: 74px;
border-radius: 10px 10px 0px 0px;
padding-left: 5px;
padding-top: 22px;
}
 
#bow{
background-image: url('https://img1.picmix.com/output/stamp/normal/5/2/3/1/2821325_d66b4.png');
background-size: 100%;
background-repeat: no-repeat;
width: 50px;
height: 45px;
position: absolute;
right: 45px;
top: 81px;
z-index: 1;
}
 
#content{
background-color: #fefefe;
position: absolute;
top: 114px;
width: 575px;
padding: 15px 15px 73px 15px;
}
 
.entry{
width: 575px;
}
 
.entryhead{
width: 575px;
height: 80px;
position: relative;
border-bottom: 1px dotted #82b750;
padding-bottom: 5px;
}
 
.icon{
width: 80px;
opacity: 0.9;
}
 
.date{
position: absolute;
bottom: 0;
left: 85px;
padding-bottom: 5px;
}
 
.date p{
margin: 0px;
letter-spacing: -1px;
color: #856d6d;
}
 
.datecolor{
color: #82b750;
}
 
.header{
position: absolute;
bottom: 0;
right: 0;
}
 
.header h2{
margin: 0px;
font-family: 'Sacramento', cursive;
line-height: 23px;
font-size: 26px;
color: #82b750;
}
 
.text{
text-align: justify;
margin-top: 5px;
letter-spacing: 1px;
color: #856d6d;
}
 
a{
text-decoration: none;
color: #613f3f;
font-family: 'Geneva';
}
 
a:visited{
color: #613f3f;
}
 
a:hover{
font-style: italic;
}
 
a:active{
font-style: italic;
font-weight: bold;
}
 
::-webkit-scrollbar{
width: 6px; 
}
 
::-webkit-scrollbar-track{
background-color: #82b750;
}
 
::-webkit-scrollbar-thumb{
background-color: #cdb5b5;
}
 
#credit{
font-size: 12px;
position: fixed;
bottom: 70px;
right: 0;
}