54 lines
1007 B
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 -->
|