Advertisement
makispaiktis

Codecademy - 24th Exercise (Chore Door - CSS)

Jan 1st, 2020 (edited)
437
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.02 KB | None | 0 0
  1. body {
  2.   background-color: #010165;
  3.   margin: 0px;
  4. }
  5.  
  6. /* Begining of the page */
  7. .header{
  8.   background-color: #00ffff;
  9.   text-align: center;
  10. }
  11.  
  12. .title-row{
  13.   margin-top: 42px;
  14.   margin-bottom: 21px;
  15.   text-align: center;
  16. }
  17.  
  18. /* Table style */
  19. .instructions-title{
  20.   display: inline;
  21.   font-size: 18px;
  22.   color: #00ffff;
  23.   font-family: 'Work Sans';
  24. }
  25.  
  26. .instructions-row{
  27.   margin: 0 auto;
  28.   width: 400px;
  29. }
  30.  
  31. .instructions-number{
  32.   padding-right: 25px;
  33.   font-family: 'Work Sans';
  34.   font-size: 36px;
  35.   color: #00ffff;
  36. }
  37.  
  38. .instructions-text{
  39.   padding: 10px;
  40.   font-family: 'Work Sans';
  41.   font-size: 14px;
  42.   color: #00ffff;
  43. }
  44.  
  45. /* About the 3 doors */
  46. .door-row{
  47.   text-align: center;
  48. }
  49.  
  50. .door-frame{
  51.   cursor: pointer;
  52.   padding: 10px;
  53. }
  54.  
  55. .start-row{
  56.   margin: auto;
  57.   width: 120px;
  58.   height: 43px;
  59.   font-family: 'Work Sans';
  60.   background-color: #eb6536;
  61.   padding-top: 18px;
  62.   font-size: 18px;
  63.   text-align: center;
  64.   color: #010165;
  65.   margin-bottom: 21px;
  66.   cursor: pointer;
  67. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement