JSFiddle - React, Tailwind, and code Playground
HTML
Your updated css is available here =>
CSS
/*
Theme Name: inFocus HTML/CSS
Theme URI: http://themeforest.net/item/infocus-powerful-professional-html-css-theme/91284
Author URI: http://themeforest.net/user/Webtreats
Version: 1.1
*/
/* --- TOC
01. GENERAL TYPOGRAPHY
1. CSS Reset
2. General
3. Lists Styles
4. Borders & Dividers
5. Tables
6. Forms
7. Images
8. Headers
02. GENERAL LAYOUT
1. General Structure
2. Header
3. Footer
4. Sidebar
5. Breadcrumbs
6. Call to Action
7. Columns
03. PAGE SPECIFIC STYLES
1. Home
2. Portfolio
3. Portfolio Gallery View
4. Portfolio Full Veiw
6. Contact Form
04. BLOG STYLES
1. Blog Index
2. About Author
3. Social Media
4. Popular and Related Posts
5. Threaded Comments
05. WIDGETS
1. Search Box
2. Twitter
3. Flickr
4. Tag Cloud
5. Custom Post Lists
6. Calendar
7. Contact Us Widget
8. Recent Comments
9. Categories, Links, Archives, ETC.
10. RSS Widget
06. MENU
07. EXTRAS
1. Dropcaps
2. Pullquotes
3. Highlight Styles
4. Unordered Lists
5. Toggle Content
6. Button Link Styles
7. Box Styles
8. Pagination
08. New Stuff
--- */
/* ________________________________________________________________________________________________________________
01. GENERAL TYPOGRAPHY
________________________________________________________________________________________________________________ */
@font-face {
font-family: "garamond";
src: url(../fonts/garamond.eot); /* IE */
src: local("garamond"), url(../fonts/garamond.ttf ) format("truetype"); /* non-IE */
}
@font-face {
font-family: "optima";
src: url(../fonts/Optima_Regular.eot); /* IE */
src: local("Optima_Regular"),...