@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);.flyout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.active{background-color:hsla(0,0%,100%,.1)}.demo-section{padding:20px 0}.demo-section>section{border:1px solid #e0e0e0;padding:15px}.demo-section>h4{font-weight:700;margin-bottom:20px}.demo-title{color:#9e9e9e;font-weight:700;margin-bottom:0;padding-left:15px}.fade-enter-active,.fade-leave-active{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.fade-enter,.fade-leave-active{opacity:0}.view{background:url("https://mdbootstrap.com/img/Photos/Others/img%20(42).jpg") no-repeat 50%;background-size:cover;height:100vh}