body{
background-color: #8cbcce;
background-image: url('https://i.postimg.cc/NFv0zL2G/sandbg.jpg');
background-size: cover;
background-repeat: no-repeat;
margin: 0px;
color: #202c33;
}
 
#all{
width: 800px;
}
 
#side{
text-align: right;
width: 123px;
height: 100%;
float: left;
background-color: #faf7f7;
padding: 10px;
margin: 20px;
border: 10px solid transparent;
border-image-source: url('https://i.postimg.cc/tCSfPb0f/fcb81c86b037a54c68f76c8b809ef4cb-removebg-preview.png');
border-image-slice: 22%;
border-image-outset: 20px;
border-image-repeat: repeat;
border-image-width: 40px;
}
 
#sideicon{
border: 1px solid #6b2d2b;
width: 120px;
}
 
.sideheader{
font-weight: normal;
margin: 5px 0px 0px 5px;
font-size: 20px;
font-family: 'DotGothic16', sans-serif;
}
 
#aboutheader{
margin: 0px 0px -5px 0px;
}
 
#about{
text-align: justify;
margin: 0px 0px 10px 0px;
letter-spacing: 1px;
font-family: 'Baskerville', serif;
}
 
.divider{
border-bottom: 1px dashed #3d2120;
}
 
ul{
padding: 0px;
margin: 0px;
}
 
li{
list-style-type: none;
margin: 5px 0;
}
 
#main{
width: 500px;
height: 100vh;
float: left;
background-color: hsla(212, 47%, 77%, 0.91);
overflow: scroll;
overflow-x: hidden;
}
 
#header{
background-image: url('https://i.postimg.cc/RZd96ySb/sunset.jpg');
background-color: #C26045;
height: 150px;
border-bottom: 1px solid #6b2d2b;
}
 
#header h1{
margin: 7px;
font-weight: normal;
color: #fff;
font-size: 50px;
line-height: 230px;
font-family: 'DotGothic16', sans-serif;
}
 
.subheader{
font-weight: normal;
font-size: 30px;
margin: 0px 0px -5px 0px;
padding: 10px 10px 0px 10px;
font-family: 'DotGothic16', sans-serif;
}
 
.postcontainer{
padding: 10px;
position: relative;
}
 
.posttext{
padding: 0px 15px 0px 15px;
font-size: 17px;
letter-spacing: 1px;
line-height: 20px;
text-align: justify;
margin-top: -4px;
font-family: 'Baskerville', serif;
}
 
.videos{
border: 10px solid transparent;
margin: 18px;
padding: 3px;
border-image-source: url(https://i.postimg.cc/jdtGR7f0/pictureframe.png);
border-image-slice: 10%;
border-image-repeat: repeat;
border-image-outset: 4px;
border-image-width: 20px;
}

a{
text-decoration: none;
color: #4a7211;
}
 
a:visited{
color: #7abd1c;
}
 
a:hover{
font-style: italic;
font-weight: bold;
}
 
a:active{
font-weight: bold;
font-style: italic;
}
 
::-webkit-scrollbar{
width: 5px; 
}
 
::-webkit-scrollbar-track{
background-color: rgba(49, 54, 60, 0.1);
}
 
::-webkit-scrollbar-thumb{
background-color: #31363C
}
 
#bg{
position:fixed;
bottom: 0px;
right: 0;
opacity: 0.9;
}
 
#credit{
font-size: 12px;
font-weight: bold;
position: fixed;
bottom: 0;
right: 0;
z-index: 2;
}