*,*:before,*:after{margin:0;padding:0}html{background-color:white;font-size:16px}body{background-color:#FFCC00}.frame{background-color:#FCFCFC;border:5px solid #333;border-radius:1px;height:100%;vertical-align:middle;text-align:center}.container{width:960px;margin:0 auto;background:white;height:100%}.main-header{height:60px;background-color:green;position:relative}.main-header .main-nav{height:60px;width:60%;background:yellowgreen;position:relative;float:right}.main-header .logo{height:60px;width:150px;background:gray;position:absolute;top:0;left:10%}.hero{height:500px;background-color:red}.content{height:auto}.carousel{width:100%;height:4em;border-left:0 none;border-right:0 none;overflow-y:hidden;overflow-x:scroll;white-space:nowrap;word-spacing:-4px}.carousel:before,.carousel:after{content:"";display:table}.carousel:after{clear:both}.carousel>[class^="slide-"]{display:inline-block;height:80%;width:20%;margin-right:4rem;font-size:2em;line-height:31.25rem}.main-footer{height:350px;background-color:blue}

/*# sourceMappingURL=style.css.map */