body,html{height:100%;font-family:sans-serif}body{margin:0}header{font-size:30px;font-weight:bolder;background-color:#fff;height:50px;width:auto;margin-left:30px;padding-top:10px}.main{width:100%;background:#b8e4f5;min-height:calc(100vh - 110px)}.pond{display:flex;justify-content:space-between;padding-top:15px;padding-bottom:5px;margin:auto;max-width:800px}#results{display:none;justify-content:center;flex-direction:column;padding:20px 0}.fbShareResults{padding:10px 15px;margin:10px auto;border:1px solid #000;border-radius:5px;color:#fff;background-color:#3b5998;font-weight:700;font-size:15px}.resultText{padding:10px 15px;border-radius:5px;font-weight:700;font-size:20px;text-align:center}.resultGif{max-height:300px;width:400px;padding-top:20px;margin:auto}.playAgain{padding:10px 15px;margin:10px auto;border:1px solid #000;border-radius:5px;background-color:#2ecc71;font-weight:700;font-size:15px}.fb-like{margin:40px auto}.column{text-align:center;width:calc(100%/3);padding:0 10px}.column.left{display:flex;justify-content:center;flex-direction:column}.instructions{background-color:#f2f2f5;border-radius:5px;border:1px solid #000;width:100%;max-width:200px}.card{position:relative}img{width:100%;border-radius:5px}#englishWord{position:absolute;top:0;width:100%;text-align:center;height:30px;background:rgba(53,31,37,.2);color:#fff;line-height:30px;font-size:20px;border-top-left-radius:5px;border-top-right-radius:5px}#frenchWord{display:none;position:absolute;bottom:0;width:100%;text-align:center;height:40px;background:rgba(46,111,49,.7);color:#fff;line-height:40px;font-size:26px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}input{padding:10px 10px;background-color:#f2f2f5;margin:10px 10px;border:1px solid #000}.action-button{padding:10px 15px;margin:10px 10px;border:1px solid #000;border-radius:5px;font-weight:700;font-size:15px}.enter{background-color:#2ecc71}.skip{background-color:#e74c3c}.column.right{display:flex;justify-content:center;align-items:center}.gameInfo{display:flex;justify-content:space-between;flex-direction:column;align-items:center;width:100%;max-width:200px;height:200px}.gameDetail{padding:10px;background-color:#f2f2f5;border-radius:5px;border:1px solid #000}.attemptNumber,.percentCorrect{min-width:100px}.reset{background-color:#f39c12;font-weight:700;font-size:15px}footer{text-align:center;background:rgba(53,31,37,.5);height:50px;line-height:50px}@media(max-width:666px){header{font-size:23px}.pond{display:flex;flex-direction:column-reverse;justify-content:center;max-width:400px;padding:30px 10px}.gameInfo{flex-direction:row-reverse;height:auto;padding:10px 0;max-width:none}.gameDetail{margin:0;padding:8px}.column{width:100%;padding:0}.resultText{font-size:15px}.column.left{display:flex;flex-direction:column-reverse}}@media(max-width:375px){header{font-size:20px}img{max-height:420px}.pond{padding:0 10px}.enter{margin-top:5px}.pond{padding:40px,0}.resultText{font-size:15px}.resultGif{padding-top:5px}.column.left{align-items:center}}/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}