JSFiddle - React, Tailwind, and code Playground
HTML
/*
Theme Name: Bewustsite
Description: Wordpress theme voor Bewustsite.nl
Version: 0.1
Author: Picoba Webdesign
Author URI: http://www.picoba.nl
*/
@import url('reset.css');
@font-face {
font-family: 'Museo-300';
src: url('webfonts/23D6D1_0_0.eot');
src: url('webfonts/23D6D1_0_0.eot?#iefix') format('embedded-opentype'),
url('webfonts/23D6D1_0_0.woff') format('woff'),
url('webfonts/23D6D1_0_0.ttf') format('truetype'),
url('webfonts/23D6D1_0_0.svg#wf') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Museo-500';
src: url('webfonts/23D6D1_1_0.eot');
src: url('webfonts/23D6D1_1_0.eot?#iefix') format('embedded-opentype'),
url('webfonts/23D6D1_1_0.woff') format('woff'),
url('webfonts/23D6D1_1_0.ttf') format('truetype'),
url('webfonts/23D6D1_1_0.svg#wf') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans-300';
src: url('webfonts/23D6D1_2_0.eot');
src: url('webfonts/23D6D1_2_0.eot?#iefix') format('embedded-opentype'),
url('webfonts/23D6D1_2_0.woff') format('woff'),
url('webfonts/23D6D1_2_0.ttf') format('truetype'),
url('webfonts/23D6D1_2_0.svg#wf') format('svg');
}
::-moz-selection { background: #9fdd35; color: #fff; text-shadow: none; }
::selection { background: #9fdd35; color: #fff; text-shadow: none; }
body {
background-color: #eae9e9;
color: #383734;
font-family: "MuseoSans-300", Georgia;
line-height: 1.5em; /* 24 / 16 */
}
h1,h2,h3,h4 {
font-family: "Museo-300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2{
border-bottom: 7px solid rgba(125, 106, 129, .1);
border-top: 7px solid rgba(125, 106, 129, .1);
font-size: 1.875em; /* 30 / 16 */
line-height: 1.33333333em; /* 32 / 16 */
padding: 1.5em 0;
text-shadow: 1px 1px 0 #ffffff;
}
h3 {
border-bottom: 7px solid rgba(125,...