diff --git a/index.html b/index.html
index 2d57bf8..94e0915 100644
--- a/index.html
+++ b/index.html
@@ -386,10 +386,10 @@
+
diff --git a/style.css b/style.css
index b2c2819..9b9ddcd 100644
--- a/style.css
+++ b/style.css
@@ -703,10 +703,14 @@ ion-icon{
}
.contactuspage {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
height: 700px;
}
.contactname {
+ font-family: 'Poppins';
color: rgb(212, 72, 72);
text-align: center;
font-size: 4vw;
@@ -714,6 +718,42 @@ ion-icon{
margin-bottom: 50px;
}
+#fn{
+ font-family: 'Poppins';
+ border: none;
+ padding: 20px;
+ border-radius: 10px;
+ text-align: left;
+ font-size: large;
+}
+#ln{
+ border: none;
+ padding: 20px;
+ border-radius: 10px;
+ text-align: left;
+ font-size: large;
+ margin-left: 2px;
+ font-family: 'Poppins';
+}
+#mailclas{
+ border: none;
+ padding: 20px;
+ border-radius: 10px;
+ text-align: left;
+ font-size: large;
+ font-family: 'Poppins';
+
+}
+#mesa{
+ border: none;
+ padding: 20px;
+ border-radius: 10px;
+ text-align: left;
+ font-size: large;
+ font-family: 'Poppins';
+
+}
+
.topicon {
background-image: url(./Data/extras/OIP.png);
background-size: cover;
@@ -733,7 +773,7 @@ label {
}
.feedimage {
- display: flex;
+ margin-right: 20px;
background-image: url(./Data/extras/Feedback.png);
background-size: contain;
background-repeat: no-repeat;
@@ -766,23 +806,33 @@ label {
}
.submit-button {
+ font-family: 'Poppins';
width: 100px;
height: 30px;
margin-top: 30px;
margin-left: 20px;
- font-weight: 700;
+ font-weight: 500;
font-size: 1vw;
- color: black;
- background-color: yellow;
- border: 2px solid red;
+ color: #FFFFFF;
+ background-color: #ff3131;;
+}
+.submit-button:hover{
+ border: 1.5px solid #fff;
+ color: #fff;
+}
+.button{
+ display: flex;
+ justify-content: center;
}
.email-class {
margin-top: 30px;
+ display: flex;
+ flex-direction: column;
}
#mailclas {
- width: 628px;
+ width: 630px;
height: 30px;
margin-bottom: 10px;
}
@@ -800,8 +850,9 @@ label {
}
.submit-button {
- color: black;
font-size: 15px;
+ border: none;
+ border-radius: 10px;
}
.action-genre {
@@ -1171,7 +1222,7 @@ p {
animation: glow 1s ease-in-out infinite alternate;
}
- @-webkit-keyframes glow {
+ @webkit-keyframes glow {
from {
text-shadow: 0 0 10px #fff, 0 0 10px #ead948, 0 0 20px #b7b225;
}