thequeenroyal

cherry

Sep 17th, 2021
1,226
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&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.  #cherry {
  16.   width: 720px;
  17.   height: auto;
  18.   margin: 25px 0 0;
  19. }
  20. #cherry b {
  21.   color: var(--accent);
  22. }
  23. #cherry .base {
  24.   width: 100%;
  25.   padding: 20px;
  26.   box-sizing: border-box;
  27.   border: var(--border);
  28.  background: var(--background);
  29.  
  30. }
  31. #cherry .round  {
  32.   width: 150px;
  33.   height: 150px;
  34.   border: var(--bording);
  35.   padding: 5px;
  36.  }
  37. #cherry .photo {
  38.   width: 150px;
  39.   height: 150px;
  40.   background: center/cover;
  41. }
  42.  
  43. #cherry .rectangles {
  44.   width: 320px;
  45.   border: var(--bording);
  46.   background: var(--background);
  47.  height: 170px;
  48.   padding: 5px;
  49.   box-sizing: border-box;
  50. }
  51. #cherry .title {
  52.   font: 23px/150% Montserrat;
  53.   color: var(--color);
  54.   text-transform: uppercase;
  55.   text-align: center;
  56.   }
  57. #cherry .title b {
  58.   weight: 900;
  59.   color: var(--color);
  60. }
  61. #cherry .quote {
  62.   font: 13px/150% PT Mono;
  63.   text-transform: lowercase;
  64.   text-align: justify;
  65.   color: var(--color);
  66.   width: 95%;
  67.   padding: 5px;
  68. }
  69. #cherry .postbase {
  70. background: var(--background);
  71. width: 100%;
  72. padding: 30px;
  73. box-sizing: border-box;
  74. }
  75. #cherry .post  {
  76. background: var(--background);
  77. font: 13px/180% IBM Plex Serif;
  78. text-align: justify;
  79. letter-spacing: .5px;
  80. padding: 10px;
  81. box-sizing: border-box;
  82. color: var(--text);
  83. }
  84. #cherry .head {
  85.   padding: 10px;
  86.   background: var(--background);
  87.   box-sizing: border-box;
  88.  
  89. }
  90.  
  91. #cherry .head b {
  92.   font: 13px/150% PT Mono;
  93.   text-transform: lowercase;
  94.   background: #0000001c;
  95.   color: var(--text);
  96. }
  97.  
  98.  
  99. #cherry:after {
  100.   display: block;
  101.   content: "made by american queen";
  102.   padding: 5px 10px;
  103.   font: 10px Consolas;
  104.   text-transform: uppercase;
  105.   opacity: .4;
  106.   font-weight: bold;
  107.   color: #8c8c8c; }
RAW Paste Data