diff --git a/2.png b/2.png new file mode 100644 index 0000000..f404efb Binary files /dev/null and b/2.png differ diff --git a/3.png b/3.png new file mode 100644 index 0000000..3e04ca7 Binary files /dev/null and b/3.png differ diff --git a/Readme.md.txt b/Readme.md.txt new file mode 100644 index 0000000..d57d598 --- /dev/null +++ b/Readme.md.txt @@ -0,0 +1,98 @@ +Slide 1: - +Good morning/Afternoon Everyone presents here, I am Harsh Jain and this is Team Gravity presenting a solution on how to increase the number of registered voters. + +Problems are: - + +•The process of applying for voter ID is tough as well as lengthy. +There is nothing so much interesting about voting. +•Lack of awareness about voting +•And what is the necessity to vote +•To verify these statements we did enough research, with a conclusion that this problem is true + + +These problems are also faced by +Migrants, shopkeepers, students, and housewives. + +• And This has been verified by an article released by “The Times of India”. +• Stating that the +• As many as 91% of urban migrants are not registered to vote +• But the process is painful, particularly if you are not from the same state. +• language is a barrier. + + But the interesting part is, people want to vote. + +if we talk about the present scenario of the migrant voting system:- +ECI has launched a Remote Voting machine to let migrants vote separately. + +They have the facility to transfer their voter id card from one place to other. + +also, they can use their rental address proof to apply for a voter id card as a migrant. + +But still, people don’t prefer to take part in the Indian election system. + +To come up with this problem we are designing a + + + +A website that can be a voter’s Guide +We have designed the website as aapka adhikar, where we support, promote, and relay information about voting and voting criteria. + +The website tells an individual that +why voting is important, and how every fair vote matters in the election system. +The website also consists of a voter Id registration form. + +People say the form is very lengthy and tough to fill. + +To solve this problem we have added a data backup system in which the website saves the half-fill form so that the users can continue filling the form once again from where they left off last time. + + +To cheer up Indian citizens about voting we have used foreign election data, which informs how a large amount of urban-rural and migrants vote together for a leader, and how beneficial it becomes for them, by choosing a correct leader or choosing with NOTA. + + To make the website more interesting and public we have introduced a virtual voting system, where people like migrants, and housewives can try voting. +This will give them a feel of how interesting the voting system can be when we see our choice once, winning. + + +Don’t you feel people will be more interested if someone asks them what they expect from the government? +to come up with this we have designed a portal where people can raise a query, about issues they face during registration, and can also share their thoughts on what they want from govt., this will take the website to try every individual because every citizen wants to raise voice about their needs and requirements. + +Apart from this, there are major steps that can be taken by the ECI that can help them register migrants with more ease. + + +ECI can collaborate with Private companies for verification purposes, a company holds a large amount of data on their employees. + + which can be used for verification purposes. +Once verified, the ECI can release temporary voter id cards for migrant voters that automatically dissolve once the elections are over. +In this way, the issue of shifting the migrant voter ID card can be neglected. + + +Same way ECI can also collaborate with colleges where groups like NSS can help ECI promoting people to register for voter id cards. +informing about the govt. websites, and the process of registration. + + +Now, let's take a look at how our website can be improved over time:- + +Before looking at the future update, first, let's take a look at what are we getting from the website. +So the website gives us DATA. +This data can be consistently used to automate websites by the time + +With this data, the website can be trained for Fraud detection +Artifical intelligence-bas Aadhar and pan verification. + +Multidivision database system, where the website maintains the data of migrants and locals separately. + +And a Self-learning AI can be deployed that can learn to guide the new registering person. + +I hope till now I made clear what problem we are solving and how will it ease the process of ECI. + +But the question is, in the field of Virtual reality, blockchain, and cloud computing why do we promote a simple website? + +, the answer is clear using a website is very easy to handle, can be updated from time to time, has a low maintenance cost, +Easy to share among large groups of people and if required it can be easily compiled with the ECI present websites. + +. + + + + + + diff --git a/commentBox.css b/commentBox.css new file mode 100644 index 0000000..1d043fe --- /dev/null +++ b/commentBox.css @@ -0,0 +1,117 @@ +* { + margin: 30; + padding: 30; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +#load{ + margin: auto; + width: 100%; + height: -webkit-fill-available; + position: fixed; + background: #fff url(/images/Spin-Preloader-1.gif) no-repeat center; + z-index: 9999999; +} +.header { + padding: 0%; + display: flex; + text-align: center; + margin: auto; + flex-direction: column; +} + +body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 100vh; + background: url("../../images/contact.png"); + background-size: cover; + background-repeat: no-repeat; + font-family: "Lato", sans-serif; + +} + +h1 { + font-size: 50px; + font-weight: 900; + color: #fff; +} +p{ + color: #fff; +} +.sr-only:not(:focus):not(:active) { + clip: rect(0 0 0 0); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + overflow: hidden; + position: absolute; + white-space: nowrap; + width: 1px; +} + +.form-container { + padding: 3rem 4rem; +border-radius: 20px; + background-color: rgba(0, 0, 0, 0.5); +} + +a { + text-decoration: none; + display:flex; + margin:auto; +} +.atag { + text-decoration: none; + width:75px; +} +.tag{ + width:60px; + margin:0 !important; + text-decoration: none; + color: #fff; +} +a .btn { + margin-top: 18px; + border: 2px solid #137afc; + color: #fff; + cursor: pointer; + background-color: #137afc; + box-shadow: inset 0 0 0 0 #137afc; + border-radius: 8px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; + transition: ease-out 0.4s; + -webkit-transition: ease-out 0.4s; + -moz-transition: ease-out 0.4s; + -ms-transition: ease-out 0.4s; + -o-transition: ease-out 0.4s; +} + +a .btn { + display: block; + text-decoration: none; + font-family: "Montserrat", sans-serif; + font-weight: 500; + height: 2.4rem; + width: 7.1rem; + text-align: center; + display: flex; + justify-content: center; + align-items: center; +} + +a .btn:hover { + border: 2px solid #137afc; + box-shadow: inset 130px 0 0 0 #fff; + color: #137afc; +} diff --git a/commentBox.html b/commentBox.html new file mode 100644 index 0000000..1a861d4 --- /dev/null +++ b/commentBox.html @@ -0,0 +1,62 @@ + + + + + + + + + Register for your voter ID Card + + + + + +
+ +
+
+
+

Register with voter ID card

+

+ You need to register with your voter ID card details to make your suggestions reach Government!!! +

+
+ +
+
+ + +
+ +
+ + +
+
+ + +
+ +
+ + +
+ + + + +
+

← Back

+
+
+ + + + + diff --git a/commentSec.css b/commentSec.css new file mode 100644 index 0000000..e2cbd49 --- /dev/null +++ b/commentSec.css @@ -0,0 +1,127 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; + +} + +.main{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + margin-top: 50px; + + +} + +.full-boxer{ + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + width: 100%; +} + +.box-top{ + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; +} + +.comment-box:hover{ + margin-top: 12px; +} + +.comment-box{ + width: 500px; + background: rgb(233, 202, 146); + padding: 20px; + margin: 15px; + border-radius: 8px; + cursor: pointer; + box-shadow: 3px 3px 25px rgba(0,0,0,0.3); + padding-top: 0px; + padding-bottom: 0px; +} + +.Profile{ + display: flex; + align-items: center; +} + +.profile-image{ + width: 70px; + height: 70px; + box-shadow: 2px 2px 30px rgba(0,0,0,0.3); + overflow: hidden; + border-radius: 50%; + margin-right: 10px; +} + +.profile-image img{ + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; +} + +.Name{ + display: flex; + flex-direction: column; + margin-left: 10px; +} + +.Name strong{ + color: black; + font-size: 18px; +} + +.Name span{ + color: gray; + margin-top: 2px; +} + +.comment p{ + color: black; +} +h1{ + text-align: center; + font-family:Arial, Helvetica, sans-serif; + position:relative; + bottom:-6px; + vertical-align:bottom; +} +button { + + padding: 14px 20px; + box-sizing: border-box; + background-color: black; + text-align: center; + padding-left: 37%; + padding-right: 37%; + margin-left: 2.9%; + margin-right: 2%; + margin-bottom: 2%; + margin-top: 3%; + + } + a{ + text-transform: uppercase; + text-decoration: none; +padding-left: 2vw; +padding-right: 2vw; +color: white; +font-weight: bold; +text-align: center; +font-size: 150%; + + } + + a #buttons{ + text-align: center; + margin-left: 4%; + } \ No newline at end of file diff --git a/commentSec.html b/commentSec.html new file mode 100644 index 0000000..f6925b8 --- /dev/null +++ b/commentSec.html @@ -0,0 +1,104 @@ + + + + + + + Feedbacks + + + +

