Advertisement
Sansaisbae

Untitled

Apr 18th, 2021
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.72 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css2?family=Changa&family=Changa+One:ital@1&family=Darker+Grotesque&family=Rock+Salt&display=swap');
  2.  
  3.  
  4.  
  5. body { background: linear-gradient(45deg, #333333, #dd1818); overflow: hidden; cursor: url('https://64.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default;}
  6.  
  7. .image {z-index: 1; pointer-events: none; position: absolute; bottom: 0vh; left: 1vw; height: 69vh; width: 38vw; background: url('https://i.ibb.co/2tRqDB9/S7yP6m9.png') no-repeat; background-size: 70vh; filter: drop-shadow(.8vh .8vh 0vh #0007);}
  8.  
  9. .texture { z-index: -1; position: absolute; top: 0vh; left: 0vw; height: 100vh; width: 100vw; background-image: url("https://www.transparenttextures.com/patterns/rebel.png"); opacity: .5;}
  10.  
  11. .container { position: absolute; bottom: 3vh; left: 28.5vw; height: 59vh; width: 35vw; background: #333333; border: solid 10px #1D191A; }
  12.  
  13. .title { position: absolute; top: 24vh; left: 29vw; font-family: 'Rock Salt', cursive; color: #dd1818; font-size: 5vw; z-index: 2; pointer-events: none; letter-spacing: 1vh; -webkit-text-stroke: 1px #000; filter: drop-shadow(.8vh .8vh 0vh #0006); }
  14.  
  15. .tabb { z-index: 1; position: absolute; bottom: 25vh; left: 13vw; }
  16.  
  17. .one { position: absolute; bottom: 2vh; left: 5.4vw; height: 3vh; width: 1.5vw; background: #1D191A; transition: all .7s ease-in-out; }
  18.  
  19. .one:hover { transform: rotate(390deg); background: #000; box-shadow: 0px 0px 5px #000;}
  20.  
  21. .two { position: absolute; bottom: 2vh; left: 8vw; height: 3vh; width: 1.5vw; background: #1D191A; transition: all .7s ease-in-out; }
  22.  
  23. .two:hover { background: #000; transform: rotate(390deg); box-shadow: 0px 0px 5px #000; }
  24.  
  25. .three { position: absolute; bottom: 2vh; left: 10.5vw; height: 3vh; width: 1.5vw; background: #1D191A; transition: all .7s ease-in-out; }
  26. .three:hover { transform: rotate(390deg); background: #000; box-shadow: 0px 0px 5px #000;}
  27.  
  28.  
  29. .box { z-index: 1; position: absolute; top: 2vh; right: .5vw; height: 24vh; width: 25vw; background: #; padding: 1vh; overflow: auto; font-family: 'Darker Grotesque', sans-serif; color: #fff8; text-transform: ; font-size: 1.5vh; line-height: 2vh; text-align: justify; text-transform: uppercase;}
  30.  
  31. .info { position: absolute; bottom: 0vh; right: .5vw; height: 25vh; width: 25vw; background: ; padding: 1vh; overflow: auto; opacity: 0; font-family: 'Yusei Magic', sans-serif;
  32. color: #fff8; text-transform: ; font-size: 1.5vh; line-height: 2vh; text-align: justify; text-shadow: none; }
  33.  
  34. .info:target { z-index: 100; opacity: 1; transition: all .7s ease-in-out; }
  35.  
  36.  
  37. ::-webkit-scrollbar { display: none;}
  38.  
  39. a { text-decoration: none; color: #442626; transition: all .55s ease-in-out; text-shadow: none;} a:hover { color: #fff; text-shadow: 0px 0px 10px #fff; text-transform: uppercase; cursor: url('http://i.imgur.com/IepP2.jpg'), default;}
  40.  
  41. i { color: #cc3333; font-family: 'Oswald', sans-serif;}
  42.  
  43. b { color: #940000; font-weight: 400;}
  44.  
  45. h1 {text-decoration: none; text-transform: uppercase; text-align: center; font-family: 'Changa One', cursive; font-weight: 400; background-color: #442626; color: #fff; padding-right: 0vw; padding-top: 1vh; padding-bottom: 1vh; padding-left: 1.6vw; font-size: 2vh; line-height: 2vh; letter-spacing: .3vw; }
  46.  
  47. ::selection { background: transparent; color: transparent; text-shadow: 0px 0px 10px #0A1527;}
  48.  
  49. U { text-decoration:none; text-transform:uppercase; font-family: 'changa', sans-serif; color :#000; text-shadow: 0px 0px 5px #000; font-size: 1.5vh; transition: all .7s ease-in-out; }
  50.  
  51.  
  52.  
  53.  
  54.  
  55. ul, li {
  56. list-style: none; text-shadow: none;
  57.  
  58. text-align: ; font-size: 1.5vh;
  59. }
  60.  
  61. li:before {
  62. content:"🞜"; margin-right: 5px; font-size: 1.5vh;
  63. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement