@media screen and (max-width: 800px){div.main{display:block}div.video{flex:default}div.main div.summary{width:100%;padding:0.8em 0;display:flex}div.main div.summary p{flex:1;margin-top:3px;margin-right:1em}div.main div.summary div{flex:1}div.features ul li{width:50%}}@media screen and (max-width: 560px){div.main div.summary{width:100%;padding:0.8em 0;display:block}div.main div.summary p{margin-top:3px;margin-right:1em}div.features ul li{width:100%}}noscript{position:absolute;top:20%;left:0;right:0;margin:10% 10%;border:4px solid gray;background-color:rgba(0,0,0,0.6);color:white;z-index:10000;text-align:center;padding:1em 1em;font-size:50px}h1{margin:0;padding:0.3em 0.2em 0 0.2em;background-color:#1A1A1A;font-weight:400;text-align:center;font-size:45px;color:#C7C7C7;line-height:51px}h1:after{width:100%;content:"";display:block;height:20px;background:transparent url(./nose-top.png) bottom center no-repeat;background-size:30px;padding:0;margin:0}h1 span.domain{font-weight:100}h1 span.claim{font-weight:400;display:block;font-size:12px;color:#B4B4B4;line-height:15px;letter-spacing:0px;text-transform:uppercase}h1 sup{letter-spacing:0px}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.fadein{opacity:0;animation-fill-mode:forwards;animation-name:fadein;animation-duration:0.6s;animation-timing-function:ease-out;animation-delay:0.1s}.fadein.description{animation-delay:0.3s}.fadein.email{animation-delay:0.7s}.fadein.subscribe{animation-delay:0.9s}.fadein.videos{animation-delay:1.2s}figure{border:1px solid black;margin:0;height:0;padding-bottom:56.25%;position:relative;background-color:black}iframe{height:100%;left:0;position:absolute;top:0;width:100%}.main-links{display:block;text-align:center;padding-top:15px;background-color:#444343;text-transform:uppercase}.main-links a{display:inline-block;color:white;text-decoration:none;padding:5px 20px;opacity:0.7}.main-links a:hover{opacity:1}.main{display:flex;justify-content:center;padding:15px 24px;background-color:#444343;z-index:1000;position:relative;box-shadow:rgba(0,0,0,0.4) 0px 3px 6px}.main .video{flex:1;max-width:960px}.main div.summary{width:270px;font-family:"Merriweather";padding-left:2em;line-height:150%}.main p{margin-top:-4px;margin-bottom:1em}.main div.feedback{display:none;font-size:16px}.main div.feedback h2{font-weight:200;margin:0px;line-height:1.5em}.main div.feedback a{color:#309FE5;text-decoration:none;font-weight:400}.main div.feedback a:hover{text-decoration:underline}.main form *{margin-top:0.6em;margin-bottom:0.6em;width:100%;box-sizing:border-box;border:none;padding:7px;font-size:16px}.main form label.error{display:none !important}.main form textarea{display:none;height:7em}.main form textarea,.main form input{box-shadow:inset 2px 3px 0 rgba(0,0,0,0.3);background:white;font-weight:400;font-family:'Source Sans Pro', sans-serif;border:0 transparent solid;outline:none;transition:border-width 0.5s, border-color 0.5s}.main form input.error{border-right-width:5px;border-color:red}.main form button{margin-top:0.8em;margin-bottom:0.8em;background:#31A0E6;color:white;font-weight:400;box-shadow:rgba(0,0,0,0.2) 1px 2px 3px;transition:background-color 0.2s}.main form button:disabled{background-color:#888}.main .social{margin-top:2em;margin-left:-4px;margin-bottom:2em}.main .social a.follow-icon{margin-right:10px;float:left;display:block;height:42px;width:42px;background:url(./social-icons@2x.png);background-size:120px;transition:background-position 0.5s ease}.main .social a.follow-icon.facebook{background-position:0px    0}.main .social a.follow-icon.twitter{background-position:84px   0}.main .social a.follow-icon.youtube{background-position:162px  0}.main .social a.follow-icon.facebook:hover{background-position:0px    119px}.main .social a.follow-icon.twitter:hover{background-position:84px   119px}.main .social a.follow-icon.youtube:hover{background-position:162px  119px}div.features{background-color:#2F2F2F;position:relative;font-family:"Merriweather";padding:25px 25px}div.features ul{max-width:960px;margin-left:auto;margin-right:auto}div.features li{width:33%;box-sizing:border-box;display:block;float:left;list-style:none;margin-top:1.5em;padding:1em;padding-top:96px;text-align:center;background:transparent url(./feature-design-and-code.png) top center no-repeat;background-size:auto 80px;color:#C0C0C0;font-weight:400}div.features li.design-and-code{background-image:url(./feature-design-and-code.png)}div.features li.coding{background-image:url(./feature-coding.png)}div.features li.collaboration{background-image:url(./feature-collaborate.png)}div.features li.free{background-image:url(./feature-free.png)}div.features li.graphical-programming{background-image:url(./feature-graphical-programming.png)}div.features li.animation{background-image:url(./feature-animation.png)}.examples{padding:15px 14px;background-color:#7B7B7B;box-shadow:rgba(0,0,0,0.3) 0 0px 8px}.examples h2{text-align:center;font-weight:400;font-family:'Source Sans Pro', sans-serif;font-size:12px;color:#3E3E3E;margin:0em 0.2em 0.2em 0.5em;text-transform:uppercase}.examples .video{width:33.3%;box-sizing:border-box;padding:10px;float:left}div.contact{background-color:#2F2F2F;position:relative;padding:25px 25px}div.contact a{color:white;text-decoration:none}div.contact a:hover{text-decoration:underline}div.contact a.framefield{float:right;font-weight:500;text-transform:uppercase}body{font-family:'Source Sans Pro', sans-serif;font-weight:200;color:#ddd;background-color:#1A1A1A;margin:0;font-size:14px}p,div,ul,li{margin:0px;padding:0px}p{text-shadow:rgba(0,0,0,0.4) -1px -1px 0}.clear-fix{clear:both}.accounts{float:right;z-index:2000;position:relative}
