.frwdback{
    position        : absolute;
    display         : box     ;
    background-color: black   ;
    padding-left    : 10px    ;
    padding-right   : 10px    ;
    padding-bottom  : 20px    ;
    margin-top      : 800px   ;
}
.a{
    text-decoration : none    ;
    display         : inline-block;
    padding         : 8px 16px;
}
.a:hover {
    background-color: #ddd    ;
    color           : black   ;
}
.round {
    border-radius   : 10%     ;
    width           : 38px    ;

}

*{
    font-family: "Courier", monospace;
    color           : #552a23 ;
}
h1{ font-weight     : 900     ; text-align      : center  ; white-space     : pre   ; }
h2{ font-weight     : 900     ; text-align      : center  ; white-space     : pre   ; }
h3{ font-weight     : 900     ; text-align      : center  ; white-space     : pre   ; }
h4{ font-weight     : 900     ; text-align      : center  ; white-space     : pre   ; }
p{
    font-weight     : 600     ;
    text-align      : justify ;
}

.color{
    
    color           : #cc5a46 ;
    font-style      : normal  ;
}
ol{
    margin-left     : 12px    ;
}
li{
    font-weight     : 600     ;
    margin-left     : 18px    ;
}
body {
    background-image: url("../asset/bg/page-paper.png");
				background-repeat: no-repeat;
  				background-attachment: fixed;
  				background-size: 100% 120%;
    background-color: #dd9365 ;
    height          : 1300px  ;
}
.flex{
    
    margin          : auto    ;
	width           : 800px   ;
	height          : 1000px  ;
	display         : flex    ;
    flex-wrap       : wrap    ;
    flex-direction  : row     ;
    align-items     : flex-start;
}
.flex>*{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(20, 5, 3, 0.12) 0px -12px 30px, rgba(20, 5, 3, 0.12) 0px 4px 6px, rgba(20, 5, 3, 0.17) 0px 12px 13px, rgba(20, 5, 3, 0.09) 0px -3px 5px;
	background-color: #ffdfae ;
				background-image: url("../asset/bg/body-paper.png");
				background-repeat: no-repeat;
				background-attachment: scroll;
  				background-size: 1000px 1000px;
    
}

.topbuffer{
    width           : 100%    ;
    height          : 40px    ;
}
.topbar{
    width           : 100%    ;
    height          : 20%     ;
    outline-style   : hidden  ;
    margin-bottom   : 20px    ;
}
.sidebar{
    width           : 180px   ;
    height          : 20%   ;
    display         : flex    ;
    flex-direction  : column  ;
    margin-right    : 20px    ;
}
.sidebar>*{
    font-size       : 2em     ;
    display         : block   ;
    text-align      : center  ;
    
}
.mainpage{
    width           : 600px   ;
    height          : 80%     ;
    overflow-y      : scroll  ;
    scrollbar-color : #dd9365 #ffdfae ;
				background-image: url("../asset/bg/body-paper.png");
				background-repeat: no-repeat;
				background-attachment: scroll;
  				background-size: 1000px 1000px;
}
.mainpage>*{
    padding-left    : 20px    ;
    padding-right   : 20px    ;
}
.partamiescrap{
    display         : block   ;
    margin-left     : auto    ;
    margin-right    : auto    ;
    filter          : drop-shadow(0px 10px 4px #14050344);
}
.otherimage{
    display         : block   ;
    margin-left     : auto    ;
    margin-right    : auto    ;
}
.txtmde{
    white-space     : pre     ;
}
em{
    font-weight     : 900     !important ;
    font-style      : normal  ;
    color           : #cc5a46 ;
}
.breathe{
    padding-bottom  : 18px    ;
}
.strike {
    text-decoration : line-through;
}