constellation
πΊ πππππ πππΊπ
[div class=container][div class=border]
[div class=circle1]
[div class=circle2][/div]
[div class=circle3][/div]
[div class=title]intolerable cruelty[/div]
[div class=names]constellation x fated[/div]
[/div][/div][/div]
[class=container]
width: 600px;
height: 400px;
margin: auto;
[/class]
[class=border]
position: absolute;
width: 600px;
height: 400px;
[/class]
[class=circle1]
position: absolute;
left: 0;
top: 50px;
height: 300px;
width: 300px;
border-radius: 100%;
background: #b18e6d;
opacity: .5;
box-shadow: 0px 0px 50px 0px rgba(177,142,109,1);
[/class]
[class=circle2]
position: absolute;
right: 0;
top: 50px;
height: 300px;
width: 300px;
border-radius: 100%;
background: #b18e6d;
opacity: .5;
box-shadow: 0px 0px 50px 0px rgba(177,142,109,1);
[/class]
[class=circle3]
position: absolute;
top: 0;
left: 100px;
height: 400px;
width: 400px;
border-radius: 100%;
background: url(https://www.clairemckinneypr.com/wp-content/uploads/2018/02/iStock-695137252.jpg);
background-size: cover;
background-position: center;
[/class]
[class=title]
position: absolute;
bottom: 50px;
width: 600px;
font-family: 'Abril Fatface', sans-serif;
font-size: 40px;
text-transform: uppercase;
color: #fafafa;
font-weight: 900;
text-align: center;
text-shadow: 1px 1px 0px #b18e6d, -1px -1px 0 #b18e6d, -1px 1px 0 #b18e6d, 1px -1px 0 #b18e6d;
[/class]
[class=names]
position: absolute;
bottom: 30px;
font-size: 15px;
font-family: Manrope;
color: #fafafa;
text-transform: uppercase;
text-align: center;
width: 600px;
[/class]