JSFiddle - React, Tailwind, and code Playground
by karthick6891
HTML
<!--resume-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Santhana Rajagopalan Resume</title>
<style>
/**
* Globals
*/
h1, h2, .lcolum {
font: small-caps normal 100% Constantia, 'Palatino Linotype', Palatino, Georgia, serif;
}
h1,
header > h1 > span,
header > ul > li:before {
color: #4CA4CB;
}
/**
* Style
*/
* { margin:0; }
html {
background: #9BA2B0;
font-size: 14px;
}
body {
width: 45em;
padding: 7em 10%;
margin: 1em auto;
background: white;
box-shadow: 1px 1px 5px 2px rgba(0,0,0,.3);
font: 100%/1.5 'Segoe UI', Optima, 'Hiragino Kaku Gothic Pro', 'Apple Gothic', Tahoma, 'Helvetica Neue', sans-serif;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
-moz-transition: .5s font-size;
-ms-transition: .5s font-size;
-o-transition: .5s font-size;
-webkit-transition: .5s font-size;
transition: .5s font-size;
}
h1 {
margin-top: 1.2em;
font-size: 160%;
}
h2 {
margin-top: 1em;
font-size: 150%;
}
a {
color:#0B7697;
}
abbr[title] {
border-bottom: 1px dotted #4F6128;
cursor: help;
}
p {
margin: .6em 0;
}
h1 + p {
margin-top: 0;
}
ul {
padding: 0;
list-style: square;
}
header {
text-align: center;
}
header > h1 {
color: #313131;
border-bottom: 1px solid #4CA4CB;
margin: 0 0 .15em;
text-indent: 1.2em;
font-size: 375%;
line-height: 1.05;
font-variant: normal;
}
header > h1 > span {
display: inline-block;
margin-left: -2.7em;
vertical-align: super;
font-size: 50%;
}
header > ul {
display: block;
margin-bottom:...