diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..46af539
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+*.map
\ No newline at end of file
diff --git a/index.html b/index.html
index a6f7326..7435d8b 100644
--- a/index.html
+++ b/index.html
@@ -1,2 +1,20 @@
-ru4u?
-vote rushil umaretiya for sga president
+
+
+
+
+
+
+ RU4U?
+
+
+
+
+
+ Rushil
Umaretiya
+ for sga president
+
+
+
+
\ No newline at end of file
diff --git a/res/banner.png b/res/banner.png
new file mode 100644
index 0000000..08edb1d
Binary files /dev/null and b/res/banner.png differ
diff --git a/res/seal.png b/res/seal.png
new file mode 100644
index 0000000..21d5f1c
Binary files /dev/null and b/res/seal.png differ
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..442c890
--- /dev/null
+++ b/style.css
@@ -0,0 +1,107 @@
+* {
+ margin: 0;
+ padding: 0;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+body {
+ overflow-x: hidden;
+}
+
+.seal {
+ width: 100px;
+ height: 100px;
+ z-index: 999;
+ position: fixed;
+ right: 0;
+ margin-right: 15px;
+ margin-top: 15px;
+}
+
+.seal::before {
+ -webkit-animation: spin 20s 10s infinite;
+ animation: spin 20s 10s infinite;
+ content: '';
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ background-image: url("/res/seal.png");
+ background-size: cover;
+}
+
+@media (max-width: 786px) {
+ .seal {
+ display: none;
+ }
+}
+
+@-webkit-keyframes spin {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes spin {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+section {
+ height: 100vh;
+ width: 100vw;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ z-index: 1;
+}
+
+.landing {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-left: 5vw;
+ font-size: 4rem;
+ font-family: "Cooper Black", "Arial Black", sans-serif;
+ color: #DA3252;
+ line-height: 1;
+ background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(245, 246, 252, 0.52)), to(rgba(255, 255, 255, 0))), url("/res/banner.png");
+ background-image: linear-gradient(to right, rgba(245, 246, 252, 0.52) 50%, rgba(255, 255, 255, 0)), url("/res/banner.png");
+ text-shadow: 3px 3px #000;
+}
+
+@media (max-width: 786px) {
+ .landing {
+ padding-left: 0;
+ font-size: 2rem;
+ text-align: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: rgba(245, 246, 252, 0.52);
+ }
+}
+
+.subtitle {
+ color: #5d8db9;
+ font-family: "Fugaz One", cursive;
+}
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/style.sass b/style.sass
new file mode 100644
index 0000000..e2555b0
--- /dev/null
+++ b/style.sass
@@ -0,0 +1,75 @@
+@mixin mobile
+ @media (max-width: 786px)
+ @content
+
+
+*
+ margin: 0
+ padding: 0
+ box-sizing: border-box
+
+body
+ overflow-x: hidden
+
+.seal
+ width: 100px
+ height: 100px
+ z-index: 999
+ position: fixed
+ right: 0
+ margin-right: 15px
+ margin-top: 15px
+
+ &::before
+ animation: spin 20s 10s infinite
+ content: ''
+ width: 100%
+ height: 100%
+ position: absolute
+ background-image: url('/res/seal.png')
+ background-size: cover
+
+ @include mobile
+ display: none
+
+@keyframes spin
+ from
+ transform: rotate(0deg)
+ to
+ transform: rotate(360deg)
+
+
+
+section
+ height: 100vh
+ width: 100vw
+ display: flex
+ z-index: 1
+
+.landing
+ align-items: flex-start
+ justify-content: center
+ flex-direction: column
+ padding-left: 5vw
+ font-size: 4rem
+ font-family: "Cooper Black", "Arial Black", sans-serif
+ color: #DA3252
+ line-height: 1
+ background-image: linear-gradient(to right, rgba(245, 246, 252, 0.52) 50%, rgba(255, 255, 255, 0)), url("/res/banner.png")
+ text-shadow: 3px 3px #000
+
+ @include mobile
+ padding-left: 0
+ font-size: 2rem
+ text-align: center
+ align-items: center
+ background: rgba(245, 246, 252, 0.52)
+
+.subtitle
+ color: #5d8db9
+ font-family: "Fugaz One", cursive
+
+
+
+
+
\ No newline at end of file