JSFiddle - React, Tailwind, and code Playground

HTML

<h2>About Stacey</h2>

<h3>Hi there!</h3>
<p>I'm Stacey, a qualified engineer with a BEng in mechatronics who has been designing digital systems for the past five years including ... (go into a little bit of project overview here) ...</p>

<p> I also am a native English speaker and have a formal education in professional communication in English.</p>

<h3>Specialties</h3>
<div class="specialty">
    <h4 class="subtitle">Signal processing:</h4> I have a solid DSP theoretical background, and have written Matlab/VHDL modules that channelise, process video data, and calculate fluid flow.
</div>
<div class="specialty">
    <h4 class="subtitle">Programming microcontrollers:</h4> I've created FPGA board circuit designs, have worked with SOC devices, and programmed PC applications in Perl, Python, C++, and Java.
</div>

<div class="contact">If you're interested in my services or would like to know more about what I do, feel free to contact me at <a href="mailto:example@example.com">stacey@mydomain.com</a></div>

CSS

* { box-sizing:border-box; }
body {
    background:rgb(20,20,20);
    color:rgb(220,220,220);
    font-size:20px;
    line-height:1.4;
    max-width:900px;
    margin:0 auto;
    padding:0 30px;
}
h2 {
    text-transform:uppercase;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
}
h3 {
    margin-bottom:.3em;
    color:#6AB4A8;
}
.specialty {
    margin-bottom:1em;
}
.subtitle {
    font-weight:bold;
    color:#6AB4A8;
    margin-bottom:.3em;
}
.contact {
    text-align:center;
    max-width:70%;
    margin:0 auto;
}
.contact a {
    color:#6AB4A8;
}
div h4:first-child, h3 + p {
    margin-top:0;
}