daybreak (placeholder)

[comment]coded by uxie!

fonts used:
[font=Crimson Pro]detail[/font]
[font=Karla]subheader/body text[/font]

to replace fonts, add/replace them here, and then in the variables below under *fonts; check uxie's tech support in nine lives for more details ( ‾́ ◡ ‾́ )

[/comment][border=transparent;
/*main background colour*/
--bg: #fff;

/*main accent colour*/
--color-1: #bac6e2;

/*role colour*/
--h1: #fff;
/*detail colour*/
--subtitle: #6d4e41;

/*fonts used*/
--detail: 'Crimson Pro', serif;
--body: 'Karla', sans-serif;

/*images*/
--img-1: URL('https://i.pinimg.com/564x/51/6a/b0/516ab0139f8eef0e676aaf692d9be2b3.jpg');
--img-2: URL('https://i.pinimg.com/564x/0d/24/38/0d243813b1ac6ac5f273335e62682880.jpg');

height:240px; width:fit-content; width:-moz-fit-content; min-width:265px; padding:0; box-sizing:border-box; position:relative; line-height:0; margin:0 auto;]

   [comment]----contents----[/comment]
   [border=transparent; height:100%; width:auto; min-width:265px; max-width:275px; padding:23px 0 23px 25px; box-sizing:border-box; position:absolute; top:0; left:0; z-index:5; display:flex; flex-flow:row nowrap; pointer-events:none;]
      [comment]----box----[/comment]
      [border=transparent; height:100%; width:calc(220px - 25px); padding:5px; box-sizing:border-box; border:1px solid var(--color-1); position:relative; display:flex; align-items:flex-end;]
         [comment]----detail----[/comment]
         [border=transparent; height:auto; width:auto; padding:0; color: var(--color-2); font-size:10.5px; font-family: var(--detail); color: var(--subtitle); line-height:100%; font-weight:bold; font-style:oblique; letter-spacing:1px; opacity:0.85;][comment]

----* * * detail here----

[/comment]fc: detail[/border]
      [/border]
      [comment]----box end----[/comment]

      [comment]----role----[/comment]
      [border=transparent; height:auto; width:fit-content; width:-moz-fit-content; min-width:70px; max-width:80px; padding:0; margin-top:25px; flex-shrink:0;][border=transparent; display:inline; padding:3px 6px; box-sizing:border-box; box-decoration-break:clone; -webkit-box-decoration-break: clone; background: var(--color-1); border-radius:1px 2px 2px 1px; color: var(--h1); font-size:9.5px; text-transform:uppercase; letter-spacing:1.5px; line-height:15px; font-family: var(--body); text-align:right; pointer-events:auto;][comment]

----* * * role here----

[/comment]role here[/border][/border]

   [/border]
   [comment]----contents end----[/comment]

   [comment]----images----[/comment]
   [border=transparent; height:240px; width:220px; padding:0; overflow:hidden; position:relative; z-index:1;][border=transparent; height:257px; width:220px; padding:0; overflow-x:scroll; scroll-snap-type:x mandatory;][border=transparent; height:230px; width:fit-content; padding:0; display:flex; flex-flow:row nowrap;]

      [comment]----image 1----[/comment]
      [border=transparent; height:240px; width:220px; padding:0; background: var(--img-1); background-size:cover;

/*edit the following to adjust the cropping of the image*/ background-position:50% 20%;

position:relative; scroll-snap-align:start;][border=transparent; height:100%; width:100%; padding:0; background: var(--bg); opacity:0.25;][/border][/border]

      [comment]----image 2----[/comment]
      [border=transparent; height:240px; width:220px; padding:0; background: var(--img-2); background-size:cover;

/*edit the following to adjust the cropping of the image*/ background-position:50% 20%;

position:relative; scroll-snap-align:start;][border=transparent; height:100%; width:100%; padding:0; background: var(--bg); opacity:0.25;][/border][/border]

   [/border][/border][/border]
   [comment]----images end----[/comment]
   [comment]
----signature! do not remove
[/comment][bg=transparent; height:auto; width:auto; padding:0; position:absolute;z-index:6;opacity:0.3;color: var(--subtitle); font-size:9.5px;text-align:center; top:12px; left:14px; line-height:100%;][font=Open Sans]♡coded by uxie♡[/font][/bg][/border]