Updated styling of landing page

[rohankewal]

I made some changes to the landing page style. Please check it out in the home.css file and let me know if there are any changes to be made.

[arnavb]

@rohankewal I was doing some messing around with the styles and I got the following:

If you're wondering, these are the CSS styles I used:

home.css

.body {
  background-color: white;
}

.slogan {
  color: #2b2d42;
  font-size: x-large;
  padding-bottom: 5px;
}

#main-logo {
  width: 220px;
  height: 220px;
}

#title {
  color: #d90429;
  font-size: 90px;
  letter-spacing: 0.3em;
}

#start-btn {
  background-color: #2b2d42;
  color: #edf2f4;
  font-size: 20px;
}

(#main-logo is an id I added to the image)

I still think though, that the landing page seems kind of bland. Maybe some particle effects in the background would be good? What do you think? (You don't have to use what I paste above, it was just me experimenting). Letter spacing is an interesting property.

Other interesting backgrounds include WebGL backgrounds.

[arnavb]

The particles look fine. Could you reduce their density and make them the background of the hero?

[rohankewal]

Yes I can reduce the density, and I will figure out how to make it the background as well.

[arnavb]

Minor change, but we are using functional components with hooks for anything requiring state.