63 lines
1.0 KiB
SCSS
63 lines
1.0 KiB
SCSS
.intro {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 1rem;
|
|
|
|
&__img-container {
|
|
position: relative;
|
|
width: 208px;
|
|
height: 208px;
|
|
}
|
|
|
|
&__circle {
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
|
|
&--large {
|
|
height: 208px;
|
|
width: 208px;
|
|
background-color: var(--mat-sys-primary);
|
|
}
|
|
|
|
&--small {
|
|
height: 200px;
|
|
width: 200px;
|
|
background-image: url("../../../public//assests/images/rc-logo.jpeg");
|
|
background-size: cover;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
}
|
|
|
|
&__header {
|
|
text-transform: uppercase;
|
|
color: var(--mat-sys-primary);
|
|
font-size: 3rem;
|
|
}
|
|
|
|
&__sub-head {
|
|
font-size: 1.5rem;
|
|
text-align: center;
|
|
max-width: 760px;
|
|
}
|
|
|
|
&__button {
|
|
font-size: var(--mdc-extended-fab-label-text-size, 1rem);
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
.intro {
|
|
&__header {
|
|
text-align: center;
|
|
}
|
|
|
|
&__sub-head {
|
|
font-size: 1.375rem;
|
|
}
|
|
}
|
|
}
|