Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- box-sizing: border-box;
- }
- body {
- margin: 0 auto;
- font-family: Roboto Slab, serif;
- }
- .main-header {
- width: 100%;
- padding: 8px 90px;
- position: absolute;
- top: 33px;
- left: 0;
- font-size: 18px;
- background: #010101;
- }
- .main-header > div {
- display: inline-block;
- vertical-align: middle;
- }
- .main-header__brand {
- text-decoration: none;
- color: #FFFFFF;
- font-weight: bold;
- margin: 50px;
- font-size: 26px;
- }
- .main-nav {
- display: inline-block;
- text-align: right;
- vertical-align: middle;
- width: calc(100% - 200px);
- }
- .main-nav__items {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .main-nav__item {
- display: inline-block;
- margin: 0 16px;
- }
- .main-nav__item a {
- text-decoration: none;
- color: white;
- font-weight: bold;
- }
- .main-nav__item a:hover,
- .main-nav__item a:active {
- margin: 0 auto;
- background: #890A02;
- padding: 5px 15px;
- border-radius: 5px;
- }
- .section-main__home {
- color: white;
- background: #890A02;
- text-align: center;
- padding: 150px;
- }
- h1 {
- font-size: 48px;
- margin-top: 230px;
- }
- .section-main__home > p {
- color: #D19292;
- padding: 10px 0 60px 0;
- margin-bottom: 40px;
- }
- .section-main__home > a {
- text-decoration: none;
- color: #890A02;
- background: #FFF;
- font-size: 18px;
- font-weight: bold;
- border-radius: 50px;
- padding: 5px 15px;
- }
- .skills {
- text-align: center;
- font-weight: bold;
- font-size: 36px;
- margin: 110px;
- }
- .section-main__skills {
- text-align: center;
- }
- .section-main__skill {
- display: inline-block;
- width: 30%;
- text-align: center;
- vertical-align: top;
- font-size: 18px;
- }
- .section-main__circle0 {
- margin: 0 auto;
- width: 50%;
- height: 250px;
- border-radius: 50%;
- background: #E44D26;
- }
- .section-main__circle1 {
- margin: 0 auto;
- width: 50%;
- height: 250px;
- border-radius: 50%;
- background: #F1BF26;
- }
- .section-main__circle2 {
- margin: 0 auto;
- width: 50%;
- height: 250px;
- border-radius: 50%;
- background: #379AD6;
- }
- .section-main__skill p {
- display: inline-block;
- width: 50%;
- }
- h3 {
- margin-top: 50px;
- margin-bottom: 0;
- font-size: 28px;
- }
- .section-main__rectangle {
- margin: 170px 0;
- width: 100%;
- height: 50px;
- background: #890A02;
- }
- .section-main__rectangle {
- margin: 160px 0;
- width: 100%;
- height: 50px;
- background: #890A02;
- }
- h2 {
- font-size: 36px;
- text-align: center;
- }
- .section-projects__contentcss {
- margin: 100px 50px;
- text-align: center;
- }
- .section-projects__imagecss {
- width: 35%;
- display: inline-block;
- vertical-align: middle;
- margin: 0 50px;
- }
- .imagecss {
- vertical-align: top;
- margin: 20px;
- }
- .section-projects__info {
- text-align: center;
- padding: 0;
- display: inline-block;
- vertical-align: middle;
- width: 33%;
- }
- .section-projects__url {
- background: #890A02;
- color: white;
- font-weight: bold;
- border-radius: 50px;
- padding: 7px 35px;
- font-size: 24px;
- text-decoration: none;
- }
- .text {
- margin: 0 0 40px 0;
- font-size: 24px;
- vertical-align: bottom;
- }
- .section-projects__contentcs50 {
- text-align: center;
- margin: 125px 50px 170px 50px;
- }
- .section-projects__imagecs50 {
- width: 35%;
- display: inline-block;
- vertical-align: middle;
- margin: 0 50px;
- }
- .imagecs50 {
- vertical-align: top;
- border: 7px solid black;
- }
- footer {
- background: #890A02;
- }
- .footer-items {
- background: #890A02;
- text-align: center;
- margin: 0 80px;
- padding: 30px;
- border-bottom: 2px solid #fff;
- font-weight: bold;
- }
- .footer-item {
- display: inline-block;
- color: white;
- padding: 0 20px;
- text-weight: bold;
- }
- footer h4 {
- text-align: center;
- color: #fff;
- background: #890A02;
- margin: 0 auto;
- padding: 10px 10px 5px 10px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement