Advertisement
CornyGoose

Silk CSS

Nov 2nd, 2022
25
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.17 KB | None | 0 0
  1. body {
  2. display: block;
  3. position: fixed;
  4. top: 0;
  5. left: 0;
  6. bottom: 0;
  7. right: 0;
  8. width: 100%;
  9. height: 100%;
  10. border: 0;
  11. margin: 0;
  12. padding: 0;
  13. background-color: #d4f3ee;
  14. background-size: 100%;
  15. background-repeat: repeat;
  16. z-index: 0;
  17. cursor: url(), default;
  18. }
  19.  
  20. .picture {
  21. background-image: url(https://i.imgur.com/Oyv5OQg.png);
  22. background-size: 27.5vw;
  23. background-repeat: no-repeat;
  24. position: absolute;
  25. bottom: 0vw;
  26. left: 9vw;
  27. width: 50vw;
  28. height: 45vw;
  29. z-index: 2;
  30. opacity: 1;
  31. transition: .9s ease-out;
  32. pointer-events: none;
  33. }
  34.  
  35.  
  36. .name {
  37. background-image: url(https://i.imgur.com/dnsVJIf.png);
  38. background-size: 25vw;
  39. background-repeat: no-repeat;
  40. position: absolute;
  41. left: 30vw;
  42. bottom: 26.25vw;
  43. width: 30vw;
  44. height: 10.25vw;
  45. color: #000;
  46. border-bottom: .5vw solid #72B4CB;
  47. font-family: 'Cormorant Garamond', serif;
  48. font-size: 9vw;
  49. text-align: center;
  50. letter-spacing: .2vw;
  51. transition: .9s ease-out;
  52. z-index: 1;
  53. opacity: 0.5;
  54. filter: drop-shadow(-.3vw .3vw #000000);
  55. transform: rotate(10deg);
  56. pointer-events: none;
  57. }
  58.  
  59. .textbox1 {
  60. position: absolute;
  61. width: 47vw;
  62. height: 5vw;
  63. bottom: 5.5vw;
  64. left: 26.75vw;
  65. color: #B1E6E9;
  66. text-align: left;
  67. font-family: 'Merriweather', serif;
  68. font-size: 1vw;
  69. z-index: 5;
  70. opacity: 1;
  71. transform: rotate(10deg);
  72. transition: .9s ease-out;
  73. }
  74.  
  75. .gif {
  76. position: absolute;
  77. left: 7vw;
  78. bottom: 21.75vw;
  79. width: 70vw;
  80. height: 13vw;
  81. color: #000;
  82. font-family: 'Cormorant Garamond', serif;
  83. font-size: 9vw;
  84. text-align: center;
  85. letter-spacing: .2vw;
  86. transition: .9s ease-out;
  87. z-index: 1;
  88. opacity: 0.6;
  89. filter: drop-shadow(-.6vw .6vw #000000);
  90. transform: rotate(10deg);
  91. }
  92.  
  93. u {
  94. text-transform: uppercase;
  95. text-decoration: none;
  96. line-height: .82vw;
  97. color: #B1E6E9;
  98. opacity: 1;
  99. filter: drop-shadow(-.2vw .2vw #55615F);
  100. background: #72B4CB;
  101. padding: .2vw .4vw .1vw .4vw;
  102. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement