body {
              background: url('/images/fullbgs/bg_naminesroom.png') fixed no-repeat;
              background-size: cover;
              font-family: 'Karla', sans-serif;
              line-height: 150%;
              
            }
            
           html, a, a:hover { 
              cursor:url(/images/cursors/keybladeoflightcur.png), auto; 
            }
            
            @font-face {
              font-family: Karla;
              src: url('/fonts/Karla-Regular.ttf');
            }
            
            @font-face {
              font-family: Broken Sega Atari;
              src: url('/fonts/brokensegaatari.ttf');
            }
            
            strong, b {
                background-color: #5779A9;
                color: #fff;
                padding: 3px 5px;
                margin: 5px 0;
            }
            
            em, i {
              color: #5779A9;
              font-style: italic;
              letter-spacing: 0.2em;
            }
            
            s, strike {
              color: #606060;
              letter-spacing: 0.2em;
              text-decoration: wavy line-through #5779A9;
            }
            
            u, underline {
              letter-spacing: 0.2em;
              text-decoration: solid underline #F9E7BE;
            }
            
            h3 {
              color: #C4A75B;
              font-size: 20px;
              font-family: 'Broken Sega Atari';
              line-height: 0;
            }
            
            hr {
            outline: 2px solid #E1F1F6;
            border: 1px solid #5779A9;
            margin-top: 10px;
            }
            
            .drop-cap:first-letter {
                float: left;
                line-height: 1;
                margin: 0 0.5rem 0 0;
                padding: 15px;
                border: 1px outset #BDE3F9;
                background: #f5ffed url('/images/tiles/bg_khpatternwhite.jpg') repeat;
                background-size: 30%;
                color: #5779A9;
                font-size: 2rem;
                font-weight: 700;
            }
            
            ::-moz-selection{
                background: #5779A9;
                color: #f8f8f8;
            }
 
            ::selection{
                background: #5779A9;
                color: #f8f8f8;
            }
            
            #glenplayer02 {
              position:fixed;
              bottom:0;
              margin-bottom:10px;
              margin-left:10px;
              display:flex;
              z-index:99;
            }
            
            #glenplayer02 a {
              text-decoration:none;
            }

            #glenplayer02 > div {
              align-self:center;
              -webkit-align-self:center;
            }

            .music-controls {
              user-select:none;
              -webkit-user-select:none;
              -moz-user-select:none;
              -ms-user-select:none;
              width:22px;
              font-size:16px;
              cursor:pointer;
            }

            .playy, .pausee {
              -webkit-background-clip: text;
              -webkit-text-fill-color: #5779A9;
              -webkit-text-stroke-width: 1px;
              -webkit-text-stroke-color: #5779A9;
              font-size: 22px;
              border-bottom: none;
            }

            .pausee {
              display:none;
            }
            
            .spiral {
              height: 14px;
              width: 47vw;
              margin: -10px 0 0 0;
              overflow: hidden;
              position: absolute;
              background: url('/diary/images/bgtop_notebookspiral.png');
            }
            
            #pages {
              background: #fefefe url('/diary/images/bg_notepadpaper.png') repeat;
              outline: 1px solid #eeeeee;
              box-shadow: rgba(0,0,0,0.07)7px 7px;
              margin: 3em auto;
              width: 90vw;
              height: auto;
	            max-width: 47vw;
              color: #606060;
              font-size: 1em;
            }
            
            .page01 {
              padding: 50px;
              display: block;
              margin: 0 auto;
            }
            
            .page01 input {
              padding: 10px;
              display: block;
              margin: 9% auto;
              border: 1px solid #ccc;
              background-color: #f8f8f8;
              box-shadow: rgba(0,0,0,0.07) 3px 3px;
              letter-spacing: 0.1em;
              color: #5779A9;
            }
            
             .page01 a {
              color: #5779A9;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s;
              text-decoration: none;
            }

            .page01 a:hover { 
              color: #fefefe;
              background-color: #5779A9;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s;
            }
            
            #bottom-accessory img {
              height: 87vh;
              position: fixed;
              z-index: 1;
              bottom: 0;
              right: 68%;
            }