Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- margin: 0;
- }
- header{
- font-family: sans-serif;
- background: url("../static/images/resume/header-background.jpg");
- background-size: cover;
- color: white;
- height: 100vh;
- background-position: center;
- background-attachment: fixed;
- margin: 0;
- }
- /*code for header*/
- .home-tabs{
- display: flex;
- margin: 0;
- margin-left: 20vw;
- margin-right: 20vw;
- }
- .tab{
- flex-grow: 1;
- display: inline;
- }
- header ul{
- margin: 0;
- list-style: none;
- }
- a{
- color: white;
- text-decoration: none;
- }
- a:hover{
- color: #d7cfcf;
- }
- header{
- text-align: center;
- }
- .home-content{
- text-align: center;
- margin-top: 22vh;
- }
- header p{
- width: 30vw;
- margin: auto;
- color: #d7cfcf;
- }
- span{
- color: white;
- font-size: 17px;
- }
- .social-icons{
- margin-top: 8vh;
- text-align: center;
- display: flex;
- margin-left: 35vw;
- margin-right: 35vw;
- }
- .image{
- flex-grow: 1;
- }
- .image:hover{
- filter: brightness(140%);
- }
- /*Code for main first section*/
- section{
- height: 100vh;
- display: flex;
- border-bottom: 2px solid grey;
- }
- .section-about{
- background: #dedddd;
- flex-wrap: wrap;
- }
- .lhs{
- margin-top: 10px;
- width: 25%;
- }
- .lhs p{
- border-bottom:5px solid #2196f38f;
- display: inline-block;
- position: absolute;
- margin: 0;
- }
- .rhs{
- margin-top: 10px;
- width: 75%;
- display: inline-block;
- }
- .rhs p{
- margin: 0;
- }
- .italic{
- font-style: italic;
- font-size: 14px;
- }
- /*code for second section */
- .section-skills{
- background: #dedddd;
- flex-wrap: wrap;
- }
- .bar{
- background: grey;
- width: 60%;
- height: 5%;
- }
- .bar-span{
- background: black;
- display: block;
- height: 100%;
- }
- .sixty{
- width: 60%;
- }
- .fifty{
- width: 50%;
- }
- .fourty{
- width: 40%;
- }
- .eighty{
- width: 80%;
- }
- .ninety{
- width: 90%;
- }
- .seventy{
- width: 60%;
- }
Add Comment
Please, Sign In to add comment