intermediate rails css stylesheet look like thoughtbot homepage

application.css

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */


/**{
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent
}

body {
background-color: #FCFCFC;
border-top: 4px solid #ad141e;
color: #2B2B2B;
font: 400 16px "skolar-1","skolar-2",Georgia,serif;
text-align: center;
padding: 0 20px;
}

a:visited {
color: #96111a;
text-decoration: none;
}

a:link, a:active {
color: #ad141e;
text-decoration: none;
}

a:visited {
color: #1a4882;
}

a, a:link {
color: #1a4882;
text-decoration: underline;
}

a:link, a:active {
color: #ad141e;
text-decoration: none;
}

a:visited {
color: #96111a;
text-decoration: none;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
font-size: inherit;
padding: 3px 2px;
width: 300px;
}