<!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 -->