Skip to content

Instantly share code, notes, and snippets.

@tiagodealmeida
Last active September 27, 2016 08:42
Show Gist options
  • Save tiagodealmeida/aef636060fded4f73728d32759a78865 to your computer and use it in GitHub Desktop.
Save tiagodealmeida/aef636060fded4f73728d32759a78865 to your computer and use it in GitHub Desktop.
CSS update for task 1.5
* { box-sizing: border-box; }
.jumbotron {
background-image: url("../img/about_me3.jpg");
background-position: 80% 55%;
position: fixed;
width: 100%;
height: 100%;
margin: 0 100px 0 auto;
opacity: 0.8;
}
.container {
position: relative;
width: 100%;
margin: 0 100px 0 auto;
}
.header h1 {
text-align: center;
margin-bottom: 40px;
}
.services {
display: inline-block;
float: left;
width: 25%;
padding: 0 20px;
}
.main-text {
clear: both;
padding-top: 60px;
}
.image-size {
width: 75%;
}
.services h3 {
margin-right: 40px;
text-align: center;
text-transform: uppercase;
}
#services-list {
margin-left: 50px;
}
.services {
position: relative;
left: 35%;
}
.main-text {
display: block;
position: relative;
bottom: 305px;
left: 60%;
width: 30%;
padding: 0 20px;
}
a {
position: relative;
bottom: 370px;
left: 50px;
color: WhiteSmoke;
}
/*Typography*/
h1,
h3,
p,
li,
a {
font-family: Fester, Futura, Helvetica, Arial, sans-serif;
letter-spacing: 1px;
line-height: 130%;
}
body p li {
font-family: Fester, 'Gentium Book Basic', Georgia, "Times New Roman", serif;
}
p {
font-family: Fester, 'Economica', Futura, Helvetica, Arial, sans-serif;
font-size: 1.9em;
font-weight: 100;
letter-spacing: 2px;
-webkit-margin-before: 0;
text-align: justify;
}
body {
background-color: WhiteSmoke;
color: #34495e;
}
.services {
color: #34495e;
padding: 10px 50px 10px 1px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment