Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- margin-top: 50px;
- margin-bottom: 50px;
- background: #e5e5e5;
- }
- .container-xl {
- border-top: none;
- border-bottom: none;
- border: 30px solid #fff;
- max-width: 750px;
- }
- img {
- display: block;
- margin-left: auto;
- margin-right: auto;
- width: 150px;display: block;
- margin-left: auto;
- margin-right: auto;
- width: 150px;
- border-radius: 55px;
- }
- .left-heading {
- font-size: 30px;
- font-weight: bold;
- line-height: 35px;
- margin-top: 50px;
- }
- .languages {
- font-size: 20px;
- font-weight: bold;
- line-height: 23px;
- }
- .education-right {
- text-align: right;
- color: red;
- font-size: 30px;
- font-weight: bold;
- line-height: 35px;
- margin-top: 50px;
- }
- .work-right {
- text-align: right;
- color: blue;
- font-size: 30px;
- font-weight: bold;
- line-height: 35px;
- margin-top: 50px;
- }
- .hobbies {
- font-size: 20px;
- font-weight: bold;
- line-height: 23px;
- }
- svg {
- position: absolute;
- top: 0;
- left: 0;
- }
- .container {
- position: relative;
- width: 100%;
- background: #eaeaea;
- padding-bottom: 26%;
- }
- .wave-two {
- transform: rotate(180deg);
- }
- @media screen and (max-width: 800px) {
- .container-xl {
- text-align: center;
- }
- .education-right {
- text-align: center;
- }
- .work-right {
- text-align: center;
- }
- .personal information {
- order: -2;
- }
- .img-div {
- order: -1;
- }
- .education-div {
- order: -1;
- }
- .work-div {
- order: -1;
- }
- .wave-one {
- order: -1;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement