diff --git a/anantya/index.html b/anantya/index.html
index 5a8b9e8..a7bfd70 100644
--- a/anantya/index.html
+++ b/anantya/index.html
@@ -54,8 +54,8 @@
8bit to 8K
An Event By the students, for the Students #FindYourTribe
-
Register
+
Winners
diff --git a/anantya/winners/index.html b/anantya/winners/index.html
new file mode 100644
index 0000000..85ec899
--- /dev/null
+++ b/anantya/winners/index.html
@@ -0,0 +1,113 @@
+
+
+
+
+
+
+
+ Anantya 21 Events
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Codigo
+
+
+
+ - 1st prize : John
+ - 2nd prize : Sam
+ - 3rd prize : Elen
+
+
+
+
+
+
+ Perplexo
+
+
+
+ - 1st prize : John
+ - 2nd prize : Sam
+ - 3rd prize : Elen
+
+
+
+
+
+
+ Brain-Apti
+
+
+
+ - 1st prize : John
+ - 2nd prize : Sam
+ - 3rd prize : Elen
+
+
+
+
+
Retracer
+
+
+
+ - 1st prize : John
+ - 2nd prize : Sam
+ - 3rd prize : Elen
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/anantya/winners/main.css b/anantya/winners/main.css
new file mode 100644
index 0000000..a69a8ff
--- /dev/null
+++ b/anantya/winners/main.css
@@ -0,0 +1,244 @@
+@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ user-select: none;
+}
+
+ul {
+ margin: 0;
+ list-style: none;
+}
+
+a {
+ text-decoration: none;
+ color: inherit;
+}
+
+a:hover {
+ text-decoration: none;
+ color: inherit;
+}
+
+.lead:hover {
+ color: #FFCC01;
+}
+
+.nav li:hover {
+
+ color: #FFCC01;
+}
+
+html,
+body {
+ height: 100%;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ background-color: #FF1901;
+ font-family: 'Press Start 2P',
+ cursive;
+}
+
+.container {
+ padding: 30px 0px;
+
+}
+
+.page {
+ align-items: center;
+ width: 65vw;
+ min-height: 75vh;
+ border-radius: 25px;
+ margin: 50px auto;
+ box-shadow: 0px 0px 0px 6px #0B1728;
+ background-color: white;
+
+}
+
+.nav {
+ padding: 0 50px;
+ background-color: #17008E;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ border-radius: 25px 25px 0px 0px;
+ border: solid #17008E 7px;
+ /* height: 50px; */
+ color: white;
+ line-height: 2.2;
+ font-size: 1.5em;
+}
+
+.nav ul li {
+ display: inline;
+}
+
+
+/* .content {
+ font-size: 1.5em;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ padding: 150px 0;
+} */
+
+/* .content-text {
+ width: 50%;
+ display: grid;
+ grid-template-rows: 1fr 1fr 1fr;
+ text-align: center;
+ justify-content: center;
+ align-self: center;
+} */
+
+/* .content-text h1 {
+ font-size: 2.5em;
+} */
+
+/*.btn {
+ background: #FFCC01;
+ border: 4px solid #000000;
+ border-radius: 15px;
+ padding: 15px;
+ margin: auto;
+ color: #000000;
+ box-shadow: 5px 5px 0px #0B1728;
+ /* transition: all 0.2s ease; */
+ /*} */
+
+/* .btn:hover {
+ transform: translate(2px, 2px);
+ box-shadow: 2px 2px 0px #0B1728;
+
+} */
+
+.cnt-0 {
+ padding: 40px;
+ display: grid;
+ grid-template-columns: 5fr 5fr;
+ align-items: flex-start;
+ justify-content: center;
+ text-align: justify;
+ border-width: 25rem;
+ border-color: black;
+ /* box-shadow: 10px solid black; */
+
+}
+
+
+
+/* #e-faculty {
+ align-self: center;
+} */
+
+.cnt-0-text {
+ display: flex;
+ flex-direction: column;
+ padding: 20px;
+
+ align-items: center;
+ justify-content: flex-end;
+ width: 100%;
+ line-height: 2;
+ text-align: center;
+ position:absolute;
+ left: 0%;
+ bottom: 60%;
+
+
+ font-size: 3vh;
+}
+
+.eventName{
+ margin-left: 70px;
+}
+
+.holder {
+ padding: 20px;
+ /* display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center; */
+
+}
+
+.cnt-content li {
+ margin-bottom: 25px;
+
+}
+
+.cnt-content li a {
+ text-decoration: underline;
+}
+
+@media only screen and (max-width: 650px) {
+
+ .page {
+ margin: 20px auto;
+ }
+
+ .nav {
+ padding: 1px;
+ }
+
+ .nav ul {
+ font-size: 0.7em;
+ }
+
+ .content {
+ padding: 0;
+ }
+
+
+
+ .content-text h1 {
+ font-size: 1.5em;
+ }
+
+ .cnt-0 {
+ grid-template-columns: 60vw;
+ grid-template-rows: auto 1fr;
+ justify-items: flex-start;
+ margin: auto;
+ /* display: block;
+ padding: 12px; */
+ }
+
+ .cnt-0-text {
+ padding: 20px 0;
+
+
+ }
+
+
+
+
+
+ ol {
+ list-style: none;
+ }
+
+ ol li {
+ margin-bottom: 50px;
+ border-bottom: 2px solid black;
+ }
+
+}
+
+
+
+
+
+ ol {
+ list-style: none;
+ }
+
+ ol li {
+ margin-bottom: 50px;
+ border-bottom: 2px solid black;
+ }
+
+}