apps/codelab/src/app/components/slides/title-slide/title-slide.component.css
:host {
height: 100%;
}
.title-slide {
height: 100%;
display: flex;
flex-direction: column;
}
.header {
flex: 0.5;
display: flex;
justify-content: flex-end;
flex-direction: column;
background: #982a2a;
color: white;
font-size: 10vw;
padding: 2vw;
}
.contents {
padding: 2vw;
display: flex;
flex-direction: column;
flex: 0.5;
}
.description {
font-size: 5vw;
}
.instructions {
flex-grow: 1;
font-size: 4vw;
color: #666;
margin-top: 20px;
}
.left-half-ripple {
overflow: hidden;
margin: 0;
height: 25vw;
width: calc(25vw / 2 + 2vw);
position: absolute;
top: calc(50% - 25vw / 2);
right: 0;
}