tilde-town-website/says/trans/rights/index.html

54 lines
1007 B
HTML

<!DOCTYPE html>
<html>
<head>
<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-transform: uppercase;
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 -->