body{   height                  : 1000px                                ;
        margin-bottom           : 100px                                 ;
        background-image        : url("../asset/bg/cmpr/body-desk.png") ;
	    background-repeat       : no-repeat                             ;
  	    background-attachment   : fixed                                 ;
  	    background-size         : 100% 120%                             ;
        background-color        : #af693d                               ;   }

.bounds{    position    : relative  ;
            top         : 4%        ;
            margin      : auto      ;
            width       : 800px     ;
            height      : 100%      ;   }
            
.container{ box-shadow              : rgba( 0, 0, 0, 0.25) 0  54px 55px,
                                      rgba(20, 5, 3, 0.12) 0 -12px 30px,
                                      rgba(20, 5, 3, 0.12) 0   4px  6px,
                                      rgba(20, 5, 3, 0.17) 0  12px 13px,
                                      rgba(20, 5, 3, 0.09) 0  -3px  5px     ;
            background-color        : #f7ecdb                               ;
	        background-image        : url("../asset/bg/cmpr/box-paper.png") ;
	        background-repeat       : no-repeat                             ;
	        background-attachment   : scroll                                ;
  	        background-size         : 1000px 1000px                         ;   }
  	        
.minibg{    position                : absolute                              ;
            left                    : -2%                                   ;
            top                     : -2%                                   ;
            width                   : 104%                                  ;
            height                  : 104%                                  ;
            background-size         : 100% 140%                             ;   }
  	
            

.topbar{    position        : relative      ;
            left            : -40px         ;
            top             : -20px         ;
            width           : 100%          ;
            height          : 20%           ;
            rotate          : -1.3deg       ;   }
.tb{        float           : left          ;   }
.tb-title{  font-size       : 5em           ;   
            padding-top     : calc(50%-2em) ;   }

.sidebar{   position        : relative  ;
            float           : left      ;
            top             : 3%        ;
            padding-top     : 10px      ;
            left            : -10%      ;
            width           : 180px     ;
            height          : 50%       ;
            rotate          : 2deg      ;   }
.sidebar>*{ font-size       : 2em       ;
            display         : block     ;
            text-align      : center    ;   }

:root  {    --st-scale      : 0.8                             ;   }
.stamp {    position        : relative                        ;
            top             : 15px                            ;
            margin-bottom   : 0                               ;   }
.st-h  {    width           : calc( 198px * var(--st-scale) ) ;
            height          : calc( 102px * var(--st-scale) ) ;   }
.st-v  {    width           : calc( 102px * var(--st-scale) ) ;
            height          : calc( 198px * var(--st-scale) ) ;   }
.st-p1 {    left            : -0px                            ;   
            rotate          : 3deg                            ;   }
.st-p2 {    left            : 0px                             ;
            rotate          : -5deg                           ;   }
.st-p3 {    left            : 0                               ;
            rotate          : 0                               ;   }
.secret{    position        : absolute                        ;
            left            : 43%                             ;
            top             : 60%                             ;
            width           : 14%                             ;
            height          : 20%                             ;   }
        
.e-ki-stamp{ height     : 200px ;
            width       : 200px ;
            float       : left  ;   }
    
.e-ki-paper{    position                : absolute                              ;
                left                    : 15%                                   ;
                top                     : 15%                                   ;
                float                   : left                                  ;
                width                   : 80%                                ;
                height                  : 80%                                   ;
                overflow-x              : hidden                                ;
                overflow-y              : scroll                                ;
                scrollbar-color         : #dd9365 transparent                   ;
                scrollbar-background    : url("../asset/bg/cmpr/box-paper.png") ;   }
.e-ki-paper>*{    padding-left            : 20px                                  ;
                padding-right           : 20px                                  ;   }
.mp-buffer{     height                  : 200px                                  ;
                width                   : 60%                                   ;}



.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{ text-align: center  !important;    rotate: -3deg !important;   font-size:   2em;    }
.h2{ text-align: justify !important;    rotate: -1deg !important;   font-size: 1.5em;    }

h1{ font-weight     : 10     ; text-align      : center   ; white-space     : pre   ;   }
h2{ font-weight     : 900     ; text-align      : justify  ; white-space     : pre   ; rotate: -1deg;   }
h3{ font-weight     : 900     ; text-align      : justify  ; white-space     : pre   ; rotate:  1deg;   }
h4{ font-weight     : 900     ; text-align      : justify  ; white-space     : pre   ; rotate:  3deg;   }


p{      font-weight     : 600       ;
        text-align      : justify   ;   }

.orange {   color       : #cc5a46   ;   }
.brown  {   color       : #994411   ;   }
.purple {   color       : #881155   ;   }
.red    {   color       : #aa3311   ;   }
    
ol{     margin-left     : 12px      ;   }

li{     font-weight     : 600       ;
        margin-left     : 18px      ;   }
        
        
.arrow{ position: relative              ;
        float   : left                  ;
        top     : 95px;
        width   : 2ch                   ;   }
        
.block{ width       : 80%   ;
        height      : 200px ;
        padding-left: 10%   ;   }  
        
.painted{   float       : left  ;
            width       : 40%   ;
            height      : width ;
            rotate      : 0.6deg;   }

.caption{   position        : relative  ;
            float           : left      ;
            top             : 70px      ;
            width           : 45%       ;
            justify-content : center    ;
            margin-left     : 1ch       ;   }
        
        
    
    


.docendbuffer{}