Advertisement
Falkstids

Viktor Code

Sep 14th, 2019
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.40 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css?family=Rubik+Mono+One');
  2.  
  3. body{
  4. background-color:#fffed2;
  5. overflow:hidden;
  6. box-shadow:inset 0px 0px 100px 30px #000;
  7. }
  8.  
  9. #communism{
  10. width:100%;
  11. height:100%;
  12. background-color:#d13000;
  13. clip-path: polygon(56% 0, 0 0, 78% 95%);
  14. position:absolute;
  15. }
  16.  
  17. #overlay{
  18. background-image:url(https://www.transparenttextures.com/patterns/old-moon.png);
  19. width:100%;
  20. height:100%;
  21. position:absolute;
  22. left:0px;
  23. top:0px;
  24. z-index:10;
  25. }
  26.  
  27.  
  28. #image{
  29. background-image:url(https://i.imgur.com/md2Cr2V.png);
  30. background-size:100%;
  31. background-repeat:no-repeat;
  32. width:600px;
  33. height:450px;
  34. position:absolute;
  35. left:50%;
  36. top:50%;
  37. margin-left:-300px;
  38. margin-top:-299px;
  39. z-index:98;
  40. transform:rotate(32deg);
  41. }
  42.  
  43. h1{
  44. font-family: 'Rubik Mono One', sans-serif;
  45. font-size:40pt;
  46. color:black;
  47. font-weight:bold;
  48. transform:rotate(-55deg);
  49. position:absolute;
  50. top:50%;
  51. left:50%;
  52. margin-top:60px;
  53. margin-left:150px;
  54. z-index:99;
  55.  
  56. text-shadow:0px 0px 10px red;
  57. }
  58.  
  59. h2{
  60. font-family: 'Rubik Mono One', sans-serif;
  61. font-size:30pt;
  62. color:black;
  63. font-weight:bold;
  64. position:absolute;
  65. top:50%;
  66. left:50%;
  67. margin-top:90px;
  68. margin-left:-270px;
  69. z-index:99;
  70. transform:rotate(32deg);
  71. text-shadow:0px 0px 10px red;
  72. }
  73.  
  74. h3{
  75. font-family: 'Rubik Mono One', sans-serif;
  76. font-size:70pt;
  77. color:black;
  78. font-weight:bold;
  79. position:absolute;
  80. top:0px;
  81. left:0px;
  82. margin-top:300px;
  83. margin-left:80px;
  84. z-index:-30;
  85. transform:rotate(32deg);
  86. }
  87.  
  88. h4{
  89. font-family: 'Rubik Mono One', sans-serif;
  90. font-size:50pt;
  91. color:black;
  92. font-weight:bold;
  93. position:absolute;
  94. top:0px;
  95. right:0px;
  96. margin-top:50px;
  97. margin-right:-20px;
  98. z-index:0;
  99. transform:rotate(-25deg);
  100. }
  101.  
  102. h5{
  103. font-family: 'Rubik Mono One', sans-serif;
  104. font-size:40pt;
  105. color:black;
  106. font-weight:bold;
  107. position:absolute;
  108. top:0px;
  109. right:0px;
  110. margin-top:500px;
  111. margin-right:130px;
  112. z-index:0;
  113. transform:rotate(65deg);
  114. }
  115.  
  116. h6{
  117. font-family: 'Rubik Mono One', sans-serif;
  118. font-size:40pt;
  119. color:black;
  120. font-weight:bold;
  121. position:absolute;
  122. top:0px;
  123. left:0px;
  124. margin-top:520px;
  125. margin-left:-10px;
  126. z-index:-30;
  127. transform:rotate(32deg);
  128. }
  129.  
  130. <div id="overlay"></div>
  131. <div id="communism"></div>
  132. <h3>JOIN THE<br> GLORIOUS<br> EVOLUTION</h3>
  133. <h4>Metal is <br> perfection.</h4>
  134. <h5>Adapt or <br>be removed.</h5>
  135. <h6>Relinquish<br> the Flesh. </h6>
  136. <div id="box"><h1>Viktor</h1>
  137. <h2> The Machine Herald</h2>
  138. <div id="image"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement