Initial commit

src/pages/U1/u1.css

@@ -0,0 +1,71 @@
+.u1-root{
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 45%;
+  width: 100%;
+  height: 100%;
+}
+
+.u1-title {
+  overflow-wrap: break-word;
+  color: rgba(0, 45, 93, 1);
+  font-size: 88px;
+  font-family: NotoSansCJKsc-Bold;
+  font-weight: 700;
+  text-align: center;
+  line-height: 114px;
+}
+
+.u1-instruction {
+  width: 374px;
+  height: 33px;
+  overflow-wrap: break-word;
+  color: rgba(0, 45, 93, 1);
+  font-size: 34px;
+  font-family: NotoSansCJKsc-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 44px;
+  margin-bottom: 20%;
+}
+.u1-decor-line{
+  margin-top: 3%;
+  margin-bottom: 3%;
+}
+.u1-button-text-wrapper {
+  display: flex;
+  height: 108px;
+  width: 594px;
+  background: url(../../assets/buttons/button.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  align-items: center;
+  justify-content: center;
+}
+
+.u1-button-text {
+  width: 192px;
+  height: 48px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 49px;
+  font-family: NotoSansCJKsc-Bold;
+  font-weight: 700;
+  text-align: center;
+  white-space: nowrap;
+  line-height: 49px;
+}
+
+
+.u1-semicircle {
+  position: absolute;
+  left: 27%;
+  transform: translateX(-50%);
+  top: 810px;  
+  width: 578px; 
+  height: 588px;
+  z-index: -1;
+}