38 lines
902 B
CSS
38 lines
902 B
CSS
|
@reference "@/index.css";
|
||
|
|
|
||
|
|
@layer base {
|
||
|
|
.blueSectionSurface {
|
||
|
|
background: linear-gradient(180deg, #278789 0%, #206f66 100%);
|
||
|
|
border: 1px solid #123f3f;
|
||
|
|
box-shadow:
|
||
|
|
-3px 0px 1px 0px #00000059 inset,
|
||
|
|
3px 0px 1px 0px #00000059 inset,
|
||
|
|
0px 4px 1px 0px #ffffff26 inset,
|
||
|
|
0px -3px 1px 0px #00000059 inset;
|
||
|
|
padding: 16px;
|
||
|
|
border-radius: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blueSurface {
|
||
|
|
background: #0c2836;
|
||
|
|
box-shadow:
|
||
|
|
0px -1.5px 0px 0px #32a39b inset,
|
||
|
|
1.5px 0px 0px 0px #32a39b inset,
|
||
|
|
-1.5px 0px 0px 0px #32a39b inset,
|
||
|
|
0px 1.5px 0px 0px #114647 inset;
|
||
|
|
color: #befbe8;
|
||
|
|
padding: 8px;
|
||
|
|
border-radius: 23px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blueSurfaceContent {
|
||
|
|
background: #0000004d;
|
||
|
|
border-top: 1px solid #0a2929;
|
||
|
|
box-shadow:
|
||
|
|
0px 4px 2px 0px #00000040 inset,
|
||
|
|
0px -1.5px 0px 0px #207475 inset;
|
||
|
|
padding: 4px;
|
||
|
|
border-radius: 9999px;
|
||
|
|
}
|
||
|
|
}
|