Single post in Guide to CSS: Beginner to Expert

[sc=bloodcode][sc=bg][/sc][sc=padding][sc=quotebox]"Reality is just the perception of a particular person"[/sc][/sc][sc=hr][hr][/sc][sc=profilepic][img]https://i.postimg.cc/tTwsCcL1/download-8-1-100x100-100x100.jpg[/img][/sc] [sc=maintext] [/sc] [/sc] [style] /* latin */ @font-face { font-family: 'Gloria Hallelujah'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/gloriahallelujah/v21/LYjYdHv3kUk9BMV96EIswT9DIbW-MIS11zM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .bloodcode { background: black; .bg{ background-image:url('https://i.postimg.cc/7YRh3NJh/Drawing-5.png'); height: 140px; width: 100px; background-repeat: no-repeat; } .profilepic { img{ border: 3px solid #c10510; border-radius: 100px; margin-top: -200px; } } .quotebox { font-family: 'Gloria Hallelujah'; float: right; color: #c10510; border: 3px solid #c10510; margin-top: -40%; margin-right: 3%; width: 60%; padding-right: 3px; padding-left: 3px; padding-top: 5px; font-size: 10px; height: 60px; height: 30px; } padding { margin-bottom: 300px; } hr { color: white; } } [/style]