thequeenroyal

dream_of_you

Sep 24th, 2021 (edited)
1,147
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=Montserrat:wght@400;900&family=PT+Mono&family=Abril+Fatface&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.  #dream_of_you {
  16.   width: 720px;
  17.   height: auto;
  18.   margin: 25px 0 0;
  19. }
  20. #dream_of_you b {
  21.   color: var(--accent);
  22. }
  23. #dream_of_you .base {
  24.   width: 100%;
  25.   padding: 20px;
  26.   box-sizing: border-box;
  27.   border: var(--border);
  28.  background: var(--background);
  29.   outline: 1px solid #000;
  30.   outline-offset: -10px;
  31.  
  32. }
  33. #dream_of_you .photo {
  34.   height: 230px;
  35.   width:100%;
  36. background: center/cover;
  37. }
  38. #dream_of_you .title {
  39.   font: 40px/150% Abril Fatface;
  40.   color: var(--color);
  41. text-transform: lowercase;
  42.   text-align: center;
  43.     padding: 10px;
  44.    position: relative;
  45.   top: 80px;
  46. }
  47. #dream_of_you .postbase {
  48.     background: var(--background);
  49.   border: var(--border);
  50.   width: 100%;
  51.   padding: 30px;
  52.   box-sizing: border-box;
  53.  
  54. }
  55. #dream_of_you .post {
  56.  
  57.   background: var(--background);
  58.   font: 11px/230% Montserrat;
  59.   text-align: justify;
  60.   letter-spacing: .5px;
  61.   padding: 20px;
  62.   box-sizing: border-box;
  63.   color: var(--text);
  64. }
  65. #dream_of_you .head {
  66.   padding: 5px;
  67. background-blend-mode: multiply;
  68.   background: center/cover;
  69.   box-sizing: border-box;
  70.  
  71. }
  72.  
  73. #dream_of_you .head b {
  74.   font: 13px/150% PT Mono;
  75.   text-transform: lowercase;
  76.   background: #0000001c;
  77.   color: var(--color);
  78. }
  79.  
  80. #dream_of_you:after {
  81.   display: block;
  82.   content: "made by american queen";
  83.   padding: 5px 10px;
  84.   font: 10px Consolas;
  85.   text-transform: uppercase;
  86.   opacity: .4;
  87.   font-weight: bold;
  88.   color: #8c8c8c; }
RAW Paste Data