thequeenroyal

spark

Jul 23rd, 2021 (edited)
609
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif&family=PT+Mono&family=Montserrat&display=swap');
  2. @font-face {
  3.    font-family: "Couture";
  4.   src: url(https://dl.dropbox.com/s/uooxtl95ioyu2f9/couture-bld.otf);
  5.  format("truetype"); }
  6. /* latin-ext */
  7. @font-face {
  8.   font-family: 'Montserrat';
  9.   font-style: normal;
  10.   font-weight: 400;
  11.   font-display: swap;
  12.   src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  13.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  14. }
  15. #spark {
  16.   width: 720px;
  17.   margin: 25px 0 0;
  18.   padding: 25px;
  19. }
  20. #spark b {
  21.   color: var(--accent);
  22. }
  23. #spark .base {
  24.   border: var(--border);
  25.    box-sizing: border-box;
  26.   padding: 10px;
  27. }
  28. #spark .head {
  29.   padding: 5px;
  30.   background: var(--background);
  31.   box-sizing: border-box;
  32.  
  33. }
  34. #spark .foto {
  35.   height: 250px;
  36.   width:100%;
  37. margin-top: 5px;
  38.   }
  39.  
  40. #spark .head b {
  41.   font: 13px/150% PT Mono;
  42.   text-transform: lowercase;
  43.   background: #0000001c;
  44.   color: var(--color);
  45. }
  46. #spark .line {
  47.   width: 100%;
  48.   height: 1px;
  49.  
  50. }
  51.  
  52. #spark .name {
  53.   font: 20px Montserrat;
  54.   color: var(--color);
  55. text-transform: uppercase;
  56.   text-align: center;
  57.   font-style: bold;
  58.   padding: 10px;
  59.   line-height: 150%;
  60.   position: relative;
  61.   top: 100px;
  62. }
  63. #spark .quote {
  64.   font: 13px/150% PT Mono;
  65.   text-transform: lowercase;
  66.   text-align: center;
  67.   color: var(--text);
  68.    position: relative;
  69.   top: 80px;
  70.   padding: 5px;
  71.   width: 85%;
  72. }
  73. #spark .postbase {
  74.   background: var(--background);
  75.   width: 100%;
  76.   padding: 30px;
  77.   box-sizing: border-box;
  78.  
  79. }
  80. #spark .post {
  81.  
  82.   background: var(--background);
  83.   font: 13px/180% IBM Plex Serif;
  84.   text-align: justify;
  85.   letter-spacing: .5px;
  86.   padding: 10px;
  87.   box-sizing: border-box;
  88.   color: var(--text);
  89. }
  90. #spark:after {
  91.   display: block;
  92.   content: "made by american queen";
  93.   padding: 5px 10px;
  94.   font: 10px Consolas;
  95.   text-transform: uppercase;
  96.   opacity: .4;
  97.   font-weight: bold;
  98.   color: #8c8c8c; }
RAW Paste Data