body{
background-color: #c5ccc2;
margin-bottom: 2%;
color: #5c6358;
font-family: 'Crete Round', serif;
 background-image: url('https://krispydoughnut.neocities.org/backgrounds/Blog%20Post%20BG.png');
 background-attachment: scroll;
 background-size: 100%;
 background-repeat: repeat;
 overflow-x: hidden;
}
 
#all{
width: 60%;
margin: 0 auto;
}
 
#header{
width: 99.8%;
height: 150px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 0px;
border-radius: 35px 35px 0px 0px;
background-color: #000000;
/*background-image: url('https://i.imgur.com/nqXa1s6.png');*/
background-position: center center;
background-repeat: repeat;
display: flex;
align-items: center;
justify-content: center;
}
 
#title{
margin: 0;
text-align: center;
color: #FF0000;
text-shadow: 0px 0px 1px #000041;
}
 
#navbox{
margin: 0px 0px 20px 0px;
width: 100%;
background-image: linear-gradient(to right, #d2dfcd,#e9efe6,#d2dfcd);
}
 
#navbox ul{
margin: 0;
padding: 10px;
text-align: center;
border: 1px solid #000000;
}
 
#navbox li{
list-style-type: none;
display: inline;
font-size: 19px;
margin: 10px;
}
 
.main{
width: 100%;
}
 
.post{
width: 100%;
}
 
.text{
width: 84%;
padding: 25px;
border: 1px solid #000000;
margin-bottom: 20px;
background-color: #000000;
 color: #000000;
}
 
.textborder{
background-color: #EFEFEF;
border: 3px dashed #FF0000;
padding: 20px;
font-size: 15px;
}
 
.subheaders{
margin: 0;
font-weight: normal;
font-size: 20px;
}
 
.date{
margin: 0;
font-size: 13px;
}
 
.icon{
float: right;
margin-top: 13px;
margin-left: 10px;
width: 125px;
border: 4px solid #EFEFEF;
}
 
a{
color: #FF0000;
text-decoration: none;
}
 
a:visited{
color: #FF0000;
text-decoration: none;
}
 
a:hover{
font-weight: bold;
}
 
a:active{
font-weight: normal;
}
 
#credit a{
color: #EFEFEF;
}
 
::-webkit-scrollbar{
width: 6px; 
}
 
::-webkit-scrollbar-track{
background-color: transparent;
}
 
::-webkit-scrollbar-thumb{
background-color: #000000;
}
 
#credit{
font-size: 11px;
position: fixed;
bottom: 0;
right: 0;
}

.img{
 display: flex;
object-fit: cover;
 object-position: center;
}