@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300");body{overflow-x:hidden;font-size:18px;font-family:'Open Sans Condensed';color:#fff}::-moz-selection{background:#947ccc}::selection{background:#947ccc}img.fiddlenaut{position:absolute;z-index:2;height:350px;top:calc(100% - 60px);left:calc(50% - 175px);transition:top ease 1s;-webkit-animation:wiggle 1s ease-in-out;animation:wiggle 1s ease-in-out;cursor:pointer}img.fiddlenaut:hover{top:calc(100% - 320px)}img.fool-logo{height:120px;padding-top:10px}header{height:40%;background:#6746b4;position:relative;z-index:3;width:100%}header img.fool-logo{margin-left:-50px}header .forcefield{display:table;width:100%;max-width:960px;margin:50px auto 0}header nav{background:#6243ab;width:100%;height:80px;font-size:1.5rem}header nav ul{list-style-type:none;height:100%;display:inline-table;margin:0;padding:0;width:100%}header nav ul li{display:table-cell;vertical-align:middle;text-align:center;width:1%}header nav ul li a{text-decoration:none;border-bottom:1px dotted transparent;transition:border-bottom ease 300ms;position:relative;top:-25px}header nav ul li a:hover{border-bottom:1px dotted #fff}header form{margin:0 auto;font-size:3rem;display:table-cell;vertical-align:bottom;padding:0 50px;position:relative;z-index:1}header form *{min-height:90px;font-size:inherit;font-family:inherit;padding:20px 0}header form select,header form input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;background:#6243ab;border:none;border-bottom:2px solid #a38fd3;margin:0 0 -3px;float:left;transition:box-shadow ease .2s,width linear .1s;height:90px}header form select::-webkit-input-placeholder,header form input[type=text]::-webkit-input-placeholder{color:#c2b4e2}header form select:focus,header form input[type=text]:focus{outline:none;box-shadow:0 2px 0 #a38fd3}header form option{background:#6746b4;text-align:center;padding:0;margin:0;border:none}header form select{width:145px;padding:0 0 0 10px;background-image:url("../images/down-arrow-white.png");background-color:#6243ab;background-repeat:no-repeat;background-size:25px 25px;background-position:99% 75%}header form select:-moz-focusring{color:transparent;text-shadow:0 0 0 #fff}header form select+input{width:calc(100% - 165px);padding:0 5px}header:after{content:'';background:0 0;height:0;width:100%;padding:0;display:block;box-sizing:border-box;border-width:200px 0 200px 2200px;border-style:solid;border-color:transparent transparent transparent #6746b4;position:absolute;top:calc(100% - 200px);z-index:-1;left:50%;margin:0 0 0 -1100px}header button{font-family:inherit;font-size:3rem;display:block;padding:10px 30px 10px 20px;position:relative;top:70px;display:block;margin:0 auto;border-radius:2px;border:none;background:#0bbc94;color:#fff;border-bottom:solid 5px #00a686;transition:all ease .2s;overflow:hidden;cursor:pointer}header button::-moz-focus-inner{border:0}header button:focus,header button:hover{outline:none;border-bottom-width:10px;top:65px}header button:active,header button.active{outline:none;border-bottom-width:0;top:75px}a{color:#fff}section{background-color:#8569c5;width:100%;min-height:60%;position:relative;z-index:1;box-sizing:border-box;font-size:2.5rem;padding:250px 50px 50px}section .content{max-width:1000px;margin:0 auto}section .content h2{font-size:3rem;margin-bottom:5px}section .content h2~p{margin-top:5px;padding-left:20px}section .content p em{margin-left:-1px;margin-right:5px}section h3.explain{position:absolute;opacity:.5;left:calc(50% - 215px);bottom:60px;text-align:center;transition:all ease 300ms;display:block;width:430px;margin:0 auto;cursor:pointer;border-bottom:1px dotted transparent;box-sizing:border-box;height:58px;font-weight:lighter;z-index:1}section h3.explain span{width:100%;position:absolute;top:100%;left:0;font-size:.7em}section h3.explain:hover{opacity:1;border-bottom:2px dotted #fff}section .foolable-result{max-width:600px;margin:0 auto;text-align:center;background:#0bbc94;padding:10px 0;border-radius:3px;transition:ease 1s all;opacity:0}section:nth-child(odd){background-color:#7557bd}section:nth-child(odd):before{border-color:transparent transparent transparent #8569c5}section:last-of-type{overflow:hidden}section:first-of-type{z-index:2}section:before{content:'';background:0 0;height:0;width:100%;padding:0;display:block;box-sizing:border-box;border-width:200px 0 250px 2200px;border-style:solid;border-color:transparent transparent transparent #7557bd;position:absolute;top:-205px;left:50%;margin:0 0 0 -1100px;z-index:0}body{margin:0}@-webkit-keyframes wiggle{20%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}40%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}60%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@keyframes wiggle{20%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}40%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}60%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}