.tabs{position:relative;width:100%;.
  margin:3rem 0;height:100%;padding-bottom:780px;box-shadow:rgba(50,50,93,0.25) 0px 50px 100px -20px,rgba(0,0,0,0.3) 0px 30px 60px -30px}.tabs::before,.tabs::after{content:"";display:table}.tabs::after{clear:both}.tab{float:left}.tab-switch{display:none}.tab-label{position:relative;display:block;line-height:2.75em;height:3em;padding:0 1.618em;background:#1abc9c;border-right:0.125rem solid #16a085;color:#fff;cursor:pointer;top:0;transition:all 0.25s}.tab-label:hover{top:-0.25rem;transition:top 0.25s}.tab-content{position:absolute;top:2.75em;left:0;padding:1.618rem;padding-left:50px;color:#2c3e50;opacity:0;transition:all 0.35s}.tab-switch:checked + .tab-label{background:#a4ffed;color:#2c3e50;border-bottom:0;border-right:0.125rem solid #fff;transition:all 0.35s;z-index:1;top:-0.0625rem}.tab-switch:checked + label + .tab-content{z-index:2;opacity:1;transition:all 0.35s}