Advertisement
thequeenroyal

snapping

Jul 23rd, 2021
1,864
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.43 KB | None | 0 0
  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. #snapping {
  16.   width: 268px;
  17.   margin: 25px 0 0;
  18.   padding: 25px;
  19. }
  20. #snapping .base {
  21.   background: var(--background);
  22.   border: var(--border);
  23.    box-sizing: border-box;
  24.   padding: 10px;
  25.   outline: 1px solid #000;
  26.   outline-offset: -5px;
  27.   }
  28. #snapping .head {
  29.   padding: 10px;
  30.   background: var(--background);
  31.   box-sizing: border-box;
  32.  
  33. }
  34. #snapping .foto {
  35.   height: 150px;
  36.   width:100%;
  37. background: center/cover;
  38.  
  39.   }
  40.  
  41. #snapping .head b {
  42.   font: 13px/150% PT Mono;
  43.   text-transform: lowercase;
  44.   background: #0000001c;
  45.   color: var(--text);
  46. }
  47. #snapping:after {
  48.   display: block;
  49.   content: "made by american queen";
  50.   padding: 5px 10px;
  51.   font: 10px Consolas;
  52.   text-transform: uppercase;
  53.   opacity: .4;
  54.   font-weight: bold;
  55.   color: #8c8c8c; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement