Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * { box-sizing: border-box;
- margin: 0;
- padding :0;
- }
- body {
- background: url("../img/pic3.jpg");
- padding-top: 60px;
- color: #34495e;
- }
- /*navigation bar*/
- .nav {
- position: fixed;
- width: 100%;
- top:0;
- height:50px;
- left:0;
- background-color: #000;
- }
- /*home button*/
- #home {
- position: relative;
- top:1px;
- height:40px;
- left:40px;
- padding:1px 20px ;
- text-decoration: none;
- }
- .nav ul {
- position: relative;
- float:right;
- padding-right:40px;
- top:3px;
- }
- .nav ul li {
- display: inline-block;
- padding: 6px 10px ;
- }
- .nav ul li a {
- color:#8bacce;
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-decoration: none;
- }
- .nav li a {
- padding:10px ;
- }
- .nav a:hover , #home:hover {
- text-decoration: none;
- transition: color 600ms;
- -webkit-transition: color 600ms;
- background-color:#9bb3db;
- font-weight: bold;
- color: #6f2874;
- }
- /*container styles*/
- .container {
- margin:0 auto;
- width :80%;
- }
- /*main heading*/
- #header h1 {
- margin: 40px;
- text-align: center;
- font-size: 30px;
- }
- .image {
- display:inline;
- float:left;
- width:33%;
- }
- .pic1 {
- width:100%;
- }
- /*Introduction & skills section*/
- .column {
- display:inline;
- float:left;
- padding: 0 30px;
- margin-left:30px;
- margin-bottom: 30px;
- width:30%;
- }
- .column h3 ,
- .column h2 {
- margin-top:20px;
- margin-bottom: 5px;
- text-align: center;
- }
- .column p {
- margin-top: 5px;
- }
- /*More about me paragraph and the pic */
- .main-text {
- position: relative;
- clear: both;
- padding:30px 20px;
- max-width:50%;
- }
- #pic4 {
- position: absolute;
- left:700px;
- top: 80px;
- width:400px;
- z-index:-1;
- }
- /*where can I get some paragraph and the pic*/
- #description {
- position: relative;
- top:10px;
- left: 500px;
- max-width:50%;
- margin-bottom: 100px;
- }
- #pic5 {
- position: absolute;
- right:700px;
- width:300px;
- top:0;
- }
- /*Typography*/
- #home {
- font-family: 'Shadows Into Light', cursive;
- font-weight: bold;
- font-size:30px;
- color: #3182bd;
- }
- p ,
- li {
- font-family: 'Shadows Into Light', cursive;
- font-size:20px;
- color: #2e406f;
- }
- h1 ,
- h2 ,
- h3 {
- font-size: 28px;
- font-family: Papyrus,fantasy;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement