style.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. 
  2. .more-pens {
  3. position: fixed;
  4. left: 20px;
  5. bottom: 20px;
  6. z-index: 10;
  7. font-family: "Montserrat";
  8. font-size: 12px;
  9. }
  10. a.white-mode, a.white-mode:link, a.white-mode:visited, a.white-mode:active {
  11. font-family: "Montserrat";
  12. font-size: 12px;
  13. text-decoration: none;
  14. background: #212121;
  15. padding: 4px 8px;
  16. color: #f7f7f7;
  17. }
  18. a.white-mode:hover, a.white-mode:link:hover, a.white-mode:visited:hover, a.white-mode:active:hover {
  19. background: #edf3f8;
  20. color: #212121;
  21. }
  22. body {
  23. margin: 0;
  24. padding: 0;
  25. overflow: hidden;
  26. width: 100%;
  27. height: 100%;
  28. background: #000000;
  29. }
  30. .title {
  31. z-index: 10;
  32. position: absolute;
  33. left: 50%;
  34. top: 50%;
  35. transform: translateX(-50%) translateY(-50%);
  36. font-family: "Montserrat";
  37. text-align: center;
  38. width: 100%;
  39. }
  40. .title h1 {
  41. position: relative;
  42. color: #EEEEEE;
  43. font-weight: 600;
  44. font-size: 60px;
  45. padding: 0;
  46. margin: 0;
  47. line-height: 1;
  48. text-shadow: 0 0 30px #000155;
  49. }
  50. .title h1 span {
  51. font-weight: 600;
  52. padding: 0;
  53. margin: 0;
  54. color: #BBB;
  55. }
  56. .title h3 {
  57. font-weight: 200;
  58. font-size: 20px;
  59. padding: 0;
  60. margin: 0;
  61. line-height: 1;
  62. color: #EEEEEE;
  63. letter-spacing: 2px;
  64. text-shadow: 0 0 30px #000155;
  65. }