Some valuable feedbacks from citizens

+
+
+
+
+
+
+ +
+
+ Harsh Jain + @Harsh Jain +
+
+
+
+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum is simply dummy text of the printing and typesetting industry. +

+
+
+ +
+
+
+
+ +
+
+ Senuda Dilwan + @senuda dilwan +
+
+
+
+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum is simply dummy text of the printing and typesetting industry. +

+
+
+ +
+
+
+
+ +
+
+ Rumali fernando + @Rumali fernando +
+
+
+
+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum is simply dummy text of the printing and typesetting industry. +

+
+
+ +
+
+
+
+ +
+
+ Midinu Thiranjana + @Midinu Thiranjana +
+
+
+
+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum is simply dummy text of the printing and typesetting industry. +

+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/contact.css b/contact.css new file mode 100644 index 0000000..02dc5ae --- /dev/null +++ b/contact.css @@ -0,0 +1,92 @@ +*{ + background-image: "flag"; +} +.form-style-6{ + font: 95% Arial, Helvetica, sans-serif; + max-width: 400px; + margin: 10px auto; + padding: 16px; + background: rgb(198, 237, 209); +} +.form-style-6 h1{ + background: #d56f38; + padding: 20px 0; + font-size: 140%; + font-weight: 300; + text-align: center; + color: #F7F7F7; + margin: -16px -16px 16px -16px; +} +.form-style-6 input[type="text"], +.form-style-6 input[type="date"], +.form-style-6 input[type="datetime"], +.form-style-6 input[type="email"], +.form-style-6 input[type="number"], +.form-style-6 input[type="search"], +.form-style-6 input[type="time"], +.form-style-6 input[type="url"], +.form-style-6 textarea, +.form-style-6 select + +{ + + -webkit-transition: all 0.30s ease-in-out; + -moz-transition: all 0.30s ease-in-out; + -ms-transition: all 0.30s ease-in-out; + -o-transition: all 0.30s ease-in-out; + outline: none; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; + background: #fff; + margin-bottom: 4%; + border: 1px solid #ccc; + padding: 3%; + color: #555; + font: 95% Arial, Helvetica, sans-serif; +} +.form-style-6 input[type="text"]:focus, +.form-style-6 input[type="date"]:focus, +.form-style-6 input[type="datetime"]:focus, +.form-style-6 input[type="email"]:focus, +.form-style-6 input[type="number"]:focus, +.form-style-6 input[type="search"]:focus, +.form-style-6 input[type="time"]:focus, +.form-style-6 input[type="url"]:focus, +.form-style-6 textarea:focus, +.form-style-6 select:focus +{ + box-shadow: 0 0 5px #d56f38; + padding: 3%; + border: 1px solid #d56f38; +} + +.form-style-6 input[type="submit"], +.form-style-6 input[type="button"]{ + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; + padding: 3%; + background: #d56f38; + border-bottom: 2px solid #d56f38; + border-top-style: none; + border-right-style: none; + border-left-style: none; + color: #fff; +} +.form-style-6 input[type="submit"]:hover, +.form-style-6 input[type="button"]:hover{ + background: #d56f38; +} +a{ + text-decoration: none; +padding-left: 2vw; +padding-right: 2vw; +color: #ffffff; +font-weight: bold; +text-align: center; +background: #d56f38; + +} \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..cee7968 --- /dev/null +++ b/contact.html @@ -0,0 +1,35 @@ + + + + + + + + + Register for your voter ID Card + + + + + +
+

Register For Voter ID Card

+
+ + + + + + + + + + + Restore + +
+
+ + + + diff --git a/contact1.html b/contact1.html new file mode 100644 index 0000000..30bc3cf --- /dev/null +++ b/contact1.html @@ -0,0 +1,36 @@ + + + + + + + + + Register for your voter ID Card + + + + + +
+

Register For Voter ID Card

+
+ + + + + + + + + + + + Restore + +
+
+ + + + diff --git a/flag.jpeg b/flag.jpeg new file mode 100644 index 0000000..98ac56a Binary files /dev/null and b/flag.jpeg differ diff --git a/flowchart.webp b/flowchart.webp new file mode 100644 index 0000000..7597f55 Binary files /dev/null and b/flowchart.webp differ diff --git a/function.js b/function.js new file mode 100644 index 0000000..14431f3 --- /dev/null +++ b/function.js @@ -0,0 +1,9 @@ +window.onscroll = function() {scrollFunction()}; + +function scrollFunction() { + if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { + document.getElementById("navbar").style.top = "0"; + } else { + document.getElementById("navbar").style.top = "-50px"; + } +} \ No newline at end of file diff --git a/home1.jpg b/home1.jpg new file mode 100644 index 0000000..7c1cdbf Binary files /dev/null and b/home1.jpg differ diff --git a/home2.jpg b/home2.jpg new file mode 100644 index 0000000..0788dfe Binary files /dev/null and b/home2.jpg differ diff --git a/importance.png b/importance.png new file mode 100644 index 0000000..584ee11 Binary files /dev/null and b/importance.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..51672ae --- /dev/null +++ b/index.html @@ -0,0 +1,78 @@ + + + + + + + Document + + + + + +
+

AAP KA ADHIKAR

+
+ +
+
+

Foregin Electoral Carnivels

+

2020 presidential election: Approximately 66.4% of eligible voters cast their ballots, which is the highest turnout in a presidential election since 1900. + + 2018 midterm election: Approximately 50.3% of eligible voters cast their ballots, which is the highest turnout for a midterm election since 1914. + + 2016 presidential election: Approximately 60.2% of eligible voters cast their ballots. + + 2014 midterm election: Approximately 36.4% of eligible voters cast their ballots. + + It's worth noting that voter turnout can also vary significantly by state, with some states consistently reporting higher turnout than others. Additionally, there are efforts underway in the United States to make voting more accessible and increase voter turnout, such as expanding early voting, implementing automatic voter registration, and making voting by mail more widely available.

+ + +
+
+
+

Know Your Rights

+
+ +

Importance Of Voting

+ + +

It has been customary to speak vehemently about any candidate or elected leader of any legislative assembly or parliament. The fault-finding then shifts to the 'System,' and how democracy is failing to function properly. However, 'What the people can do' to deepen democratic roots and bring about systemic change has received relatively little attention. It is the obligation of the chosen leader to satisfy the wishes of the voters, just as it is the responsibility of the Indian people to contribute to the selection of the best leader for their representation. + + + People have been given a powerful right by democracy: the right to vote. Voting is the cornerstone of democracy's slogan, "Of the people, for the people, and by the people." As a result, rather than viewing it as a vacation, one must vote if one actually wants to participate in the nation-building process and effect change. A citizen should not have to look for a reason to vote. Although there is no legal obligation to vote, it must be done as a compulsion.

+ + + + +

Process Of Voting

+

The election commission of India offers online voter registration for Indian citizens who have attained the age of 18 on the qualifying date (1st of January of the year of revision of the electoral roll). Citizens, can enroll himself/herself as General Voters and fill out Form 6 online at National Voters' Service Portal. Registered voters should also check their enrollment status.

+ + + + +
+
+

Contribute Creativity To Government

+

Our Government has brought up an initiative to increase voter turnout through the creativity of young citizens .To contribute your ideas like posters, jingles, inspiring videos, etc, upload your ideas below to donate your ideas and be the part of the worlds biggest electoral festival

+
+ + +
+
+ +
+
+ +
+ + \ No newline at end of file diff --git a/indian-political-parties.jpeg b/indian-political-parties.jpeg new file mode 100644 index 0000000..786aa32 Binary files /dev/null and b/indian-political-parties.jpeg differ diff --git a/login.css b/login.css new file mode 100644 index 0000000..2479ac4 --- /dev/null +++ b/login.css @@ -0,0 +1,71 @@ +/* Bordered form */ +form { + border: 3px solid #f1f1f1; + } + + /* Full-width inputs */ + input[type=text], input[type=password] { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + box-sizing: border-box; + } + + /* Set a style for all buttons */ + button { + background-color: #04AA6D; + color: white; + padding: 14px 20px; + margin: 8px 0; + border: none; + cursor: pointer; + width: 100%; + } + + /* Add a hover effect for buttons */ + button:hover { + opacity: 0.8; + } + + /* Extra style for the cancel button (red) */ + .cancelbtn { + width: auto; + padding: 10px 18px; + background-color: #f44336; + } + + /* Center the avatar image inside this container */ + .imgcontainer { + text-align: center; + margin: 24px 0 12px 0; + } + + /* Avatar image */ + img.avatar { + width: 10%; + border-radius: 50%; + } + + /* Add padding to containers */ + .container { + padding: 16px; + } + + /* The "Forgot password" text */ + span.psw { + float: right; + padding-top: 16px; + } + + /* Change styles for span and cancel button on extra small screens */ + @media screen and (max-width: 300px) { + span.psw { + display: block; + float: none; + } + .cancelbtn { + width: 100%; + } + } \ No newline at end of file diff --git a/login.html b/login.html new file mode 100644 index 0000000..720bf97 --- /dev/null +++ b/login.html @@ -0,0 +1,36 @@ + + + + + + + Lets Vote For Our Future + + + + +
+
+ Avatar +
+ +
+ + + + + + + + +
+ +
+ + Forgot password? +
+
+ + \ No newline at end of file diff --git a/poll.css b/poll.css new file mode 100644 index 0000000..e527860 --- /dev/null +++ b/poll.css @@ -0,0 +1,137 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} +body{ + display: flex; + align-items: center; + justify-content: center; + min-height: 100vh; + background-image: url("images/politicalParties.jpg"); + +} +::selection{ + color: #fff; + background: #6665ee; +} +.wrapper{ + background: #fff; + border-radius: 15px; + padding: 25px; + max-width: 380px; + width: 100%; + box-shadow: 0px 5px 10px rgba(0,0,0,0.1); +} +.wrapper header{ + font-size: 22px; + font-weight: 600; +} +.wrapper .poll-area{ + margin: 20px 0 15px 0; +} +.poll-area label{ + display: block; + margin-bottom: 10px; + border-radius: 5px; + padding: 8px 15px; + border: 2px solid #e6e6e6; + transition: all 0.2s ease; +} +.poll-area label:hover{ + border-color: #ddd; +} +label.selected{ + border-color: #6665ee!important; +} +label .row{ + display: flex; + pointer-events: none; + justify-content: space-between; +} +label .row .column{ + display: flex; + align-items: center; +} +label .row .circle{ + height: 19px; + width: 19px; + display: block; + border: 2px solid #ccc; + border-radius: 50%; + margin-right: 10px; + position: relative; +} +label.selected .row .circle{ + border-color: #6665ee; +} +label .row .circle::after{ + content: ""; + height: 11px; + width: 11px; + background: #6665ee; + border-radius: inherit; + position: absolute; + left: 2px; + top: 2px; + display: none; +} +.poll-area label:hover .row .circle::after{ + display: block; + background: #e6e6e6; +} +label.selected .row .circle::after{ + display: block; + background: #6665ee!important; +} +label .row span{ + font-size: 16px; + font-weight: 500; +} +label .row .percent{ + display: none; +} +label .progress{ + height: 7px; + width: 100%; + position: relative; + background: #f0f0f0; + margin: 8px 0 3px 0; + border-radius: 30px; + display: none; + pointer-events: none; +} +label .progress:after{ + position: absolute; + content: ""; + height: 100%; + background: #ccc; + width: calc(1% * var(--w)); + border-radius: inherit; + transition: all 0.2s ease; +} +label.selected .progress::after{ + background: #6665ee; +} +label.selectall .progress, +label.selectall .row .percent{ + display: block; +} +input[type="radio"], +input[type="checkbox"]{ + display: none; +} +a{ + text-decoration: none; +padding-left: 5%; +padding-right: 5%; +color: #000000; +font-weight: bold; +font-size: 30px; +text-align: center; +} +#buttons{ + text-align: center; +} \ No newline at end of file diff --git a/poll.html b/poll.html new file mode 100644 index 0000000..fbf622b --- /dev/null +++ b/poll.html @@ -0,0 +1,65 @@ + + + + + + + + + + +
+
Who might make the government
+
+ + + + + + + + +
+
+ BACK + + + + + diff --git a/poll.js b/poll.js new file mode 100644 index 0000000..1873942 --- /dev/null +++ b/poll.js @@ -0,0 +1,37 @@ +const options = document.querySelectorAll("label"); +for (let i = 0; i < options.length; i++) { + options[i].addEventListener("click", ()=>{ + for (let j = 0; j < options.length; j++) { + if(options[j].classList.contains("selected")){ + options[j].classList.remove("selected"); + } + } + + options[i].classList.add("selected"); + for (let k = 0; k < options.length; k++) { + options[k].classList.add("selectall"); + } + + let forVal = options[i].getAttribute("for"); + let selectInput = document.querySelector("#"+forVal); + let getAtt = selectInput.getAttribute("type"); + if(getAtt == "checkbox"){ + selectInput.setAttribute("type", "radio"); + }else if(selectInput.checked == true){ + options[i].classList.remove("selected"); + selectInput.setAttribute("type", "checkbox"); + } + + let array = []; + for (let l = 0; l < options.length; l++) { + if(options[l].classList.contains("selected")){ + array.push(l); + } + } + if(array.length == 0){ + for (let m = 0; m < options.length; m++) { + options[m].removeAttribute("class"); + } + } + }); +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..c9faaa6 --- /dev/null +++ b/style.css @@ -0,0 +1,89 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0px; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +header h1 { + text-align: center; + font-size: 40px; + color: white; +} + +header { + padding: 40px; + background-color: rgba(0, 0, 0, 0.973); +} + +nav { + background-color: #d81c1c; + overflow: hidden; + +} + +nav a { + text-decoration: none; + padding-top: 20px; + padding-bottom: 20px; + padding-left: 4.5vw; + padding-right: 4.5vw; + text-align: center; + float: left; + color: white; + +} + +main { + background-color:white; + + +} + +h2 { + padding: 20px; + margin: 0%; + background-color: #fff3cd; + color: #856404; +} + + + + +#flowchart { + padding-left: 10vw; + padding-right: 10vw; + padding-top: 3vw; + padding-bottom: 3vw; + +} +#importance{ + size: 50%; +} + +section h5 { + margin: 40px; +} + +section{ + text-align: center; + +} +main section p{ + padding-left: 4vw; + padding-right: 4vw; +} + +.grid-container{ + display: flex; + grid-auto-rows: minmax(50px,auto); +} + +.grid-container > div{ + + padding: 20px; + font-size: medium ; + +} diff --git a/team gravity website guidelines.pdf b/team gravity website guidelines.pdf new file mode 100644 index 0000000..bc67990 Binary files /dev/null and b/team gravity website guidelines.pdf differ