OhSteem Blog Post: 'Heading' to the right direction.

Graphics by @deveerei
OhSteem is a game based on 0hh1.
Test the Game Here
Here are my previous posts about it:
- Sub-Project | OhSteem: A Logic Game (Design/Github/Roadmap) - https://steemit.com/utopian-io/@deveerei/sub-project-or-ohsteem-a-logic-game-design-github-roadmap
- Test Site for OhSteem Live - Forked Open Source Game - https://steemit.com/utopian-io/@deveerei/test-site-for-ohsteem-live-forked-open-source-game
Github Repository:
Why a Blog Post?
- Too short to become a 'Documentation' contribution.
- Too little effort to become a 'Development' contribution.
Here are my previous posts about it:
- Sub-Project | OhSteem: A Logic Game (Design/Github/Roadmap) - https://steemit.com/utopian-io/@deveerei/sub-project-or-ohsteem-a-logic-game-design-github-roadmap
- Test Site for OhSteem Live - Forked Open Source Game - https://steemit.com/utopian-io/@deveerei/test-site-for-ohsteem-live-forked-open-source-game
Github Repository:
Why a Blog Post?
- Too short to become a 'Documentation' contribution.
- Too little effort to become a 'Development' contribution.
This blog post serves as an announcement asking for a call to action for developers to help build the game, as discussed in the previous post "Test Site for OhSteem Live - Forked Open Source Game" I've encountered issues updating the sizes of the headers. I was able to fix some parts of it like this one here:

Screenshot from https://deveerei.github.io/OhSteem/
Under Master Branch OhSteem/css/style.css
, I changed the following parameters that reflects actual changes on the Test Site (https://deveerei.github.io/OhSteem/):
h1,h2,h3 {
text-align: center;
font-family: 'molle';
color: #fff;
font-weight: normal;
margin: 5% 0;
white-space: nowrap;
}
h2 {
font-size: 90px;
margin: 7% 0 0 0;
}
h3 {
font-size: 90px;
margin: 5% 0 0 0;
}
h2#boardsize {
position: relative;
z-index: 10;
font-family: 'Josefin Sans', sans-serif;
margin-top: 3%;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
Font Sizes listed above were previously containing the attributes of 15vw
, changed it to a lower attribute first but does not change anything so I opted to set it as 90px
.
However I still need some help in this page here:

Screenshot from https://deveerei.github.io/OhSteem/
This page is where you select the board size before starting the game itself - I can't seem to fix it. There's a possibility of delayed implementation but I don't think that's it.
The landing page seems to be fine now too, look at this screenshot or check it out on the Test Site (https://deveerei.github.io/OhSteem/).

Screenshot from https://deveerei.github.io/OhSteem/
However, the animation at the start have been messed up when I tried making it into "Oh Steem" instead of "0h h1". Look here or check it out on the Test Site (https://deveerei.github.io/OhSteem/).

Screenshot from https://deveerei.github.io/OhSteem/
I'm no developer and I only have some basic rusty knowledge of CSS and HTML.
So, right now, I need help with 2 things:
- A pull request containing codes to fix the Header under Size Selection of the game.
- A suggestion or a pull request containing codes fixing the animation at the start of the page.
Thanks to those who will respond!
Posted on Utopian.io - Rewarding Open Source Contributors