:root {
--brown:#918451;
--gray:#7c7c7c;
--lt-gray:#ececec;
--blu:#3acbe8;
}
body {font-family:Telex;}
html, body{height:100%;}
body {display:flex; flex-direction:column;}
.container{flex: 1 0 auto}
footer {padding:5px;background:var(--lt-gray);text-align:center;color:var(--gray);font-size:90%;}
footer a {color:var(--blu);}
h1, h2 {font-family:Bitter;color:var(--brown);}
.container {margin-left:20px;margin-right:20px;padding-bottom:20px;}
a.click-me, a.option {display:table;padding:10px;color:#FFF;background:#9b9266;border-radius:10px;cursor:pointer;}
a.click-me:hover, a.option:hover {text-decoration:none;background:#877f5a;}
.court-out {display:table;border:solid 2px #9b9369;padding:3px;margin:auto;width:90%;}
.court-in {display:table;border:solid 4px #9b9369;padding:4px;width:100%;}
.court-in img {max-width:100%;margin:auto;}
.judged {background:#7c7653;color:#FFF;padding:20px;text-align:center;margin-left:5px;}
.judged h2 {color:var(--lt-gray);}
a.answer {display:inline-table;padding:5px;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;background:#5780a5;font-family:'Time New Roman';color:#FFF;font-size:120%;}
a.answer:hover {text-decoration:none;background:#36536d;}
.words {columns:30px 17;column-gap:5px;}
.letter {display:table;width:100%;text-align:center;font-weight:bold;padding:3px;background:var(--brown);border-radius:3px;margin-top:5px;margin-bottom:5px;font-family:'Time New Roman';color:#FFF;}
.words span, .words a {display:block;padding-top:5px;padding-bottom:5px;width:100%;text-align:center;}
.words a {color:var(--blu);}
.totally-list {columns:200px 4;column-gap:20px;}
.totally-list a {font-family:Bitter; color:#2d82bf;}
.totally-cat {display:table;padding:5px;background:var(--brown);color:#FFF;}
.totally-cat-plug {padding:10px;background:var(--lt-gray);}
.three-letter-words {display:flex;flex-direction:row;}
.three-words {width:80%;}
.three-side {width:20%;}
.three-top {display:flex;justify-content:space-around;padding:10px;background:var(--brown);border-radius:5px;color:#FFF;font-side:120%;margin-bottom:20px;}
.three-submissions {background:var(--lt-gray);padding:10px;text-align:center;border-radius:10px;margin-bottom:10px;}
.three-submissions input[type='text'] {display:block;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;width:50%;text-align:center;font-size:200%;background:#FFF;font-family:Telex;padding:5px;border:none;}
.three-submissions input[type='text']:focus {border:solid 2px var(--brown);outline:none;}
textarea {border:solid 2px var(--brown);padding:5px;font-family:Telex;backgrounf:#FFF;}
textarea:focus{background:var(--lt-gray);border:solid 2px transparent;outline:none;}
.three-title {font-family:Bitter;color:var(--brown);font-weight:400;font-size:150%;}
.three-not {background:#000;color:#FFF;padding:10px;border-radius:5px;}
.three-think {text-align:center;background:#FFF;border:solid 2px var(--brown);padding:10px;}
.three-think img, #home img {display:table;margin:auto;max-width:90%;}
.three-reason {font-family:Bitter;font-weight:700;}
.three-again, .send-mail, .contest, .three-report {font-family:Bitter;cursor:pointer;background:var(--brown);color:#FFF;padding:5px;display:table;margin-left:auto;margin-right:auto;}
.three-again:hover, .send-mail:hover, .contest:hover, .three-report:hover{background:var(--gray);}
.three-exists {background:#abf0ff;}
input[type='text'].three-mail {background:var(--lt-gray);width:100%;font-size:14px;}
input[type='text'].text-thing {background:#FFF;border:solid 2px var(--brown);padding:5px;margin-left:auto;margin-right:auto;font-family:Telex;}
input[type='text'].text-thing:focus{border:solid 2px transparent;background:var(--lt-gray);outline:none;}
.thing-reader {margin-left:auto;margin-right:auto;width:44em;line-height:150%;}
.thing-reader hr {color:var(--brown);}
.menu {display:flex;justify-content:center;align-items:center;margin-top:30px;}
a.home-link {display:inline-block;width:100px;height:100px;border-radius:50%;text-align:center;line-height:100px;background-color:var(--brown);color:var(--lt-gray);background-repeat:no-repeat;background-position:center;}
a.home-link:hover {background-color:var(--gray);text-decoration:none;}
a.three-link {font-family:Bitter;font-size:40px;font-weight:700;}
a.survey-link {background-image:url('/images/front_research_brain.png');background-size:70%;background-position:center;}
a.totally-link {background-image:url('/images/totally-sites.png');background-size:cover;}
.menu-block {width:100px;height:115px;margin-right:5px;margin-left:5px;}
.bottom{flex-shrink:0;}
.contact {padding:20px;width:100%;border:solid 2px var(--brown);border-radius:5px;}
.contact input[type='text'] {width:100%;padding:10px;font-family:Telex;text-align:center;border:solid 1px var(--brown);}
.contact input[type='text']:focus {border:solid 1px transparent;background:var(--lt-gray);outline:none}
.contact textarea {padding:5px;color:var(--gray);font-family:Telex;border:solid 1px var(--brown);}
.contact textarea:focus {border:solid 1px transparent;background:var(--lt-gray);outline:none}
.contact input[type='text'].captcha {display:table;width:auto;margin-left:auto;margin-right:auto;margin-top:10px;background:var(--brown);padding:10px;font-size:30px;color:#FFF;font-family:georgia;font-weight:bold;}
.contact input [type='text'].captcha:focus {background:var(--brown);}
.captcha-words {display:table;margin-left:auto;margin-right:auto;margin-bottom:10x;background:var(--brown);font-size:30px;color:#FFF;font-family:georgia;}
.question {background:var(--lt-gray);padding:10px;margin-left:auto;margin-right:auto;margin-bottom:20px;border-radius:5px;}
hr {color:var(--gray);}
@media screen and (max-width: 699px) {
	.three-letter-words {flex-direction:column-reverse;}
	.three-words, .three-side, .thing-reader {width:100%;}
	.words {columns:30px 8;}
	.three-top div {text-align:center;}

}