<!DOCTYPE html> <html lang="en"> <head> <title>Trans Rights</title> <style> body { margin: 0; padding: 0; } div.flag { display: block; position: absolute; height: 100%; width: 100%; display: flex; flex-flow: column; justify-content: center; align-items: center; background: linear-gradient(#5BCEFA 20%, #F5A9B8 20% 40%, white 40% 60%, #F5A9B8 60% 80%, #5BCEFA 80% 100%); } div.words { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 10vw; text-shadow: 0.3vw 0.5vw 0vw #dde; } div.words.smaller { font-size: 3vw; } </style> </head> <body> <div class="flag"> <div class="words"> TRANS RIGHTS </div> <div class="words smaller"> ARE </div> <div class="words"> HUMAN RIGHTS </div> </div> </body> </html> <!-- The code comprising this webpage is licensed CC0 https://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Feel free to copy and use in your own works. --> <!-- Transgender Pride Flag originally designed by Monica Helms -->