#girl {
color: pink;
position: fixed;
bottom: 0;
}
#boy {
color: lightblue;
position: relative;
bottom: 20cm;
}
#boy:focus {
bottom: 0;
}
#girl:active, #boy:active {
margin: 0;
padding: 0;
display: table-row;
}
#girl:active {
position: absolute;
bottom: 0;
clear: both;
}
#boy:active {
margin: 0;
padding: 0;
}
#girl:after {
content: 'Im pregnant';
}
#boy:after {
content: 'Wasnt me';
}
#girl .father:active .sniper > #boy {
text-decoration: blink;
display: cross-hair;
}
#boy {
visibility: none;
}
#girl:after {
padding: 200%;
overflow: visible;
}
From Nerudo Mregi