|
3 | 3 | margin: 0; |
4 | 4 | padding:0; |
5 | 5 | box-sizing: border-box; |
| 6 | + scroll-behavior: smooth; |
6 | 7 | } |
7 | 8 | body{ |
8 | | - font-family: 'Roboto',sans-serif; |
9 | | - background-color: #eee; |
| 9 | + font-family: 'Lato',sans-serif; |
| 10 | + background: linear-gradient( to right, #256e4c5b, #3c968e59, #0076864f, #28575354, #184b3350), url(../img/Abstract_Background.jpg); |
| 11 | + font-weight: 400; |
| 12 | + font-size: 16px; |
| 13 | + line-height: 1.7; |
| 14 | + color: rgb(85, 84, 84); |
10 | 15 | margin-top:3px; |
11 | 16 | } |
12 | | -h1{ |
| 17 | + |
| 18 | + |
| 19 | +.heading-primary-sub { |
| 20 | + font-family: 'Maiandra GD',sans-serif; |
13 | 21 | font-weight: 400; |
14 | 22 | font-size: 2.5rem; |
15 | 23 | text-align: center; |
16 | 24 | padding: 5px; |
17 | 25 | margin: 10px; |
18 | 26 | margin-top: 0px; |
19 | | - text-decoration: underline; |
20 | | - color: rgb(65, 63, 63); |
| 27 | + color: rgb(251, 255, 0); |
| 28 | + text-shadow: 0 0 8px rgb(39, 39, 30); |
| 29 | + display: block; |
| 30 | + animation: moveInRight 2s ease-in-out; |
| 31 | + animation-delay: 0.01s; |
| 32 | + animation-fill-mode: backwards; |
21 | 33 | } |
| 34 | + |
| 35 | +.glow { |
| 36 | + text-shadow: 0 0 10px #FCF6BA, 0 0 50px #FCF6BA; |
| 37 | +} |
| 38 | + |
22 | 39 | .main-container{ |
23 | | - box-shadow: 30px 0 40px rgba(0, 0, 0, 0.2), -30px 0 40px rgba(0, 0, 0, 0.2); |
| 40 | + box-shadow: 10px 10px 20px rgb(0, 0, 0); |
24 | 41 | height: 80%; |
25 | | - width:50%; |
26 | | - padding: 20px; |
27 | | - padding-left: 50px; |
| 42 | + width:65%; |
| 43 | + padding: 5%; |
| 44 | + padding-left: 3%; |
28 | 45 | margin: auto; |
29 | | - background: #fff; |
| 46 | + background: linear-gradient( to right,#3dd3c6, #89fbffda, #3f8882ab); |
30 | 47 | align-items: center; |
31 | 48 | border: 0.8px solid rgba(0, 0, 0, 0.3); |
32 | | - border-radius: 15px; |
| 49 | + border-radius: 10px; |
33 | 50 | } |
34 | 51 |
|
35 | 52 | .form1{ |
|
81 | 98 | .form2 tr th, |
82 | 99 | .form2 tr td{ |
83 | 100 | padding:2px; |
84 | | - padding-right: 7px; |
| 101 | + padding-right: 20px; |
85 | 102 | } |
86 | 103 | .form2 tr td input{ |
87 | 104 | padding: 4px; |
|
94 | 111 | .submit{ |
95 | 112 | padding: 10px 20px; |
96 | 113 | margin: 10px; |
97 | | - border-radius:30px; |
98 | | - border: 1px solid #000; |
99 | | - background: rgb(219, 218, 218); |
| 114 | + border-radius:40%; |
| 115 | + border-right: 3px black outset; |
| 116 | + border-bottom: 3px black outset; |
| 117 | + background: linear-gradient( to right, rgba(255, 255, 255, 0.842), rgba(223, 224, 161, 0.829), rgba(255, 251, 0, 0.842)); |
| 118 | + color: rgb(51, 51, 51); |
100 | 119 | font-size: 20px; |
101 | 120 | font-weight:lighter; |
102 | 121 |
|
|
108 | 127 | width: 80%; |
109 | 128 | } |
110 | 129 | } |
| 130 | + |
| 131 | +@keyframes moveInRight { |
| 132 | + 0% { |
| 133 | + opacity: 0; |
| 134 | + transform: translateX(100px); |
| 135 | + } |
| 136 | + 50% { |
| 137 | + transform: translateX(-40px); |
| 138 | + } |
| 139 | + 80% { |
| 140 | + transform: translateX(20px); |
| 141 | + } |
| 142 | + 100% { |
| 143 | + opacity: 1; |
| 144 | + transform: translate(0); |
| 145 | + } |
| 146 | +} |
0 commit comments