minocernota.com f

CSS riddles

What film is this?

.men {
    color: rgba(0,0,0,1);
}

What Ed Sheeran song is this?

.song {
    shape-outside: url('persons/you.png');
}

What serial is this?

.serial {
    height: 80cm;
    color: red;
}

What band is this?

.travel {
    animation: mars 30000ms forwards;
}

What AC/DC song is this?

.song {
    background: #000;
    background: #f00;
    background: rgb(0,0,0);
}

What film is this?

.horse_with_one_horn:last-child {
    color: #fff;
}

What film is this?

.film {
    width: 63360in;
    background: rgb(0,255,0);
}

What film is this?

.film {
    height: 1px;
    width: 100%;
    background: #ff0000ff;
}

What game is this?

.warning_message {
    color: #f00;
}

What film is this?

.me {
     transform: scale(100);
}

What game is this?

.game::before {
    content: "colossus";
    tex-shadow: 0 0 10px rgba(0,0,0,0.15);
}

What superhero is this?

.hero {
    width: 20cm;
    height: 35cm;
    border: 2cm solid #000;
    background: green;
    box-shadow: 0 0 20cm green;
}

What film is this?

.patrick {
    opacity: 0.3;
}

What film is this?

.city {
    background: linear-gradient(to right,black 20%,gray 20%, gray 40%,white 40%,white 60%,red 60%,red 80%,yellow 80%);
}

What building is this?

.building {
    font-style: italic;
}

What superhero is this?

:root {
    --skin: rgb(0,255,0);
}
.hero {
    color: white;
}
            
.hero.angry {
    color: var(--skin);
    transform: scale(2);
}

What Iron Maiden song is this?

.male:nth-child(7) > .male:nth-child(7) {
    /* code */
}

What fairy tale is this?

.princesses_bed .object {
    bottom: 0;
    width: 1cm;
    height: 1cm;
    border-radius: 50%;
    background: green;
}

What superhero is this?

.person:not(.woman) {
    background: aqua;
}

What mystical creature is this?

.creature::before {
    content: "Bull";
    display: thead;
}
.creature::after {
    content: "Human";
    display: tbody;
}

Who film is this?

.person_1::before {
    content: "IQ:40";
}
.person_2::before {
    content: "IQ:30";
}

What band is this?

.band {
    bottom: -12000cm;
    color: rgb(150,0,150);
}

Who are these people?

.woman:first-child {
    /* code */
}
.man:first-child {
    /* code */
}

Who are these people?

.father > .son {
    counter-reset: hands 1;
}
.father > .son::before {
    content: "Noooooo";
}

Who are these superheroes?

.girl:nth-child(1) {
    color: blue;
}
.girl:nth-child(2) {
    color: red;
}
.girl:nth-child(3) {
    color: #00ff00ff;
}

What building is this?

.building {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100px 100px 100px;
    border-color: transparent transparent sandybrown transparent;
}

What animal is this?

.animal {
    background: repeating-linear-gradient(to right,black 0cm,black 10cm,white 10cm,white 20cm);
}

What film is this?

.nightmare + .christmas {
    /* code */
}

What building is this?

.house {
    color: hsla(120deg,50%,50%,1);
    filter: brightness(100);
}

What fiction land is this?

.land {
    grid-template-areas: "lindor eriador eriador rhovanion rhovanion rhun"
                         "lindor eriador eriador rhovanion rhovanion rhun"
                         "sea    eriador eriador rohan     rhovanion rhun"
                         "sea    sea     gondor  gondor    mordor    mordor"
                         "sea    sea     sea     gondor    mordor    mordor";
}

(Bonus) What Toto song is this?

@counter-style song {
  system: fixed;
  symbols: in em fr px rem;
  suffix: "i";
  prefix: "a";
}
                
ul {
  list-style: song;
}
                
.song:nth-child(3)::before {
  content: "ca";
}