div#intro-box{display:flex;flex-wrap:wrap}div#intro-box-main{background:no-repeat top left url(/img/tropo-red/homepage/intro-box-topleft.png),no-repeat top right url(/img/tropo-red/homepage/intro-box-topright.png),no-repeat bottom left url(/img/tropo-red/homepage/intro-box-bottomleft.png),no-repeat bottom right url(/img/tropo-red/homepage/intro-box-bottomright.png),repeat-x top center url(/img/tropo-red/homepage/intro-box-top.png),repeat-y center left url(/img/tropo-red/homepage/intro-box-left.png),repeat-y center right url(/img/tropo-red/homepage/intro-box-right.png),repeat-x bottom center url(/img/tropo-red/homepage/intro-box-bottom.png),#f0f0f0;min-height:160px;width:70%;flex:1 1 auto}div#intro-box-main h1{color:#c5353c;padding-left:1em;margin:.5em 0}div#intro-box-main p{color:#565656;padding-left:1em;padding-right:2em;padding-bottom:1em}div#intro-box-create{background-color:#c5353c;min-height:160px;min-width:200px;width:30%;flex:1 1 auto;text-align:center}div#intro-box-create h2{color:#f8f8f8;margin:.5em 0}div#intro-box-create p{color:#f8f8f8;padding-left:1em;padding-right:1em}div#intro-box-create a{color:white}ul#create-links{padding:0;margin-left:auto;margin-right:auto;display:block}ul#create-links li{display:inline-block;color:white;font-size:1.1em;margin:0 1em}ul#create-links a{font-weight:bold}form#intro-create-form{padding-left:15px;margin-bottom:0}input#intro-create-invite{width:95%}input#intro-create-submit{clear:both;margin-top:1em;width:10em;font-weight:bold}div#frontpage-links{margin-top:2em}div.links-column dt{font-weight:bold}div.links-column dd{margin-bottom:1em}
@font-face{font-family:"foundation-icons";src:url("/stc/fonts/foundation-icons.eot");src:url("/stc/fonts/foundation-icons.eot?#iefix") format("embedded-opentype"),url("/stc/fonts/foundation-icons.woff") format("woff"),url("/stc/fonts/foundation-icons.ttf") format("truetype"),url("/stc/fonts/foundation-icons.svg#fontcustom") format("svg");font-weight:normal;font-style:normal}.fontface .fi-icon--decorative .fi-icon,.fontface.generatedcontent .fi-icon--with-fallback .fi-icon{font-family:"foundation-icons";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;text-decoration:inherit}.fontface .fi-icon--decorative .fi-icon{display:inline-block}.fi-icon--with-fallback .fi-icon:before{display:none}.fontface.generatedcontent .fi-icon--with-fallback .fi-icon:before{display:inline-block}.fontface.generatedcontent .fi-icon--with-fallback .fi-icon--fallback{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute !important;width:1px}.fontface .fi-arrow-left:before{content:"\f10a"}.fontface .fi-arrow-right:before{content:"\f10b"}.fontface .fi-calendar:before{content:"\f124"}.fontface .fi-clock:before{content:"\f12b"}.fontface .fi-graph-horizontal:before{content:"\f154"}.fontface .fi-layout:before{content:"\f162"}.fontface .fi-minus:before{content:"\f176"}.fontface .fi-pencil:before{content:"\f194"}.fontface .fi-photo:before{content:"\f195"}.fontface .fi-plus:before{content:"\f199"}.fontface .fi-results-demographics:before{content:"\f1a6"}.fontface .fi-torso:before{content:"\f1fe"}.fontface .fi-trash:before{content:"\f204"}.fontface .fi-widget:before{content:"\f214"}.fontface .fi-wrench:before{content:"\f215"}.fontface .fi-x:before{content:"\f217"}
.canary{width:150px;height:150px;overflow:hidden;position:fixed;z-index:999}.canary::before,.canary::after{position:absolute;z-index:-1;content:"";display:block;border:5px solid #2980b9}.canary span{position:absolute;display:block;width:225px;padding:15px 0;background-color:#3498db;box-shadow:0 5px 10px rgba(0,0,0,0.1);color:#fff;font:700 18px/1 sans-serif;text-shadow:0 1px 1px rgba(0,0,0,0.2);text-transform:uppercase;text-align:center}.canary-bottom-right{bottom:-10px;right:-10px}.canary-bottom-right::before,.canary-bottom-right::after{border-bottom-color:transparent;border-right-color:transparent}.canary-bottom-right::before{bottom:0;left:0}.canary-bottom-right::after{top:0;right:0}.canary-bottom-right span{left:-25px;bottom:30px;transform:rotate(-45deg)}