[comment]-----fonts------ [font=Karla]font[/font] [font=Montserrat]font[/font] [font=Oswald]font[/font][/comment][border=none; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; /*main accent*/ --color1: #e09460; /*second accent*/ --color2: #fff; /*text color*/ --color3: #eee; /*main background*/ --color4: #111; /*second background*/ --color5: #222; /*third accent*/ --color6: #c77036; /*images*/ --img1: url(https://1.bp.blogspot.com/-mPlX4yxQ_mE/XPTrql-qssI/AAAAAAACn2s/5-bPnxFVd-EeXdo0MgGLhuPTEAT2tUTVgCLcBGAs/s1600/Willow-Hand-Kisuii-Swim-2019-Lookbook13.jpg); --img2: url(https://1.bp.blogspot.com/-wbfnyX0kt8o/XPTromf6lzI/AAAAAAACn2U/dRf240jHN4cijsdW4f4klPuNim2x-WVUgCLcBGAs/s1600/Willow-Hand-Kisuii-Swim-2019-Lookbook06.jpg); --img3: url(https://1.bp.blogspot.com/-pDL1ayZSDqM/XPTrrL_PCFI/AAAAAAACn20/AbW8pjCUhDIcLVTQEpr7eZrxQdP1ZZdOQCLcBGAs/s1600/Willow-Hand-Kisuii-Swim-2019-Lookbook15.jpg); --img4: url(https://1.bp.blogspot.com/-QPJZlo5RrLs/XPTrp3-56bI/AAAAAAACn2k/QYVQyb2c-1A0c6JvjimCq_RlwNMKtA01gCLcBGAs/s1600/Willow-Hand-Kisuii-Swim-2019-Lookbook11.jpg); --img5: url(https://www.fashiongonerogue.com/wp-content/uploads/2019/06/Willow-Hand-Kisuii-Swim-2019-Lookbook02.jpg); /*relationship images*/ --rimage1: url(https://cdn.shopify.com/s/files/1/0533/2089/files/placeholder-images-image_large.png?format=jpg&quality=90&v=1530129081); --rimage2: url(https://cdn.shopify.com/s/files/1/0533/2089/files/placeholder-images-image_large.png?format=jpg&quality=90&v=1530129081); --rimage3: url(https://cdn.shopify.com/s/files/1/0533/2089/files/placeholder-images-image_large.png?format=jpg&quality=90&v=1530129081); padding: 70px 20px; background: var(--color4); color: var(--color3); font-size: 12px; font-family: Karla;][border=none; padding: 0px; margin: auto; max-width: 1200px;][comment] ---header---- [/comment][border=none; padding: 0px; display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;][border=none; padding: 0px; width: 100%; max-width: 800px;][border=none; padding: 0px; font-family: Oswald; font-size: 70px; text-transform: uppercase; color: var(--color1); margin-top: -25px;]character name[/border][/border][border=none; padding: 0px; width: 400px; text-align: right;][border=none; padding: 0px; font-family: Montserrat; color: var(--color2); font-size: 20px; letter-spacing: 4px; text-transform: uppercase; margin-top: 35px;]title / role[/border][/border][/border][comment] ---body---- [/comment][border=none; padding: 0px;][comment] ------first row------ [/comment][border=none; padding: 0px; display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;][comment] ----first column----- [/comment][border=none; padding: 0px; width: 340px;][comment] -------first image------ [/comment][border=none; padding: 0px; margin-top: 15px; margin-right: 15px; height: 240px; background: var(--img1); background-size: cover; background-position: 50% 0%;][/border][comment] -------start of general info--------- [/comment][border=none; padding: 20px; background: var(--color1); box-sizing: border-box; margin-top: 30px; margin-right: 15px; margin-bottom: 15px;][border=none; padding: 0px; box-sizing: border-box; width: 100%; height: 140px; overflow: hidden;][border=none; padding: 0px; height: 100%; width: 200%; overflow-y: auto;][border=none; padding: 0px; height: auto; width: 50%; box-sizing: border-box;][comment] -----name-----[/comment][border=none; padding: 0px; display: flex; flex-direction: row; width: 100%;][border=none; padding: 20px 0px 0px 0px; width: 30px; margin-right: 20px; font-size: 20px; color: var(--color);][fa]fal fa-id-card[/fa][/border][border=none; padding: 0px; width: 100%;][border=none; padding: 0px 0px 10px 0px; font-family: Montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-bottom: 1px solid var(--color6);]full name[/border][border=none; padding: 10px 0px 0px 0px; text-align: justify;]info here.[/border][/border][/border][comment] -----nicknames-----[/comment][border=none; padding: 0px; display: flex; flex-direction: row; width: 100%; margin-top: 20px;][border=none; padding: 20px 0px 0px 0px; width: 30px; margin-right: 20px; font-size: 20px; color: var(--color);][fa]fal fa-users[/fa][/border][border=none; padding: 0px; width: 100%;][border=none; padding: 0px 0px 10px 0px; font-family: Montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-bottom: 1px solid var(--color6);]nicknames[/border][border=none; padding: 10px 0px 0px 0px; text-align: justify;]info here.[/border][/border][/border][comment] -----age-----[/comment][border=none; padding: 0px; display: flex; flex-direction: row; width: 100%; margin-top: 20px;][border=none; padding: 20px 0px 0px 0px; width: 30px; margin-right: 20px; font-size: 20px; color: var(--color);][fa]fal fa-calendar[/fa][/border][border=none; padding: 0px; width: 100%;][border=none; padding: 0px 0px 10px 0px; font-family: Montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-bottom: 1px solid var(--color6);]age[/border][border=none; padding: 10px 0px 0px 0px; text-align: justify;]info here.[/border][/border][/border][comment] -----birthday-----[/comment][border=none; padding: 0px; display: flex; flex-direction: row; width: 100%; margin-top: 20px;][border=none; padding: 20px 0px 0px 0px; width: 30px; margin-right: 20px; font-size: 20px; color: var(--color);][fa]fal fa-birthday-cake[/fa][/border][border=none; padding: 0px; width: 100%;][border=none; padding: 0px 0px 10px 0px; font-family: Montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-bottom: 1px solid var(--color6);]birthday[/border][border=none; padding: 10px 0px 0px 0px; text-align: justify;]info here.[/border][/border][/border][comment] -----gender-----[/comment][border=none; padding: 0px; display: flex; flex-direction: row; width: 100%; margin-top: 20px;][border=none; padding: 20px 0px 0px 0px; width: 30px; margin-right: 20px; font-size: 20px; color: var(--color);][fa]fal fa-venus[/fa][/border][border=none; padding: 0px; width: 100%;][border=none; padding: 0px 0px 10px 0px; font-family: Montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-bottom: 1px solid var(--color6);]gender[/border][border=none; padding: 10px 0px 0px 0px; text-align: justify;]info here.[/border][/border][/border][comment] -----sexuality-----[/comment][border=none; padding: 0px; display: flex; flex-direction: row; width: 100%; margin-top: 20px;][border=none; padding: 20px 0px 0px 0px; width: 30px; margin-right: 20px; font-size: 20px; color: var(--color);][fa]fal fa-heart[/fa][/border][border=none; padding: 0px; width: 100%;][border=none; padding: 0px 0px 10px 0px; font-family: Montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-bottom: 1px solid var(--color6);]sexuality[/border][border=none; padding: 10px 0px 0px 0px; text-align: justify;]info here.[/border][/border][/border][comment] -----place of birth-----[/comment][border=none; padding: 0px; display: flex; flex-direction: row; width: 100%; margin-top: 20px;][border=none; padding: 20px 0px 0px 0px; width: 30px; margin-right: 20px; font-size: 20px; color: var(--color);][fa]fal fa-map-marker-alt[/fa][/border][border=none; padding: 0px; width: 100%;][border=none; padding: 0px 0px 10px 0px; font-family: Montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-bottom: 1px solid var(--color6);]place of birth[/border][border=none; padding: 10px 0px 0px 0px; text-align: justify;]info here.[/border][/border][/border][comment] -----occupation-----[/comment][border=none; padding: 0px; display: flex; flex-direction: row; width: 100%; margin-top: 20px;][border=none; padding: 20px 0px 0px 0px; width: 30px; margin-right: 20px; font-size: 20px; color: var(--color);][fa]fal fa-briefcase[/fa][/border][border=none; padding: 0px; width: 100%;][border=none; padding: 0px 0px 10px 0px; font-family: Montserrat; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-bottom: 1px solid var(--color6);]occupation[/border][border=none; padding: 10px 0px 0px 0px; text-align: justify;]info here.[/border][/border][/border][comment] -------end of general info----[/comment][/border][/border][/border][/border][/border][comment] ----second column / appearance info----- [/comment][border=none; padding: 0px; width: 570px;][border=none; padding: 20px; box-sizing: border-box; margin: 15px; height: 450px; background: var(--color5);][border=none; padding: 0px; height: 35px; font-family: Oswald; color: var(--color1); font-size: 20px; line-height: 16px; text-transform: uppercase; border-bottom: 1px dashed var(--color3);]appearance[/border][border=none; padding: 0px; box-sizing: border-box; width: 100%; height: 360px; margin-top: 15px; overflow: hidden;][border=none; padding: 0px; height: 100%; width: 200%; overflow-y: auto;][border=none; padding: 0px; height: auto; width: 50%; box-sizing: border-box; line-height: 20px; text-align: justify;][border=none; padding: 0px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]height[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color1);]info.[/border] [border=none; padding: 0px; margin-top: -15px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]weight[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color1);]info.[/border] [border=none; padding: 0px; margin-top: -15px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]hair[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color1);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis. Etiam in finibus est. Aliquam vehicula sem vitae ante volutpat, at semper erat egestas. Aenean scelerisque felis felis, ut bibendum dui bibendum ut.[/border] [border=none; padding: 0px; margin-top: -15px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]eyes[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color1);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus.[/border] [border=none; padding: 0px; margin-top: -15px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]build[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color1);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis. Etiam in finibus est. Aliquam vehicula sem vitae ante volutpat, at semper erat egestas. Aenean scelerisque felis felis, ut bibendum dui bibendum ut.[/border] [border=none; padding: 0px; margin-top: -15px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]modifications[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color1);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus.[/border] [border=none; padding: 0px; margin-top: -15px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]face claim[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color1);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis.[/border][comment] ---------end of appearance------[/comment][/border][/border][/border][/border][/border][comment] ----third column / image----- [/comment][border=none; padding: 0px; width: 290px;][border=none; padding: 0px; height: 450px; margin-top: 15px; margin-left: 15px; margin-bottom: 15px; background: var(--img2); background-size: cover; background-position: 50% 50%;][/border][/border] [/border][comment] ----end of first row----- -------start of second row------- [/comment][border=none; padding: 0px; display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;][comment] --------first column-------- [/comment][border=none; padding: 0px; width: 650px;][comment] ----------third image--------- [/comment][border=none; padding: 0px; margin-right: 15px; margin-top: 15px; background: var(--img3); background-size: cover; background-position: 50% 45%; height: 120px;][/border][comment] ----------images & quote-------- [/comment][border=none; padding: 0px; margin-top: 30px; margin-right: 15px; margin-bottom: 15px; display: flex; flex-direction: row; justify-content: space-evenly;][comment] -------image 4------[/comment][border=none; padding: 0px; height: 271px; background: var(--img4); background-size: 250px; background-position: 50% 0%; width: 25%;][/border][comment] -------quote-----[/comment][border=none; padding: 20px; box-sizing: border-box; height: 271px; background: var(--color5); width: 40%; margin-right: 5%; margin-left: 5%; text-align: center; display: flex; flex-direction: column; justify-content: space-evenly; font-family: Oswald; text-transform: uppercase; font-size: 20px;]❝ quote here ❞[/border][comment] ---------image 5--------[/comment][border=none; padding: 0px; height: 271px; background: var(--img5); background-size: 220px; background-position: 50% 70%; width: 25%;][/border][comment] ------end of images & quote------[/comment][/border][comment] ------end of first column--------[/comment][/border][comment] --------second column / persona info-------- [/comment][border=none; padding: 0px; box-sizing: border-box; width: 550px;][border=none; padding: 20px; margin-top: 15px; margin-left: 15px; margin-bottom: 15px; background: var(--color1);] [border=none; padding: 0px; height: 35px; font-family: Oswald; color: var(--color3); font-size: 20px; line-height: 16px; text-transform: uppercase; border-bottom: 1px dashed var(--color6);]persona[/border][border=none; padding: 0px; box-sizing: border-box; width: 100%; height: 330px; margin-top: 15px; overflow: hidden;][border=none; padding: 0px; height: 100%; width: 200%; overflow-y: auto;][border=none; padding: 0px; height: auto; width: 50%; box-sizing: border-box; line-height: 20px; text-align: justify;][border=none; padding: 0px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]personality[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color6);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis. Etiam in finibus est. Aliquam vehicula sem vitae ante volutpat, at semper erat egestas. Aenean scelerisque felis felis, ut bibendum dui bibendum ut. Ut non purus sem. Sed at mattis nisl. Ut lorem orci, venenatis a velit eu, egestas auctor turpis. Duis in nibh ut diam pellentesque eleifend ac vel nunc. Pellentesque nec viverra massa. In hac habitasse platea dictumst. Morbi hendrerit varius pretium. In faucibus et dui ac varius.[/border] [border=none; padding: 0px; margin-top: -15px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]hobbies[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color6);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis. Etiam in finibus est.[/border] [border=none; padding: 0px; margin-top: -15px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]fears[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color6);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis. Etiam in finibus est.[/border] [border=none; padding: 0px; margin-top: -15px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]ailments[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color6);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis.[/border] [border=none; padding: 0px; margin-top: -15px; font-size: 13px; text-transform: uppercase; font-weight: bold; font-style: italic;]skills[/border][border=none; padding: 0px; padding-left: 10px; border-left: 1px solid var(--color6);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis. Etiam in finibus est. Aliquam vehicula sem vitae ante volutpat, at semper erat egestas. Aenean scelerisque felis felis, ut bibendum dui bibendum ut. Ut non purus sem.[/border][comment] ------end of persona-----[/comment][/border][/border][/border][/border][/border] [/border][comment] ----end of second row----- -------start of third row------- [/comment][border=none; padding: 0px; display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;][comment] --------first column / background info-------- [/comment][border=none; padding: 0px; width: 490px;][border=none; padding: 20px; margin-top: 15px; margin-right: 15px; background: var(--color1);] [border=none; padding: 0px; height: 35px; font-family: Oswald; color: var(--color3); font-size: 20px; line-height: 16px; text-transform: uppercase; border-bottom: 1px dashed var(--color6);]background[/border][border=none; padding: 0px; box-sizing: border-box; width: 100%; height: 330px; margin-top: 15px; overflow: hidden;][border=none; padding: 0px; height: 100%; width: 200%; overflow-y: auto;][border=none; padding: 0px; height: auto; width: 50%; box-sizing: border-box; line-height: 20px; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis. Etiam in finibus est. Aliquam vehicula sem vitae ante volutpat, at semper erat egestas. Aenean scelerisque felis felis, ut bibendum dui bibendum ut. Ut non purus sem. Sed at mattis nisl. Ut lorem orci, venenatis a velit eu, egestas auctor turpis. Duis in nibh ut diam pellentesque eleifend ac vel nunc. Pellentesque nec viverra massa. In hac habitasse platea dictumst. Morbi hendrerit varius pretium. In faucibus et dui ac varius. Curabitur a orci leo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin ligula est, vestibulum et lacus hendrerit, varius placerat orci. Vivamus tincidunt fringilla urna non auctor. Nullam non lectus urna. Duis sit amet varius felis. Proin et accumsan erat. Donec nisl neque, ultricies ut ex sit amet, mollis efficitur massa. Sed nec dolor enim. Aliquam tristique magna a bibendum gravida. Maecenas vitae bibendum velit, eu finibus sem. Sed sed nisl id risus lacinia accumsan a tristique nunc. Nulla nec leo risus. Pellentesque sollicitudin ligula et nunc consectetur, et venenatis tellus venenatis. Mauris luctus bibendum risus. Cras sit amet lacus lacus. Aenean est quam, scelerisque id elementum quis, imperdiet quis nisl. Suspendisse mollis at elit sit amet mollis. Suspendisse ullamcorper diam et erat semper, eu efficitur nunc cursus. Sed convallis vehicula nisl nec pellentesque. Maecenas purus erat, sodales ac accumsan ut, molestie a leo. Sed erat ligula, scelerisque sed tempor quis, lobortis suscipit risus. Vivamus felis purus, posuere eu sem bibendum, suscipit dapibus enim. Sed leo augue, placerat vehicula ultrices rhoncus, bibendum nec libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed non pretium justo. Nullam ut lacinia nisl. Vivamus in pharetra nisl. Aenean varius hendrerit volutpat. Aenean in gravida nibh. Vivamus gravida iaculis tempus. Aenean semper nulla ipsum. Curabitur augue ligula, consectetur eu sodales a, placerat eu risus. Duis scelerisque, nibh quis tempor porta, eros sapien aliquam urna, a sodales libero massa at leo. In aliquam tellus id lacus sollicitudin congue. Quisque dignissim maximus est sed accumsan. Aliquam ut lectus et justo vestibulum tristique. Curabitur consequat aliquet hendrerit.[/border][/border][/border][/border][/border][comment] --------second column / relationships--------- [/comment][border=none; padding: 0px; width: 710px;][border=none; padding: 0px; display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap; margin-left: 15px;][comment] --------first relationship--------- [/comment][border=none; padding: 0px; margin-top: 15px; padding-top: 70px; box-sizing: border-box; width: 211px; height: 422px;][border=none; padding: 20px; box-sizing: border-box; background: var(--color5); height: 352px;][border=none; padding: 0px; background: var(--rimage1); background-size: cover; background-position: 50% 50%; border-radius: 100%; height: 150px; width: 150px; margin: auto; margin-top: -90px;][/border][border=none; padding: none; text-align: center; height: 20px; display: flex; flex-direction: column; justify-content: space-evenly; margin-top: 10px;][border=none; padding: 0px; color: var(--color1); font-family: Oswald; font-size: 18px; text-transform: uppercase;]name[/border][border=none; padding: 0px; font-family: Montserrat; font-size: 9px; text-transform: uppercase; letter-spacing: 3px;]relationship[/border][/border][border=none; padding: 0px; box-sizing: border-box; width: 100%; height: 185px; margin-top: 15px; overflow: hidden;][border=none; padding: 0px; height: 100%; width: 200%; overflow-y: auto;][border=none; padding: 0px; height: auto; width: 50%; box-sizing: border-box; line-height: 21px; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis. Etiam in finibus est. Aliquam vehicula sem vitae ante volutpat, at semper erat egestas. Aenean scelerisque felis felis, ut bibendum dui bibendum ut. Ut non purus sem. Sed at mattis nisl. Ut lorem orci, venenatis a velit eu, egestas auctor turpis. Duis in nibh ut diam pellentesque eleifend ac vel nunc. Pellentesque nec viverra massa. In hac habitasse platea dictumst. Morbi hendrerit varius pretium. In faucibus et dui ac varius.[/border][/border][/border][/border][/border][comment] --------second relationship--------- [/comment][border=none; padding: 0px; margin-top: 15px; padding-top: 70px; box-sizing: border-box; width: 213px; margin-left: 30px; margin-right: 30px; height: 422px;][border=none; padding: 20px; box-sizing: border-box; background: var(--color5); height: 352px;][border=none; padding: 0px; background: var(--rimage2); background-size: cover; background-position: 50% 50%; border-radius: 100%; height: 150px; width: 150px; margin: auto; margin-top: -90px;][/border][border=none; padding: none; text-align: center; height: 20px; display: flex; flex-direction: column; justify-content: space-evenly; margin-top: 10px;][border=none; padding: 0px; color: var(--color1); font-family: Oswald; font-size: 18px; text-transform: uppercase;]name[/border][border=none; padding: 0px; font-family: Montserrat; font-size: 9px; text-transform: uppercase; letter-spacing: 3px;]relationship[/border][/border][border=none; padding: 0px; box-sizing: border-box; width: 100%; height: 185px; margin-top: 15px; overflow: hidden;][border=none; padding: 0px; height: 100%; width: 200%; overflow-y: auto;][border=none; padding: 0px; height: auto; width: 50%; box-sizing: border-box; line-height: 21px; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis. Etiam in finibus est. Aliquam vehicula sem vitae ante volutpat, at semper erat egestas. Aenean scelerisque felis felis, ut bibendum dui bibendum ut. Ut non purus sem. Sed at mattis nisl. Ut lorem orci, venenatis a velit eu, egestas auctor turpis. Duis in nibh ut diam pellentesque eleifend ac vel nunc. Pellentesque nec viverra massa. In hac habitasse platea dictumst. Morbi hendrerit varius pretium. In faucibus et dui ac varius.[/border][/border][/border][/border][/border][comment] --------third relationship--------- [/comment][border=none; padding: 0px; margin-top: 15px; padding-top: 70px; box-sizing: border-box; width: 211px; height: 422px;][border=none; padding: 20px; box-sizing: border-box; background: var(--color5); height: 352px;][border=none; padding: 0px; background: var(--rimage3); background-size: cover; background-position: 50% 50%; border-radius: 100%; height: 150px; width: 150px; margin: auto; margin-top: -90px;][/border][border=none; padding: none; text-align: center; height: 20px; display: flex; flex-direction: column; justify-content: space-evenly; margin-top: 10px;][border=none; padding: 0px; color: var(--color1); font-family: Oswald; font-size: 18px; text-transform: uppercase;]name[/border][border=none; padding: 0px; font-family: Montserrat; font-size: 9px; text-transform: uppercase; letter-spacing: 3px;]relationship[/border][/border][border=none; padding: 0px; box-sizing: border-box; width: 100%; height: 185px; margin-top: 15px; overflow: hidden;][border=none; padding: 0px; height: 100%; width: 200%; overflow-y: auto;][border=none; padding: 0px; height: auto; width: 50%; box-sizing: border-box; line-height: 21px; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis aliquam metus. Morbi vulputate dui eget est laoreet venenatis. Etiam in finibus est. Aliquam vehicula sem vitae ante volutpat, at semper erat egestas. Aenean scelerisque felis felis, ut bibendum dui bibendum ut. Ut non purus sem. Sed at mattis nisl. Ut lorem orci, venenatis a velit eu, egestas auctor turpis. Duis in nibh ut diam pellentesque eleifend ac vel nunc. Pellentesque nec viverra massa. In hac habitasse platea dictumst. Morbi hendrerit varius pretium. In faucibus et dui ac varius.[/border][/border][/border][/border][/border] [/border][/border][comment] ------------end of second column----------- [/comment][/border][comment] -----------end of third row----------- -----------end of body----------- [/comment][/border][/border][border=none; padding: 0px; position: relative; margin-top: 30px; font-size: 10px; text-align: center; color: #666; text-transform: uppercase; letter-spacing: 2px; font-family: Karla;]coded by natasha.[/border][/border]