[newclass=".cityescape"]--accento:#adc0d4; --accento2:#6b81a5;[/newclass]

[attr="class","cityescape"]

[newclass=".cityescape .base"]margin:10px auto; display: flex; flex-direction:column; position:relative; background-color:#f3f3f3; width:550px; min-height: 500px; border-left:35px solid var(--accento2); border-radius:5px;[/newclass]
[newclass=".cityescape .header"]background-color:var(--accento); height:125px; border-radius:0px 5px 0px 0px;[/newclass]
[newclass=".cityescape .quote"]margin-left:130px; margin-top:40px; text-align:justify; width:425px; color:#f3f3f3;[/newclass]
[newclass=".cityescape .quote h1"]font-family: 'Playfair Display', serif; font-weight:700; text-transform:uppercase; font-size:30px; line-height:5px; letter-spacing:0px; margin-top:12px; text-shadow: 2px 1px 1px var(--accento2);[/newclass]
[newclass=".cityescape .quote h1 b"]color:var(--accento2); text-shadow: 2px 1px 1px #f3f3f3;[/newclass]
[newclass=".cityescape .quote h2"]font-size:20px; background: linear-gradient( transparent 65%, var(--accento2) 35%); text-shadow: 2px 1px 1px var(--accento2); text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:700; font-style:italic; line-height:15px; letter-spacing:0px; color:#f3f3f3; display: table; margin-bottom:7px;[/newclass]
[newclass=".cityescape .quote h2 b"]color:var(--accento2); text-shadow: 2px 1px 1px #f3f3f3;[/newclass]
[newclass=".cityescape .quote h3"]color:#f3f3f3;text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:700; font-size:12px; line-height:0px; letter-spacing:3px; margin-top:21px;[/newclass]
[newclass=".cityescape .quote h3 b"]color:var(--accento2);[/newclass]
[newclass=".cityescape .graphic"]height:475px; width:135px; margin-top:-108px; margin-left:-15px;[/newclass]
[newclass=".cityescape .text"]padding:15px; width:500px; text-align:justify; font-family: 'Roboto', sans-serif; font-size:12px; color:#1e1e1e;[/newclass]
[newclass=".cityescape .text img"]float: left; padding-right:15px; margin-top:-127px; margin-left:-35px; border-radius:15px;[/newclass]
[newclass=".cityescape scr"]height:475px; width:135px; mix-blend-mode:overlay; position:absolute; background:linear-gradient(180deg, var(--accento) 0%, var(--accento2) 100%); margin-top:-127px; margin-left:-150px; border-radius:15px 0px 0px 15px;[/newclass]
[newclass=".cityescape .text b"]font-weight:700; color:var(--accento2);[/newclass]
[newclass=".cityescape .text:first-letter"]font-size:75px; font-weight:700; font-style:italic; color:var(--accento2); font-family: 'Playfair Display', serif;[/newclass]
[newclass=".cityescape .footer"]width:520px; border-left:35px var(--accento2) solid; border-radius:0px 0px 5px 5px; background-color:#d4d4d4; margin-left:-35px; padding:15px; min-height:50px; overflow:hidden; display: flex; flex-direction: row;[/newclass]
[newclass=".cityescape .ooc"]width:100%; margin-left:15px; padding:5px; color:#1e1e1e; text-align:justify; font-family: 'Roboto', sans-serif; font-size:12px;[/newclass]
[newclass=".cityescape .ooc a"]font-weight:700; text-transform:uppercase;[/newclass]
[newclass=".cityescape .music"]font-size: 50px; margin-left:-46px; position:absolute; background: -webkit-linear-gradient(0deg, #f3f3f3 62%, var(--accento2) 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;[/newclass]
[newclass=".cityescape .music a"]background-color: -webkit-linear-gradient(0deg, #f3f3f3 62%, var(--accento2) 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;[/newclass]
[newclass=".cityescape .credit"]width:585px; font-weight:700; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:10px; text-align:right; margin:auto;[/newclass]