Advertisement
MrKubic

CSS MC

Feb 21st, 2018
382
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.30 KB | None | 0 0
  1. *{
  2.     margin: 0;
  3.     padding: 0;
  4.     font-family: "Roboto Medium";
  5. }
  6. body{
  7.     background: url("../src/background_2_desaturated.jpg") no-repeat;
  8.     background-size:cover;
  9.     box-sizing: border-box;
  10. }
  11. header{
  12.  
  13.  
  14. }
  15. nav{
  16.     font-size: 12px;
  17.     margin-left: 170px;
  18.     align-items: center;
  19.     margin-top: 10px;
  20.     width: 100%;
  21.     height: 60px;
  22.     display: flex;
  23.     justify-content: center;
  24.     align-content: space-between;
  25. }
  26. ul{
  27.     width: 250px;
  28.     display: flex;
  29.     list-style: none;
  30.     justify-content: space-between;
  31. }
  32. a{
  33.     text-decoration: none;
  34.     color: #fff;
  35. }
  36. a:hover{
  37.     border-bottom: 2px solid #fc603b;
  38. }
  39. button{
  40.     font-size: 12px;
  41.     margin-left: 30px;
  42.     width: 100px;
  43.     height: 30px;
  44.     border: none;
  45.     border-radius: 4px;
  46.     background-color: #fc603b;
  47.     color: #fff;
  48. }
  49. span{
  50.     width: 100%;
  51.     height: 100%;
  52.     background-color: #000;
  53.     opacity: .6;
  54.     z-index: -1;
  55.     position: absolute;
  56.     margin-top: -10px;
  57. }
  58. section{
  59.     margin-top: 150px;
  60.     margin-left: 200px;
  61. }
  62. h1{
  63.     font-size: 34px;
  64.     color: #fff;
  65.     padding-bottom: 10px;
  66. }
  67. h3{
  68.     font-size: 26px;
  69.     color: #fc603b;
  70.     font-family: "Roboto Black";
  71. }
  72. p{
  73.     width: 400px;
  74.     color: #fff;
  75.     font-size: 14px;
  76.     margin-top: 25px;
  77. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement