body{font-family:"Istok Web",sans-serif;background:url("https://picjumbo.com/wp-content/uploads/HNCK2189-1300x866.jpg") no-repeat #000;background-size:cover;min-height:100%;margin:0}body.white{background:#fff}.hero{position:relative;text-align:center;overflow:hidden;color:#fcfcfc}.hero h1{font-family:"Holtwood One SC",serif;font-weight:normal;font-size:5.4em;margin:0 0 20px;text-shadow:0 0 12px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:-1px}.hero p{font-family:"Abel",sans-serif;text-transform:uppercase;color:#5cca87;letter-spacing:6px;text-shadow:0 0 12px rgba(0,0,0,.5);font-size:1.2em}.hero p.intro{font-family:"Holtwood One SC",serif;text-transform:uppercase;letter-spacing:1px;font-size:3em;margin-bottom:-20px}p.winner-text{font-family:"Holtwood One SC",serif;text-transform:uppercase;letter-spacing:1px;font-size:3em;color:#5cca87}p.winner-text-body{font-family:"Holtwood One SC",serif;text-transform:uppercase;letter-spacing:1px;font-size:2em;color:#5cca87}.instructions{font-family:"Holtwood One SC",serif;text-transform:uppercase;color:#fff}.hero p.year{color:#fff;letter-spacing:20px;font-size:34px;margin:-25px 0 25px}.hero p.year i{font-size:14px;vertical-align:middle}#bracket{overflow:hidden;background-color:#e1e1e1;background-color:rgba(225,225,225,.9);padding-top:20px;font-size:12px;padding:40px 0}.container{max-width:1100px;margin:0 auto;display:block;display:flex;flex-direction:row}.split{display:block;float:left;display:flex;width:42%;flex-direction:row}.champion{float:left;display:block;width:16%;flex-direction:row;align-self:center;margin-top:-15px;text-align:center;padding:230px 0\9 ;padding:1000px 0}.champion i{color:#a0a6a8;font-size:45px;padding:10px 0}.round{display:block;float:left;display:flex;flex-direction:column;width:95%;width:30.8333% \9 }.split-one .round{margin:0 1.5% 0 0}.split-two .round{margin:0 0 0 1.5%}.matchup{margin:0;width:100%;padding:10px 0;transition:all .2s}.score{font-size:11px;text-transform:uppercase;float:right;color:#2c7399;font-weight:bold;font-family:"Roboto Condensed",sans-serif;position:absolute;right:5px}.team{padding:0 5px;margin:3px 0;height:25px;line-height:25px;white-space:nowrap;overflow:hidden;position:relative}.round-two .matchup{margin:0;padding:100px 0}.round-three .matchup{margin:0;padding:280px 0}.round-four .matchup{margin:0;padding:620px 0}.round-details{font-family:"Roboto Condensed",sans-serif;font-size:13px;color:#2c7399;text-transform:uppercase;text-align:center;height:40px}.champion li,.round li{background-color:#fff;box-shadow:none;opacity:.45}.current li{opacity:1}.current li.team{background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);opacity:1}.vote-options{display:block;height:52px}.share .container{margin:0 auto;text-align:center}.share-icon{font-size:24px;color:#fff;padding:25px}.share-wrap{max-width:1100px;text-align:center;margin:60px auto}.final{margin:4.5em 0}.width100{width:100%}.card{width:100%;height:60px;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:transform .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 6px 16px rgba(0,0,0,.15);cursor:pointer;margin-bottom:5px}.card div{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:60px;backface-visibility:hidden;background:#fff;font:16px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;background-color:#fff;font-size:10px}.card-placeholder{background:rgba(255,255,255,.45)}.card .back.right{background-color:#5cca87;color:#fff;transform:rotateY(180deg)}.card .back.wrong{background-color:#8c8c8c;color:#fff;transform:rotateY(180deg)}.card.flipped{transform:rotateY(180deg);pointer-events:none}.correct-answer,.wrong-answer{font-family:"Holtwood One SC",serif;text-transform:uppercase;letter-spacing:1px;font-size:1.5em;text-align:center;color:#5cca87;margin-bottom:0;display:none}.wrong-answer{color:#f44336}.answer-box{width:100%;height:26px}.card div.winner{background-color:#5cca87;color:#fff}.shake{animation:shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}.front:hover{border:2px solid #5cca87}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.share-icon{color:#fff;opacity:.35}.share-icon:hover{opacity:1;animation:pulse .5s}.date{font-size:10px;letter-spacing:2px;font-family:"Istok Web",sans-serif;color:#3f915f}@media screen and (min-width: 981px)and (max-width: 1099px){.container{margin:0 1%}.champion{width:14%}.split{width:43%}.split-one .vote-box{margin-left:138px}.hero p.intro{font-size:28px}.hero p.year{margin:5px 0 10px}}@media screen and (max-width: 980px){.container{flex-direction:column}.split,.champion{width:90%;margin:35px 5%}.champion{order:3}.split{border-bottom:1px solid #b6b6b6;padding-bottom:20px}.hero p.intro{font-size:24px}.hero h1{font-size:3em;margin:15px 0}.hero p{font-size:1em}}@media screen and (max-width: 400px){.split{width:95%;margin:25px 2.5%}.round{width:21%}.current{flex-grow:1}.hero h1{font-size:2.15em;letter-spacing:0;margin:0}.hero p.intro{font-size:1.15em;margin-bottom:-10px}.round-details{font-size:90%}.hero-wrap{padding:2.5em}.hero p.year{margin:5px 0 10px;font-size:18px}}.coin-flip{width:100px;height:100px;left:0;right:0;margin:auto;transform-style:preserve-3d;position:absolute;animation:fly 1.5s ease-in-out 0s infinite alternate}.coin-flip img{width:100px}.coin-heads,.coin-tails{backface-visibility:hidden;position:absolute;top:0;left:0}.coin-heads{animation:flip-head 1s linear 0s infinite alternate}.coin-tails{animation:flip-tail 1s linear 0s infinite alternate}.footer{background-color:#362f37}.footer .centered-link{padding:20px 0;text-align:center;font-family:"Roboto Condensed",sans-serif;font-size:20px;color:#c3c1c4}.footer .centered-link a{color:#5acc87;cursor:pointer}.footer .centered-link a:hover{text-decoration:none;color:#c3c1c4}@keyframes fly{0%{top:100%}100%{top:0%}}@keyframes flip-head{0%,100%{transform:rotateX(0deg)}50%{transform:rotateX(180deg)}}@keyframes flip-tail{0%,100%{transform:rotateX(180deg)}50%{transform:rotateX(0deg)}}/*# sourceMappingURL=oddsMain.output.css.map */