initial commit

rohtec · Aug 20, 2023 · 606b7ec · 606b7ec
1 parent 989817c
commit 606b7ec
Showing 1 changed file with 65 additions and 25 deletions.
diff --git a/index1.css b/index1.css
@@ -27,6 +27,28 @@ body {
 	border-bottom-right-radius: 165px;
 	border-bottom-left-radius: 20px;
 }
+@font-face {
+	font-family: "PoppinsExtrabold";
+	src: url("fonts/Poppins-ExtraBold.ttf")
+	format("ttf");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: "PoppinsExtraboldItalic";
+	src: url("fonts/Poppins-ExtraBoldItalic.ttf")
+	format("ttf");
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: "Poppinsbold";
+	src: url("fonts/Poppins-Bold.ttf")
+	format("ttf");
+	font-weight: normal;
+	font-style: normal;
+}
 .nav {
 	display: flex;
 	margin:7% 0 0 7.3%;
@@ -48,7 +70,7 @@ body {
 	padding-right: 16%;
 }
 h1 {
-	font-family: poppins;
+	font-family: "Poppinsbold";
 	color: rgba(36,36,36,0.6);
 	font-weight: bolder;
 	font-size: 0.75rem;
@@ -62,12 +84,7 @@ h1 {
 	gap: 30px;
 	height: 0.8rem;
 }
-/* @font-face {
-    font-family: 'myFont';
-    src: url(fonts\Poppins-ExtraBoldItalic.ttf);
-    font-weight: normal;
-    font-style:normal;
-} */
+
 .text {
 	height: 4%;
 }
@@ -115,15 +132,15 @@ img {
     color:rgba(36,36,36,0.6) ;
     font-weight: bolder;
     font-size:25px;
-    font-family: poppins;
+    font-family: "Poppinsbold";
 }
 input {
 	border-radius: 6px;
     border: 1px solid RGB(209 209 209);
     color: rgba(36,36,36,0.9);
     font-weight: bolder;
     font-size: 28px;
-    font-family: poppins;
+    font-family: "Poppinsbold";
     padding-left: 8%;
     caret-color: #864CFC;
     caret-shape: block;
@@ -132,7 +149,7 @@ input {
 input:active,
 input:focus {
       outline-color:rgba(136,78,255,0.8);
-      font-family: poppins;
+      font-family: "Poppinsbold";
 }
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
@@ -147,7 +164,7 @@ h2 {
 	color: rgba(21,21,21,1);
     font-weight: bolder;
     font-size: 5.4rem;
-    font-family: Poppins;
+    font-family: "PoppinsExtraboldItalic";
     line-height: 0.9;
     font-style: italic;
     letter-spacing: -3.5px;
@@ -157,7 +174,7 @@ h2 {
 	padding-left: 7%;
 	display: flex;
 	height: 30%;
-	font-family: poppins;
+	font-family: "PoppinsExtraboldItalic";
 }
 span {
 	font-size: 4.7rem;
@@ -168,6 +185,8 @@ span {
 	font-weight: bolder;
     word-spacing: -13px;
     margin-top: -2.5%;
+	font-family: "PoppinsExtraboldItalic";
+
 }
 #resultYear, #resultMonth, #resultDay {
 	font-style: italic;
@@ -182,7 +201,7 @@ span {
 	display: none;
 	margin-top: 2%;
     font-size: 0.6rem;
-    font-family: poppins;
+    font-family: "Poppinsbold";
     font-weight: 500;
     word-spacing: 0.5px;
     color: #D51E1E;
@@ -204,7 +223,7 @@ span {
 	height: 14px;
 	width: 7.9rem;
     font-size: 0.6rem;
-    font-family: poppins;
+    font-family: "Poppinsbold";
     font-weight: bolder;
     font-weight: 500;
     word-spacing: 0.5px;
@@ -226,7 +245,28 @@ span {
 	background-color: rgba(0, 0, 0, 1.0);
 /*	cursor: zoom-in; */
 }
+@font-face {
+	font-family: "PoppinsExtrabold";
+	src: url("fonts/Poppins-ExtraBold.ttf")
+	format("ttf");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: "PoppinsExtraboldItalic";
+	src: url("fonts/Poppins-ExtraBoldItalic.ttf")
+	format("ttf");
+	font-weight: normal;
+	font-style: normal;
+}
 
+@font-face {
+	font-family: "Poppinsbold";
+	src: url("fonts/Poppins-Bold.ttf")
+	format("ttf");
+	font-weight: normal;
+	font-style: normal;
+}
 .container {
 /*	border: 1px solid blue;*/
 	background-color: rgba(240,240,240,1.0);
@@ -269,7 +309,7 @@ span {
 	padding-right: 21.8%;
 }
 h1 {
-	font-family: Poppins;
+	font-family: "Poppinsbold";
 	color: rgba(36,36,36,0.49);
 	font-weight: bold;
 	font-size: 0.61rem;
@@ -300,16 +340,16 @@ h1 {
 /*	border: 1px solid blue;*/ 
 }
 #birthDay{
-	width: 89%;
+	width: 92%;
 	height: 2.7rem;
     margin-left: 0%;
 }
 #birthMonth{
-	width: 89%;
+	width: 92%;
 	height: 2.7rem;
 }
 #birthYear {
-	width: 89%;
+	width: 92%;
 	height: 2.7rem;
 }
 
@@ -334,15 +374,15 @@ img {
     color:rgba(36,36,36,0.6) ;
     font-weight: bolder;
     font-size: 1.1rem;
-    font-family: Poppins;
+    font-family: "PoppinsExtrabold";
 }
 input {
 	border-radius: 6px;
     border: 1px solid RGB(209 209 209);
     color: rgba(36,36,36,0.9);
     font-weight: bolder;
     font-size: 1.4rem;
-    font-family: Poppins;
+    font-family: "PoppinsExtrabold";
     padding-left: 8%;
     caret-color: #864CFC;
     caret-shape: block;
@@ -361,7 +401,7 @@ h2 {
 	color: rgba(21,21,21,1);
     font-weight: bolder;
     font-size: 3.59rem;
-    font-family: Poppins;
+    font-family: "PoppinsExtraboldItalic";
     line-height: 1;
     font-style: italic;
     letter-spacing: -5.5px;
@@ -371,7 +411,7 @@ h2 {
 	padding-left: 7%;
 	display: flex;
 	height: 31%;
-	font-family: Poppins;
+	font-family: "PoppinsExtrabold";
 }
 span {
 	font-size: 3.04rem;
@@ -383,7 +423,7 @@ span {
     word-spacing: -10px;
     margin-top: 0%;
 /*    font-style: italic;*/
-    font-family: Poppins;
+    font-family: "PoppinsExtraboldItalic";
 }
 /* #resultYear, #resultMonth, #resultDay {
 	font-style: italic;
@@ -416,7 +456,7 @@ span {
 	height: 14px;
 	width: 4.6rem;
     font-size: 0.5rem;
-    font-family: Poppins;
+    font-family: "Poppinsbold";
     font-weight: bolder;
     font-weight: 500;
     word-spacing: 0.5px;
@@ -439,7 +479,7 @@ span {
 	display: none;
 	margin-top: 2%;
     font-size: 0.67rem;
-    font-family: Poppins;
+    font-family: "Poppinsbold";
     font-weight: 500;
     word-spacing: 0.5px;
     color: #D51E1E;