#layout-sample,#layout-sample div{padding:2rem}#layout-sample{background-color:rgba(255,255,255,.2);border:1px dashed #fff}#layout-sample:hover{background-color:rgba(255,255,255,.3)}#layout-sample .border-box{background-color:#fff}#layout-sample .border-box:hover{background-color:#ccc}#layout-sample .border-box>h4{color:#032b35}#layout-sample .padding-box{background-color:#35555d}#layout-sample .padding-box:hover{background-color:#426a74}#layout-sample .content{background-color:#032b35;border:1px dashed #fff}#layout-sample .content:hover{background-color:#075f75}#layout-sample .content h4{margin-bottom:0}#layout-sample h4{text-transform:none}#cup{color:#fff;display:flex;flex-direction:row;line-height:20rem}#cup aside{height:20rem;width:200px;background-color:#e67e22}#cup .content{flex:auto;height:20rem;background-color:#d35400}