@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, 
td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
h1 { 
    display: block;
    font-size: 300%;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;color:#884c17;
    text-shadow:1px 1px #632819,2px 2px #362819,3px 3px #000;
}
p{width:90%;margin:0;padding:0;font-size:100%;color:#000;margin-left:5%;margin-right:10%;font-weight:normal;line-height:200%;text-align:left;font:normal 1.0em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
.p4{font:normal 1.0em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#000;margin-left:0;margin-right:0;line-height: 1.3em;}
.p4a{font:normal 1.0em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#000;margin-left:0;margin-right:0;line-height: 1.3em;text-indent:1.875em;}
.p1{font-size:150%;color:#b9722d;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p1a{font-size:200%;color:#993300;margin:0 0 15px;text-shadow:2px 2px 2px #000}
.p2{font-size:100%;color:#0000af;margin:0 0 15px}
.p3{font:normal 2.0em "Brush Script MT",cursive;color:#000;text-align:center}
.p5{font:normal 1.0em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#000;margin-left:5%;margin-right:5%}
.date {font:normal 75% "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#fff;margin-left:0;margin-right:0; text-align:center}
em {font-style: italic; font-weight:bold;}
.bold{font-weight:bold;}
.italic{font-style:italic}
.normal{font-weight:normal;}
img {max-width: 100%; height: auto; border: 0; }
ul { margin-left: 5%; margin-right: 0; list-style-type: disc;font-size:1.0em;font-family:sans-serif, arial, Helvetica; clear: both; font-weight: normal;}
ol.dec { list-style: decimal; color: #000; padding: 0; margin-left:5%;}
.bullet { list-style-type: disc; color: #000; padding: 0; margin-left:5%;}
ol { list-style: decimal; color: #000; margin-left:5%;}
ol ol { list-style-type: lower-alpha; }
.center{text-align:center}
.left{text-align:left;}
.right{text-align:right}
*,
*:before,
*:after { box-sizing: border-box; }
body { 
background: #F0F8FF;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal;
  color: #000000; font-size: 1.250em; line-height: 1.5; }
a { text-decoration: none; color: #000080; }
a:hover { color: #3C8D0D; }
/* =Template ----- */
.wrapper { width: 100%; margin: 0 auto; }
.main { background-color: #8860d0; padding: 1.875em 0; }
.container { width: 90%; margin: 0 auto; padding: 0 1.875em;}
/* =Top Bar ----- */
.top-bar { background-color: #704E3A; border: 0.063em solid #fff;}
.top-bar a { color: #fff; font-size: 0.875em; text-transform: capitalize; display: inline-block; margin: 0; padding: 0.625em; }
.top-bar a:hover { color: #fff; background-color: #BD9B88; }
span.biography { display: block; width:7em; margin:0 auto;}
span.all-labs,
span.back-to-sitemap { display: block; }
span.all-labs { float: left; text-align: left; }
span.back-to-sitemap { display: block; float: inherit; text-align: right; }
.copyright {float:inherit; text-align:center; display:block;}
/* =Header ----- */
header { padding: 1.85em 0; }
#title { text-align: center; }
#title {color: #000; font-size: 1.0em; margin-bottom: .625em; }
#title h2 { color: #000; font-size: 1.250em; }
/* =Footer ----- */
.footer { background-color: #704E3A; border: 0.063em solid #fff; margin: 0; padding: 0; font-size:0.8em;color:#FFFFFF;margin-left:0%;margin-right:0%; display: block; }
.footer a {color: #fff; font-size: 0.875em; text-transform: capitalize; display: inline-block; margin: 0; padding: 0.825em; line-height: 1.0;}
.footer a:hover { color: #fff; background-color: #3a5c70; line-height: 1.0;}
/* =Extras ----- */
.clearfix:after {visibility: hidden; display: block; content: ""; clear: both; height: 0; }
/* =Media Queries ----- */
@media all and (max-width: 600px) {
.container { width: 95%; margin-left:0%;margin-right:0%;}
#top-bar a { display: block; }
#footer a { display: inline-block; line-height: 1.0; }
span.all-labs,
span.biography,
span.back-to-tutorial { width: 100%; }
span.all-labs,
span.back-to-tutorial {float: none; text-align: center; }
span.all-labs { border-bottom: solid 0.063em #fff; }
#title h1 { font-size: 1.250em; }
#title h2 { font-size: 1.0em; } }
section h1 { margin-bottom: 0.625em; }
section p { 
  margin-bottom: 1.875em; }
  section p:last-child {
    margin-bottom: 0; }
.btn{display:inline-block;width:7.5em;height:3.0em;padding:.938em 0 0 0;margin-left:auto;margin-right:auto;background:#f0f0f0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(25%, #f0f0f0),
color-stop(75%, #b8b8b8), color-stop(100%,#6b6b6b));box-shadow:inset 0em 0em .375em #fff;
border:.063em solid #704E3A;border-radius:.625em;font:bold .875em/.875em Helvetica, Sans-Serif;text-align:center;text-transform:capitalize;text-decoration:none;color:#000000;text-shadow:0em .063em .125em #b4d1ad;transition:color 0.25s ease-in-out;}
.btn:hover {
  color: #000000 !important;
  background: #F0F0F0;
  background: linear-gradient(#B8B8B8, #f0f0f0);
}
p { width:100%; margin: 0; padding: 0.1em; }
.topnav { background-color: #704e3a; overflow: hidden; }
/* Style the links inside the navigation bar */
.topnav a { 
    float: left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 100%;
    border-bottom: solid 1px #704e3a;
}
/* Change the color of links on hover */
.topnav a:hover { background-color: #3a5c70; color: #fff; }
/* Add a color to the active/current link */
.topnav a.active {background-color: #704e3a;color: white; }
.topnav .icon {display: none; }
@media screen and (max-width: 600px) { 
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon { float: right; display: block;}
}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon { position: absolute; right: 0; top: 0; }
  .topnav.responsive a { float: none; display: block; text-align: left; }
}
a.back-to-top {
	display: none;
	width: 3.750em;
	height: 3.750em;
	text-indent: -624.938em;
	position: fixed;
	z-index: 999;
	right: 1.250em;
	bottom: 1.00em;
	background: #3F6699 url("../Pics/up-arrow.png") no-repeat center 43%;
	border-radius: 1.875em;
}
a:hover.back-to-top {background-color: #3F6699;}
body { background: #F0F8FF;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal;
  color: #000000; font-size: 1.0em; line-height: 1.3; margin-top: 2.0em;}
a { text-decoration: none; color: #0000af; }
a:hover { color: #3C8D0D; }
/* =Template ----- */
.wrapper { width: 100%; margin: 0 auto; }
.main { background-color: #8860d0; padding: 1.875em 0; }
.container { width: 90%; margin: 0 auto; padding: 0 1.875em;}
/* =Top Bar ----- */
.top-bar { background-color: #704E3A; border: 0.063em solid #fff;}
.top-bar a { color: #fff; font-size: 0.875em; text-transform: capitalize; display: inline-block; margin: 0; padding: 0.625em; }
.top-bar a:hover { color: #fff; background-color: #BD9B88; }
span.biography { display: block; width:7em; margin:0 auto;}
span.all-labs,
span.back-to-sitemap { display: block; }
span.all-labs { float: left; text-align: left; }
span.back-to-sitemap { display: block; float: right; text-align: right; }
/* =Header ----- */
header { padding: 1.85em 0; }
#title { text-align: center; }
#title {color: #000; font-size: 1.0em; margin-bottom: .625em; }
/* =Footer ----- */
.footer { background-color: #704E3A; border: 0.063em solid #fff; margin: 0; padding: 0; font-size:1.0em;color:#FFFFFF;margin-left:0%;margin-right:0%; display: block; }
.footerdate { text-align: center;background-color: #704E3A; margin: 0; padding: 0; font-size:.875em;color:#FFFFFF;margin-left:0%;margin-right:0%; display: block; }
.footer a {color: #fff; font-size: 0.875em; text-transform: capitalize; display: inline-block; margin: 0; padding: 0.825em; line-height: 1.0;}
.footer a:hover { color: #fff; background-color: #3a5c70; line-height: 1.0;}
/* =Media Queries ----- */
@media all and (max-width: 600px) {
.container { width: 95%; margin-left:0%;margin-right:0%;}
#top-bar a { display: block; }
#footer a { display: inline-block; line-height: 1.0; }
span.all-labs,
span.biography,
span.back-to-tutorial { width: 100%; }
span.all-labs,
span.back-to-tutorial {float: none; text-align: center; }
span.all-labs { border-bottom: solid 0.063em #fff; }
#title h1 { font-size: 1.250em; }
#title h2 { font-size: 1.0em; } }
.Three-Dee{font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1em;color:#884c17;font-size:300%;text-shadow:1px 1px #632819,2px 2px #362819,3px 3px #000,4px 4px #000}
section p { margin-bottom: 1.875em; }
  section p:last-child { margin-bottom: 0; }
.btn{display:inline-block;width:7.5em;height:3.0em;padding:.938em 0 0 0;margin-left:auto;margin-right:auto;background:#f0f0f0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(25%, #f0f0f0),
color-stop(75%, #b8b8b8), color-stop(100%,#6b6b6b));box-shadow:inset 0em 0em .375em #fff;
border:.063em solid #704E3A;border-radius:.625em;font:bold .875em/.875em Helvetica, Sans-Serif;text-align:center;text-transform:capitalize;text-decoration:none;color:#000000;text-shadow:0em .063em .125em #b4d1ad;transition:color 0.25s ease-in-out;}
.btn:hover {
  color: #000000 !important;
  background: #F0F0F0;
  background: linear-gradient(#B8B8B8, #f0f0f0);
}
p { width:100%; margin: 0; padding: 0.1em; }
.topnav { background-color: #704e3a; overflow: hidden; }
/* Style the links inside the navigation bar */
.topnav a { 
    float: left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 100%;
    border-bottom: solid 1px #704e3a;
}
/* Change the color of links on hover */
.topnav a:hover { background-color: #3a5c70; color: #fff; }
/* Add a color to the active/current link */
.topnav a.active {background-color: #704e3a;color: white; }
.topnav .icon {display: none; }
@media screen and (max-width: 600px) { 
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon { float: right; display: block;}
}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon { position: absolute; right: 0; top: 0; }
  .topnav.responsive a { float: none; display: block; text-align: left; }
}
a.back-to-top {
	display: none;
	width: 3.750em;
	height: 3.750em;
	text-indent: -624.938em;
	position: fixed;
	z-index: 999;
	right: 1.250em;
	bottom: 2.0em;
	background: #3F6699 url("../Pics/up-arrow.png") no-repeat center 43%;
	border-radius: 1.875em;
}
a:hover.back-to-top {background-color: #3F6699;}
table{width:90%;table-layout:fixed;border-collapse:collapse;border-spacing:0;margin:auto;}
tr:nth-child(odd){background:#eee}
tr:nth-child(even){background:#fff}
td,th{border:1px solid #000;text-align:left;font-size:1em;color:#000;padding:6px}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){table,thead,tbody,th,td,tr{display:block}
thead tr{position:absolute;top:-9999px;left:-9999px}
tr{border:1px solid #000}
td{border:0;border-bottom:1px solid #000;position:relative;padding-left:5%}
td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:6px;white-space:nowrap}
}
th{font-weight:bold; color:#000;}
.answer{background:linear-gradient( 103deg,  rgba(235,225,188,1) 7.2%, rgba(232,188,234,1) 57.5%, rgba(203,209,244,1) 90.7% );font-weight:bold;Color:#000;text-align:center;font-size:150%}
.chatter {
background: -webkit-linear-gradient(left, #5aff15, #00b712);
background: -moz-linear-gradient(left, #5aff15, #00b712);
background: linear-gradient(to right, #5aff15, #00b712); font-weight:bold; color:#000;text-align:center;font-size:150%}
.debate{
background: -webkit-linear-gradient(left, #B91372, #6B0F1A);
background: -moz-linear-gradient(left, #B91372, #6B0F1A);
background: linear-gradient(to right, #B91372, #6B0F1A); font-weight:bold; color:#fff;text-align:center;font-size:150%}
.disgust{background-color:#7bccb5;font-weight:bold;Color:#fff;text-align:center;font-size:150%;text-shadow:1px 1px #632819,2px 2px #362819}
.embarr{background-color:#F79862;font-weight:bold;Color:#000;text-align:center;font-size:150%}
.persuasion{background-color:#2646ea;font-weight:bold;Color:#fff;text-align:center;font-size:150%;text-shadow:1px 1px #632819,2px 2px #362819;}
.purpose{background:#4b0082;font-weight:bold;Color:#fff;text-align:center;font-size:150%;text-shadow:1px 1px #632819,2px 2px #362819;}
.sadness{background-color:#8a0a8a;font-weight:bold;Color:#fff;text-align:center;font-size:150%}
.surprise{background-color:#ffa500;font-weight:bold;Color:#000;text-align:center;font-size:150%}
.aqua{background-color:#7fffd4;font-weight:bold;Color:#000;text-align:center;font-size:150%}

.anger{
background: -webkit-linear-gradient(left, #ff0012, #660007, #ff0012);
background: -moz-linear-gradient(left, #ff0012, #660007, #ff0012);
background: linear-gradient(to right, #ff0012, #660007, #ff0012); font-weight:bold; color:#fff;text-align:center;font-size:150%;text-shadow:1px 1px #632819,2px 2px #362819;}
.fear{
background: -webkit-linear-gradient(left, #859398, #283048, #859398);
background: -moz-linear-gradient(left, #859398, #283048, #859398);
background: linear-gradient(to right, #859398, #283048, #859398); font-weight:bold; color:#fff;text-align:center;font-size:150%}
.frust{background: -webkit-linear-gradient(top, #ffa500, #ff7518, #8a4965);
background: -moz-linear-gradient(top, #ffa500, #ff7518, #8a4965);
background: linear-gradient(to top, #ffa500, #ff75188a4965); font-weight:bold; color:#000;text-align:center;font-size:150%;text-shadow:1px 1px #632819,2px 2px #362819,3px 3px #000,4px 4px #000}
.happy{
background: -webkit-linear-gradient(left, #ffff28, #ffd700);
background: -moz-linear-gradient(left, #ffff28, #ffd700);
background: linear-gradient(to right, #ffff28, #ffd700); font-weight:bold;Color:#000;text-align:center;font-size:150%;}
.speech {
background: -webkit-linear-gradient(left, #eacda3, #c6a77f);
background: -moz-linear-gradient(left, #eacda3, #c6a77f);
background: linear-gradient(to right, #eacda3, #c6a77f); font-weight:bold; color:#000;text-align:center;font-size:150%}
.uncert {
background: -webkit-linear-gradient(left, #93afc5, #e4efe9);
background: -moz-linear-gradient(left, #93afc5, #e4efe9);
background: linear-gradient(to right, #93afc5, #e4efe9); font-weight:bold; color:#000;text-align:center;font-size:150%}
.purpose {
background: -webkit-linear-gradient(left, #9b50d2, #4b0082);
background: -moz-linear-gradient(left, #9b50d2, #4b0082);
background: linear-gradient(to right, #9b50d2, #4b0082); font-weight:bold; color:#fff;text-align:center;font-size:150%}
.provoke {
background: -webkit-linear-gradient(left, #ff6a49, #ff3104);
background: -moz-linear-gradient(left, #ff6a49, #ff3104);
background: linear-gradient(to right, #ff6a49, #ff3104); font-weight:bold; color:#000;text-align:center;font-size:150%}
.curiosity{
background: -webkit-linear-gradient(left, #faaca8, #ddd6f3);
background: -moz-linear-gradient(left, #faaca8, #ddd6f3);
background: linear-gradient(to right, #faaca8, #ddd6f3); font-weight:bold; color:#000;text-align:center;font-size:150%}
.disgust{background: -webkit-linear-gradient(left, #8dc26f, #609c41, #8dc26f);
background: -moz-linear-gradient(left, #8dc26f, #609c41, #8dc26f);
background: linear-gradient(to right, #8dc26f, #609c41, #8dc26f); font-weight:bold; color:#fff;text-align:center;font-size:150%}
.rose{
background: -webkit-linear-gradient(left, #082567, #4466b4, #082567);
background: -moz-linear-gradient(left, #082567, #4466b4, #082567);
background: linear-gradient(to right, #082567, #4466b4, #082567); font-weight:bold; color:#000;text-align:center;font-size:150%}
.not{
background: -webkit-linear-gradient(left, #e684ae, #79cbca, #77a1d2);
background: -moz-linear-gradient(left, #e684ae, #79cbca, #77a1d2);
background: linear-gradient(to right, #e684ae, #79cbca, #77a1d2); font-weight:bold; color:#fff;text-align:center;font-size:150%;text-shadow:1px 1px #632819,2px 2px #362819;}
.humor{
background: -webkit-linear-gradient(top, #daa520, #ffff00, #daa520);
background: -moz-linear-gradient(top, #daa520, #ffff00, #daa520);
background: linear-gradient(to bottom, #daa520, #ffff00, #daa520); font-weight:bold; color:#000;text-align:center;font-size:150%}
.regret{background-image: linear-gradient(to bottom, #dedede, #cccccc, #bababa, #a8a8a8, #979797, #939393, #8f8f8f, #8b8b8b, #939393, #9b9b9b, #a3a3a3, #ababab);font-weight:bold;Color:#000;text-align:center;font-size:150%;}
.rose{background: -webkit-linear-gradient(left, #082567, #7392da, #082567);
background: -moz-linear-gradient(left, #082567, #7392da, #082567);
background: linear-gradient(to right, #082567, #256708, #082567); font-weight:bold; color:#fff;text-align:center;font-size:150%}
.tired{background: -webkit-linear-gradient(bottom, #000, #151b54, #8a4965);
background: -moz-linear-gradient(bottom, #000, #151b54, #8a4965);
background: linear-gradient(to bottom, #000, #151b54, #8a4965); font-weight:bold; color:#fff;text-align:center;font-size:150%}
kbd, .key {
	display: inline;
	display: inline-block;
	min-width: 1em;
	padding: .2em .3em;
	font: normal .95em/1 "Lucida Grande", Lucida, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	border: none;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
kbd[title], .key[title] {cursor: help;}
/* Light style for display on dark background. */
kbd.light, .light-keys kbd, .key.light, .light-keys .key {
	background: #fff;
	background: -moz-linear-gradient(top, #d2d2d2, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#ffffff));
	color: #323232;
	text-shadow: 0 0 2px #ffffff;
	-moz-box-shadow: inset 0 0 1px #ffffff, inset 0 0 .4em #c8c8c8, 0 .1em 0 #828282, 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
	-webkit-box-shadow: inset 0 0 1px #ffffff, inset 0 0 .4em #c8c8c8, 0 .1em 0 #828282, 0 .11em 0 #66000000, 0 .1em .11em #e6000000;
	box-shadow: inset 0 0 1px #fff, inset 0 0 .4em #c8c8c8, 0 .1em 0 #828282, 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
}
.button{display:inline-block;width:10em;height:3.0em;padding:.938em 0 0 0;margin-left:auto;margin-right:auto;background:#f0f0f0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(25%, #f0f0f0),
color-stop(75%, #b8b8b8), color-stop(100%,#6b6b6b));box-shadow:inset 0em 0em .375em #fff;
border:.063em solid #704E3A;border-radius:.625em;font:bold .875em/.875em Helvetica, Sans-Serif;text-align:center;text-transform:capitalize;text-decoration:none;color:#000000;text-shadow:0em .063em .125em #b4d1ad;transition:color 0.25s ease-in-out;}
.button:hover {
  color: #000000 !important;
  background: #F0F0F0;
  background: linear-gradient(#B8B8B8, #f0f0f0);
}
.category{padding: 0px;margin: 0px;}
.category ul {list-style: none;padding: 2px;margin: 2px;}
.category li { display: inline; }
.button-answer {background: linear-gradient( 103deg,  rgba(235,225,188,1) 7.2%, rgba(232,188,234,1) 57.5%, rgba(203,209,244,1) 90.7% ); border: 1px solid #000; border-radius: 8px; font-weight:bold; color: black; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; width: 140px; padding: 10px; box-shadow: 2px 2px 2px rgba(0,0,0,0.6);}
.button-chatter {background: linear-gradient(to right, #5aff15, #00b712); border: 1px solid #000; border-radius: 8px; font-weight:bold;color: black; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-debate {  background: linear-gradient(to right, #B91372, #6B0F1A); border: 1px solid #000; border-radius: 8px; font-weight:bold;color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-pers {background-color:#2646ea;border: 1px solid #000; border-radius: 8px; font-weight:bold;color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-provoke {background: linear-gradient(to right, #ff6a49, #ff3104);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: black; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-purpose {background: linear-gradient(to right, #9b50d2, #4b0082);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-quest {background: linear-gradient(to right, #faaca8, #ddd6f3); border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #000; text-align:center;text-decoration:none;display:inline-block;font-size: 16px; margin: 4px 2px;cursor:pointer;padding:10px;width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-uncert {background: linear-gradient(to right, #93afc5, #e4efe9);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: black; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-speech {background: linear-gradient(to right, #eacda3, #c6a77f);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: black; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-anger {background: linear-gradient(to right, #ff0012, #660007, #ff0012);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-disgust {background: linear-gradient(to left, #8dc26f, #609c41, #8dc26f);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-embar {background-color:#F79862;border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #000; text-align: center; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-fear {background: linear-gradient(to right, #859398, #283048, #859398);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #fff; text-align: center; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-happy {background: linear-gradient(to right, #ffff28, #ffd700);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #000; text-align: center; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-love {background: linear-gradient(to right, #082567, #256708, #082567);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #fff; text-align: center; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-reg {background: linear-gradient(to bottom, #dedede, #cccccc, #bababa, #a8a8a8, #979797, #939393, #8f8f8f, #8b8b8b, #939393, #9b9b9b, #a3a3a3, #ababab);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #000; text-align: center; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-sad {background-color:#8a0a8a;border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #fff; text-align: center; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-surp {background-color:#ffa500;border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #000; text-align: center; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-tired {background: linear-gradient(to bottom, #000, #151b54, #8a4965);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #fff; text-align: center; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-not {background: linear-gradient(to right, #e684ae, #79cbca, #77a1d2);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #000; text-align: center; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px; box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-fluster{background: linear-gradient(to top, #ffa500, #ff7518, #8a4965); border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #fff; text-align: center; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}
.button-humor {background: linear-gradient(to top, #daa520, #ffff00, #daa520);border: 1px solid #000; border-radius: 8px; font-weight:bold;color: #000; text-align: center; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 10px; width: 140px;box-shadow: 2px 2px 2px rgba(68,68,68,0.6);}