@import url("https://fonts.googleapis.com/css?family=Kurale");div#switches{display:grid;grid-template-columns:auto 1fr;grid-auto-flow:row;grid-gap:.8em;justify-items:center}.show{opacity:1;transition:opacity 400ms}.hide{opacity:0;transition:opacity 400ms}body{font-weight:bold;text-align:center;font-family:Kurale, Arial;display:flex;flex-direction:column;z-Index:0;margin-bottom:35px}#bg{background:url("/styles/images/background.jpg") #85653e no-repeat fixed center 0;background-size:cover;background-blend-mode:multiply;position:fixed;top:-10%;right:0;bottom:0;left:0;z-index:-1}footer{color:#B9B384;text-align:right;position:fixed;right:10px;bottom:10px;z-Index:5}.header{color:white;font-size:2rem;width:100%;text-align:center;z-Index:10}div.border{background-color:rgba(255,255,255,0.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid white;border-right-color:black;border-bottom-color:black;border-radius:5px;margin:10px auto 35px;min-width:40%;padding:0.5em 0.5em 1em 0.5em;box-shadow:10px 10px 17px 0px rgba(0,0,0,0.75),inset 10px 10px 66px -15px #fff;position:relative;z-Index:10}form{margin-bottom:0;position:relative}table{display:inline}.table_left{text-align:right}.table_right{text-align:left}div.results{display:inline-flex;flex-direction:column;flex-wrap:wrap;width:95%}div.answer{text-align:left}div.result{text-align:right}p.option{margin-top:.15em;margin-bottom:.15em}p.h{font-size:16pt;margin:.3em}input{margin:.5em;font-weight:bold}input[type=text]{color:#f0efe6;background:#85653e;padding:5px 15px;border:none;border-radius:10px;border:1px solid #5e482c;text-align:center;font-size:1rem;font-family:"Kurale"}input[type=button]{position:relative;vertical-align:top;padding:10px;font-size:1rem;color:#f0efe6;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.25);background:#85653e;border-radius:10px;border:none;cursor:pointer;box-shadow:inset 0 -2px #5e482c;font-family:"Kurale"}input[type=button]:active{top:1px;outline:none;box-shadow:none}#response:before{position:absolute;top:-50px;right:-10px;content:url("/styles/images/flinn.png")}body:after{position:fixed;bottom:-50px;left:-50px;content:url("/styles/images/pond.png");transform:rotate(45deg)}.tab{color:#fff;border:1px solid #5e482c;padding:10px;background-color:#85653e;position:fixed;top:15px;left:15px;text-align:right;height:40px;z-index:100}.tab:active{background-color:#bb986e;top:16px;outline:none;box-shadow:none}@media only screen and (max-width: 750px){body:after{z-Index:5;zoom:0.5}#response:before{zoom:0.5}.tab{display:none}}.answer{width:90%}mark{background:none;color:#cc0707}hr{border:none;background-color:gray;height:1px;width:90%;margin:5px auto}.radio-switch{display:inline-flex;overflow:hidden}.radio-switch input{display:none}.radio-switch label{background-color:rgba(255,255,255,0.4);color:rgba(0,0,0,0.8);font-size:15px;text-align:center;padding:0 8px;margin-right:-1px;margin-left:-1px;border:2px solid #85653e;cursor:pointer;font-weight:bold}.radio-switch input:checked+label{color:#f0efe6;background:rgba(133,101,62,0.8)}.radio-switch label:first-of-type{border-radius:10px 0 0 10px;margin-left:0}.radio-switch label:last-of-type{border-radius:0 10px 10px 0;margin-right:0}