Advertisement
makispaiktis

Codecademy - 13th Course (CSS Examlpe)

Oct 8th, 2019 (edited)
255
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.33 KB | None | 0 0
  1. * {
  2.   box-sizing: border-box;
  3. }
  4.  
  5. body {
  6.   background-color: #FFF;
  7.   margin: 0px;
  8.   padding: 50px 60px;
  9. }
  10.  
  11. h1 {
  12.   color: #004E89;
  13.   font-family: 'Yantramanav', sans-serif;
  14.   font-size: 50px;
  15.   font-weight: 400;
  16.   margin: 0;
  17.   text-align: center;
  18. }
  19.  
  20. h2 {
  21.   color: #AAA;
  22.   font-family: 'Yantramanav', sans-serif;
  23.   font-size: 16px;
  24.   font-weight: 100;
  25.   letter-spacing: 2px;
  26.   margin: 0;
  27.   text-align: center;
  28.   text-transform: uppercase;
  29. }
  30.  
  31. p {
  32.   color: #333;
  33.   font-family: 'Yantramanav', sans-serif;
  34.   font-size: 16px;
  35.   font-weight: 100;
  36.   margin: 0;
  37.   text-align: center;
  38. }
  39.  
  40. .actions {
  41.   text-align: center;
  42.   margin-top: 30px;
  43. }
  44.  
  45. .actions a {
  46.   background-color: #9DD1F1;
  47.   border-radius: 3px;
  48.   color: #004E89;
  49.   font-family: 'Yantramanav', sans-serif;
  50.   font-size: 16px;
  51.   font-weight: 300;
  52.   display: inline-block;
  53.   margin: 10px;
  54.   padding: 12px;
  55.   text-align: center;
  56.   text-decoration: none;
  57.   text-transform: uppercase;
  58. }
  59.  
  60. #gameboard {
  61.   position: relative;
  62.   text-align: center;
  63.   top: 30px;
  64. }
  65.  
  66. .card {
  67.  
  68.   border: 2px solid #9DD1F1;
  69.   display: inline-block;
  70.   height: 200px;
  71.   margin-top: 4px;
  72.   padding: 30px auto;
  73.   text-align: center;
  74.   width: 215px;
  75. }
  76.  
  77. .card:hover {
  78.   background-color: #004E89;
  79.   border-color: #004E89;
  80. }
  81.  
  82. .card img {
  83.   padding-top: 40px;
  84. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement