/* generated 2026-03-16T13:58:03+09:00 */


/**********
 * file: 1-fonts.css
 *
 */

/* fonts.googleapis.com/css?family=Lato:300,400,700,900 */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);



/**********
 * file: 2-reset.css
 *
 */

body, div, span,
h1, h2, h3, h4, h5, h6, p,
a,
em, img,
small, strike, strong, sub, sup,
b, u, i,
ol, ul, li,
form, label, legend,
table, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    font-family: Lato, sans-serif;
    vertical-align: baseline;
    background-color: transparent;
    background-repeat: no-repeat;
}

body, div, p, h1, h2, h3, h4, h5 {
    font-weight: 300;
    font-size: 1rem;
}

input, textarea, keygen, select, button {
  font-family: Lato, sans-serif;
  font-weight: 300;
  }

a,b,u,i { font-size: inherit; }

body { line-height: 1; }
u { text-decoration: none; }
ol, ul { list-style: none; }
img { vertical-align: bottom; background-color: transparent; }
a img { border: none; }
/* remember to define focus styles! */
:focus { outline: 0; }




/**********
 * file: backgrounds.css
 *
 */

body.l-a { background: linear-gradient(-45deg, black 0%, black 65%, #d13030 100%); }
body.l-b { background: linear-gradient(-45deg, black 0%, black 65%, #cc00e8 100%); }
body.l-c { background: linear-gradient(-45deg, black 0%, black 65%, #f96627 100%); }
body.l-d { background: linear-gradient(-45deg, black 0%, black 65%, #3fe2dd 100%); }
body.l-e { background: linear-gradient(-45deg, black 0%, black 65%, #8e2ad6 100%); }
body.l-f { background: linear-gradient(-45deg, black 0%, black 65%, #3f00ff 100%); }

body.r-a { background: linear-gradient( 45deg, black 0%, black 85%, #d13030 100%); }
body.r-b { background: linear-gradient( 45deg, black 0%, black 85%, #cc00e8 100%); }
body.r-c { background: linear-gradient( 45deg, black 0%, black 85%, #f96627 100%); }
body.r-d { background: linear-gradient( 45deg, black 0%, black 85%, #3fe2dd 100%); }
body.r-e { background: linear-gradient( 45deg, black 0%, black 85%, #8e2ad6 100%); }
body.r-f { background: linear-gradient( 45deg, black 0%, black 85%, #3f00ff 100%); }



/**********
 * file: chatbox.css
 *
 */

section.chatbox {

}

section.chatbox #responses p {
}

section.chatbox textarea {
  background-color: #fffef6;
  border          : 2px solid white;
  border-radius   : 20px;
 -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
       box-sizing: border-box;
  min-height      : 8em;
  padding         : 1em;
  width           : 100%;
  }

p.action {
	text-align: right;
	}

.action button {
  appearance      : none;
  border          : 1px solid white;
  background-color: #72d5d0;
  padding         : 4px 8px;
  border-radius   : 18px;
  font-size       : 16pt;
  min-width       : 5em;
  }






/**********
 * file: empty.css
 *
 */




/**********
 * file: general-text.css
 *
 */

p {
	margin-bottom: 1em;
	}

a { color: white; }



/**********
 * file: header.css
 *
 */




/**********
 * file: page.css
 *
 */

html, body { min-height: 100%; }

html { background-color: black; }

body {
	min-height: 100vh;
	color: white;
  }

section.main-content {
	padding: 40px;
}




/**********
 * file: section.css
 *
 */

section {
	margin-left: 140px;
}



/**********
 * file: sidebar.css
 *
 */

aside {
  border-right: 1px solid white;
  left        : 0;
  padding     : 20px;
  position    : fixed;
  top         : 0;
  width       : 120px;
  height:	100vh;
  overflow: auto;
	}


aside h2 {
  font-size    : 24pt;
  font-weight  : bold;
  margin-bottom: 1em;
	}

aside li {
	margin-bottom: 0.5em;
	}



/* === begin @media === */



/* === begin @theme === */