纯css实现一个建灯塔的小游戏代码
代码语言:html
所属分类:游戏
代码描述:纯css实现一个建灯塔的小游戏代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> @charset "UTF-8"; .house.row3:checked ~ div, .shed.row3:checked ~ div { filter: hue-rotate(-20deg); } .house.row2:checked ~ div, .shed.row2:checked ~ div { filter: hue-rotate(-35deg); } .house.row1:checked ~ div, .shed.row1:checked ~ div { filter: hue-rotate(-50deg); } html { font-size: 0.97vh; width: 100%; height: 100%; background: #f3cece; overflow: hidden; } body { margin: 0; overflow: hidden; width: 100%; height: 100%; background: linear-gradient(rgba(96, 139, 136, 0.5), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); box-shadow: inset 0 0 5rem 0 #252529; } body, body *, body *:before, body *:after { display: block; top: 0; left: 0; box-sizing: border-box; position: absolute; content: ""; } div, house, shed, hbtn, sbtn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 50rem; height: 50rem; display: flex; flex-wrap: wrap; align-content: flex-start; } div label, house label, shed label, hbtn label, sbtn label { width: calc(50rem / 4); height: calc(50rem / 4); position: relative; border: none; background: none; padding: 0; margin: 0; display: inline; cursor: pointer; box-shadow: 0 0 0 2rem rgba(255, 255, 255, 0); } div label *, div label *:before, div label *:after, house label *, house label *:before, house label *:after, shed label *, shed label *:before, shed label *:after, hbtn label *, hbtn label *:before, hbtn label *:after, sbtn label *, sbtn label *:before, sbtn label *:after { transform: translate3d(0, 0, 0); z-index: 1; left: 0; top: 0; background: none; border: none; box-shadow: none; pointer-events: none; } div label > i:nth-of-type(1):before, div label > i:nth-of-type(1):after, house label > i:nth-of-type(1):before, house label > i:nth-of-type(1):after, shed label > i:nth-of-type(1):before, shed label > i:nth-of-type(1):after, hbtn label > i:nth-of-type(1):before, hbtn label > i:nth-of-type(1):after, sbtn label > i:nth-of-type(1):before, sbtn label > i:nth-of-type(1):after { filter: blur(0.5rem); border: 1rem solid rgba(111, 111, 122, 0.75); width: 5rem; height: 5rem; background: #6f6f7a; opacity: 0; border-radius: 50%; box-shadow: 2rem -1.5rem 0 1rem rgba(111, 111, 122, 0.75), 3rem -2rem 0 1.5rem rgba(111, 111, 122, 0.5); } colour { width: 100%; height: 100%; } colour input, colour br { position: relative; display: inline-block; opacity: 0.2; top: 1rem; left: 1rem; transform: scale(0.75); margin: -0.2rem; } @media (max-width: 900px) { colour input, colour br { display: none; } } colour input:checked { opacity: 1; } colour br { display: block; } input { display: none; } div.main { -webkit-box-reflect: below 4rem; } div.ss { pointer-events: none; } sbtn { height: calc(50rem - (50rem / 4)); bottom: auto; } sbtn label { border: solid 1px rgba(116, 116, 116, 0.1); } sbtn label:nth-of-type(1) { border-radius: 3rem 0 0 0; } sbtn label:nth-of-type(4) { border-radius: 0 3rem 0 0; } sbtn label:hover { border-color: #555; } hbtn label:nth-of-type(n + 12) { border: solid 1px rgba(116, 116, 116, 0.1); } hbtn label:nth-of-type(n + 12):hover { border-color: #555; } @keyframes smoke { 0% { transform: scale(0.2) translate3d(0, 0, 0) rotate(-15deg); opacity: 0.075; } 50% { transform: scale(1) translate3d(2rem, -4rem, 0) rotate(0); opacity: 0.15; } 100% { transform: scale(2) translate3d(5rem, -5rem, 0) rotate(10deg); opacity: 0; } } island { position: absolute; top: 76rem; top: 49.25rem; left: -50%; right: -50%; margin: auto; width: 80rem; height: 5rem; background: #bcac2f; border-radius: 55% 55% 45% 45%; } grass { position: absolute; z-index: 500; top: 76rem; top: 49.25rem; left: -50%; right: -50%; margin: auto; width: 80rem; height: 5rem; -webkit-box-reflect: below -5rem; transform: skewX(0); } grass:after, grass:before { top: 0.75rem; left: 0.6rem; z-index: 100; width: 0.5rem; height: 1.75rem; transform: skewY(60deg); background: #bcac2f; box-shadow: 1rem -1.6rem 0 #bcac2f, 2.1rem -3.6rem 0 #bcac2f, 2.9rem -4.8rem 0 #bcac2f, 4rem -7rem 0 #bcac2f; filter: drop-shadow(5rem -8.3rem 0 #bcac2f) drop-shadow(10rem -17.3rem 0 #bcac2f) drop-shadow(20rem -34.5rem 0 #bcac2f) drop-shadow(40rem -69rem 0 #bcac2f); } grass:before { transform: skewY(-60deg); box-shadow: 1rem 1.6rem 0 #bcac2f, 2.1rem 3.6rem 0 #bcac2f, 2.9rem 4.8rem 0 #bcac2f, 4rem 7rem 0 #bcac2f; filter: drop-shadow(5rem 8.3rem 0 #bcac2f) drop-shadow(10rem 17.3rem 0 #bcac2f) drop-shadow(20rem 34.5rem 0 #bcac2f) drop-shadow(40rem 69rem 0 #bcac2f); left: 0; top: 1.5rem; } @keyframes grass { 100% { transform: skewX(5deg); } } input:focus ~ div > div { animation: thud 0.1s linear; } @keyframes thud { 0% { transform: translate3d(0, 1rem, 0); } 60% { transform: translate3d(0, -0.5rem, 0); } 80% { transform: translate3d(0, 0.25rem, 0); } } sig { z-index: 500; opacity: 0.2; font-size: 0.5rem; color: #000; width: 10em; top: auto; left: auto; bottom: 1em; right: 1em; transform: skewX(10deg) scaleY(0.45) rotate(2deg); } sig, sig * { height: 9.25em; overflow: hidden; border-radius: 0.5em; } sig:before, sig *:before { width: 5em; height: 5em; background: currentColor; transform: translate3d(-2.5em, 0, 0) rotate(-45deg); box-shadow: -3em 3em 0 0 currentColor; border-radius: 0.5em 2em 0.5em 2em; } sig * { width: 5em; transform: translate3d(3.75em, 0, 0) scaleY(0.95); display: block !important; } sig *:before { transform: translate3d(-3em, -2em, 0) rotate(-45deg); box-shadow: -3em 3em 0 0 currentColor, -6em 6em 0 0 currentColor; border-radius: 0.5em; } text { width: 95%; max-width: 70rem; bottom: 25%; color: #e7e19d; right: 0; margin: auto; height: 1rem; font-size: 2.5rem; text-align: center; font-family: Telefon, Sans-Serif; z-index: -1; transform: scale(0); font-weight: 100; letter-spacing: 0.1rem; opacity: 0; } text welldone, text gameover { box-shadow: 0 0 5rem #ff7700, inset 0 0 0 0.5rem #fff; background: rgba(32, 17, 42, 0.95); padding: 5rem; border-radius: 5rem; border: 1rem solid #20112a; } text welldone { display: none; } text * { position: static; } text p:nth-of-type(1) { font-size: 4rem; } text p:nth-of-type(odd) { color: #bc2f73; } text label { position: absolute; left: auto; right: 3rem; top: 3rem; color: #bc2f73; padding: 2rem; border-radius: 2rem; box-shadow: 0 0 1rem rgba(255, 255, 255, 0); cursor: pointer; transition: box-shadow 0.25s ease-in-out; box-sizing: border-box; line-height: 1; } text label:hover, text label:focus { box-shadow: 0 0 0.15rem #fff; } text a { padding: 0.5rem 1rem; border-radius: 1rem; text-decoration: none; background: #bc2f73; color: #20112a; box-shadow: 0 0 0 1rem rgba(255, 255, 255, 0), inset 0 0 0 0 rgba(255, 255, 255, 0.2); transition: all 0.2s ease-in-out; } text a:hover, text a:focus { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), inset 0 0 0 3rem rgba(255, 255, 255, 0.2); } #done:checked ~ text { transform: scale(0) !important; transition: all 0.5s ease-in-out; opacity: 0; } colour > *:not(.lh):not(text) { filter: hue-rotate(0deg) brightness(100%); animation: set 400s linear infinite; } @media screen and (max-device-width: 480px) { colour > *:not(.lh):not(text) { animation: none; } } @keyframes set { 15%, 85% { filter: hue-rotate(0deg) brightness(100%); } 30%, 70% { filter: hue-rotate(-20deg) brightness(10%); } 40%, 60% { filter: hue-rotate(-40deg) brightness(50%); } } stars { width: 220rem; height: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; animation: stars 400s linear infinite; -webkit-box-reflect: below -50rem; opacity: 0; z-index: 0; } stars:before { width: 0.5rem; height: 0.5rem; box-shadow: 7vmin 22vmin 0 -.2rem #f9b9c8 , 2vmin 38vmin 0 -.1rem #8ba4fc , 24vmin 8vmin 0 -.2rem #a4fc8b , 77vmin 47vmin 0 -.2rem #8bcffc , 41vmin 21vmin 0 -.1rem #fc8bbc , 74vmin 13vmin 0 -.1rem #b5fc8b , 178vmin 37vmin 0 -.1rem #8bb7fc , 68vmin 24vmin 0 -.2rem #8bfca1 , 65vmin 4vmin 0 -.2rem #fc8bc2 , 98vmin 19vmin 0 -.1rem #8bfcc1 , 27vmin 5vmin 0 -.2rem #fcc18b , 110vmin 33vmin 0 -.2rem #8bd7fc , 169vmin 5vmin 0 -.2rem #fcfc8b , 192vmin 18vmin 0 -.2rem #fce08b , 31vmin 24vmin 0 -.2rem #c0fc8b , 86vmin 16vmin 0 -.2rem #fcfc8b , 114vmin 33vmin 0 -.2rem #8bd5fc , 108vmin 53vmin 0 -.1rem #8bb5fc , 200vmin 30vmin 0 -.2rem #8bfca9 , 113vmin 15vmin 0 -.1rem #fc8bb3 , 87vmin 13vmin 0 -.1rem #fcad8b , 69vmin 55vmin 0 -.2rem #fc968b , 49vmin 37vmin 0 -.1rem #fce58b , 88vmin 29vmin 0 -.2rem #fcde8b , 53vmin 10vmin 0 -.1rem #8bfcd4 , 80vmin 25vmin 0 -.2rem #dafc8b , 174vmin 15vmin 0 -.2rem #cf8bfc , 55vmin 9vmin 0 -.1rem #8ba2fc , 8vmin 59vmin 0 -.2rem #fc8bba , 54vmin 19vmin 0 -.2rem #fca08b , 162vmin 32vmin 0 -.1rem #8bedfc , 45vmin 50vmin 0 -.2rem #e9fc8b , 5vmin 5vmin 0 -.1rem #e58bfc , 77vmin 34vmin 0 -.2rem #fc8f8b , 32vmin 12vmin 0 -.2rem #a2fc8b , 152vmin 19vmin 0 -.1rem #8bfcd1 , 190vmin 40vmin 0 -.1rem #8bfcfc , 82vmin 7vmin 0 -.1rem #fcc58b , 75vmin 11vmin 0 -.1rem #8bfcba , 73vmin 8vmin 0 -.2rem #fc8bf8 , 17vmin 14vmin 0 -.1rem #d7fc8b , 169vmin 59vmin 0 -.2rem #8bfce7 , 181vmin 2vmin 0 -.1rem #8bfafc , 116vmin 38vmin 0 -.2rem #8bfcc1 , 190vmin 19vmin 0 -.2rem #d8fc8b , 104vmin 35vmin 0 -.2rem #fcda8b , 176vmin 39vmin 0 -.2rem #8bfcb8 , 41vmin 29vmin 0 -.1rem #a9fc8b , 58vmin 15vmin 0 -.2rem #8bcdfc , 173vmin 12vmin 0 -.1rem #8bfc9e; border-radius: 50%; content: ""; position: absolute; top: 5rem; left: 5rem; } stars i:before, stars i:after { width: 0.5rem; height: 0.5rem; top: 40rem; left: 40rem; background: #fff; border-radius: 50%; animation: stars 1s linear infinite; opacity: 0.5; box-shadow: 0 0 1rem #fff; } stars i:after { top: 20rem; left: 180rem; animation: stars 1s 0.5s linear infinite; background: #f9b9c8; } sky { width: 100%; height: 78.5rem; overflow: hidden; -webkit-box-reflect: below 0; z-index: 0; } sky:before, sky:after { width: 100%; height: 100%; background: linear-gradient(#323248 10%, #fbd447, #d8480f); opacity: 0; animation: sky 400s linear infinite; } sky:after { background: linear-gradient(#19043f, #1a0f6c); } time { pointer-events: none; } time, time sun { width: 170rem; height: 170rem; left: -100%; right: -100%; top: -100%; bottom: -170%; margin: auto; } time sun { bottom: -100%; transform: rotate(0deg); z-index: 1; animation: sun 400s linear infinite; filter: blur(1rem) brightness(400%); } time sun:before { width: 25rem; height: 25rem; border-radius: 50%; background: radial-gradient(#bcb02f, #bc2f2f); right: 0; margin: auto; transform: rotate(0deg); } time sun:after { width: 10rem; height: 10rem; border-radius: 50%; box-shadow: inset 0 2rem 0 #5a4e38; background: rgba(0, 0, 0, 0.1); left: 60%; top: auto; bottom: 0; transform: rotate(0deg); z-index: 1; } @media (max-width: 500px) { time, input { display: none; } } div.ss lens { top: 20rem; left: 70rem; animation: lensflair 400s linear infinite; width: 60rem; height: 60rem; filter: brightness(150%); transform: rotate(0); opacity: 0; } div.ss lens:before { width: 60rem; height: 60rem; border-radius: 50%; top: 0; right: -50%; left: -50%; margin: auto; box-shadow: 0 70rem 0 -20rem yellow, 0 50rem 0 -25rem yellow, 0 100rem 0 5rem #f437c5, inset 0 0 3rem #ff7700; border: 1rem solid #ff7700; } div.ss lens:after { width: 100rem; height: 100rem; border-radius: 50%; top: 140rem; right: -50%; left: -50%; margin: auto; border: 1rem solid yellow; box-shadow: 0 0 3rem red, inset 0 0 3rem blue; } @keyframes lensflair { 20%, 30%, 70%, 80% { opacity: 0; } 25%, 75% { opacity: 0.05; } 100% { transform: rotate(360deg); opacity: 0; } } @keyframes sun { 20%, 80% { filter: blur(1rem) brightness(390%); } 27%, 73% { filter: blur(1rem) brightness(200%); } 100% { transform: rotate(360deg); } } @keyframes stars { 50% { opacity: 1; } } @keyframes sky { 20%, 85% { filter: brightness(100%); opacity: 0; } 30%, 70% { filter: brightness(100%); opacity: 1; } 40%, 60% { filter: brightness(20%); opacity: 1; } } sunset { width: 150%; height: 20rem; left: -25%; top: 60rem; background: radial-gradient(farthest-side at 70% 100%, #ff6400, rgba(255, 255, 255, 0)); filter: blur(1rem); -webkit-box-reflect: below 0; animation: sunset 400s linear infinite; opacity: 0; transform: translate3d(0, 20rem, 0); } sunset:before { width: 100rem; height: 50rem; left: 55%; top: -10rem; border-radius: 50%; background: radial-gradient(#ff6400, rgba(255, 255, 255, 0)); opacity: 0.1; } sunset:after { width: 50rem; height: 25rem; left: 65%; top: 5rem; border-radius: 50%; background: radial-gradient(#fffd91, rgba(255, 255, 255, 0)); opacity: 0.1; } @keyframes sunset { 28%, 75% { opacity: 1; transform: translate3d(0, 0, 0); } 20%, 35%, 70%, 80% { opacity: 0; transform: translate3d(0, 20rem, 0); } } text:nth-of-type(2) { animation: gameover 400s linear; } @keyframes gameover { 34.8% { transform: scale(0); z-index: 0; display: block; opacity: 0; } 35%, 100% { transform: scale(1); z-index: 410; transition: all 0.5s 1.5s ease-in-out; opacity: 1; } } tree:nth-of-type(1) { width: 10rem; height: 60.5rem; top: -10rem; transform: skew(-2deg); border-radius: 0 50% 2rem 0; box-shadow: 0.5rem 0 0 #683f44, 1rem 0 0 #885259, 3rem 0 0 #683f44, 5rem 0 0 #20112a; } tree:nth-of-type(1):before { left: 16rem; width: 10rem; height: 60.5rem; box-shadow: -2rem 0 0 #20112a, -3rem 0 0 #683f44, -4rem 0 0 #20112a; border-radius: 50% 0 0 2rem; transform: skew(4deg); } tree:nth-of-type(1):after { top: -4rem; width: 10rem; height: 5rem; border-radius: 60% 60% 40% 40% / 70% 70% 40% 40%; background: #6abc2f; box-shadow: inset -1rem -1rem 1rem rgba(104, 63, 68, 0.1), 13rem 0 0 -0.2rem rgba(104, 63, 68, 0.1), 9rem 1rem 0 -1rem rgba(104, 63, 68, 0.1), -2rem -3rem 0 1rem rgba(104, 63, 68, 0.1), 5rem -5rem 0 -0.5rem rgba(104, 63, 68, 0.1), 7rem -4rem 0 rgba(104, 63, 68, 0.1), 11rem -2rem 0 -0.5rem rgba(104, 63, 68, 0.1), 12rem 0 0 -0.2rem #bcac2f, 8rem 1rem 0 -1rem #bcac2f, -3rem -3rem 0 1rem #96bc2f, 4rem -5rem 0 -0.5rem #bcac2f, 6rem -4rem 0 #96bc2f, 10rem -2rem 0 -0.5rem #bcac2f; } tree:nth-of-type(2) { width: 10rem; height: 50.5rem; top: 0; left: 25rem; transform: skew(-3deg); border-radius: 0 50% 2rem 0; box-shadow: 0.5rem 0 0 #683f44, 1rem 0 0 #885259, 3rem 0 0 #683f44, 5rem 0 0 #20112a; } tree:nth-of-type(2):before { left: 16rem; width: 10rem; height: 50.5rem; box-shadow: -1.5rem 0 0 #20112a, -2.5rem 0 0 #683f44, -3rem 0 0 #20112a; border-radius: 50% 0 0 2rem; transform: skew(4deg); } tree:nth-of-type(2):after { top: -4rem; left: 17rem; width: 10rem; height: 5rem; border-radius: 60% 60% 40% 40% / 70% 70% 40% 40%; background: #6abc2f; box-shadow: inset -1rem -1rem 1rem rgba(104, 63, 68, 0.1), -19rem 1rem 0 -0.2rem rgba(104, 63, 68, 0.1), -14rem -4rem 0 -1rem rgba(104, 63, 68, 0.1), -13rem -1rem 0 1rem rgba(104, 63, 68, 0.1), -1rem -4rem 0 -0.5rem rgba(104, 63, 68, 0.1), -4rem -1rem 0 rgba(104, 63, 68, 0.1), -21rem -2rem 0 -0.5rem rgba(104, 63, 68, 0.1), -7rem -5rem 0 1rem rgba(104, 63, 68, 0.1), -20rem 1rem 0 -0.2rem #bcac2f, -15rem -4rem 0 -1rem #bcac2f, -15rem -1rem 0 1rem #96bc2f, -2rem -4rem 0 -0.5rem #bcac2f, -5rem -1rem 0 #96bc2f, -22rem -2rem 0 -0.5rem #bcac2f, -8rem -5rem 0 1rem #96bc2f; } tree i:nth-of-type(1), tree i:nth-of-type(1):before, tree i:nth-of-type(1):after { width: 2.5rem; height: 0.5rem; background: #84d24c; border-radius: 0 0 100% 100%; top: -5rem; filter: drop-shadow(3rem 1.5rem 0 #938625) drop-shadow(1.5rem 2.5rem 0 #938625); z-index: 1; left: -3rem; opacity: 0.5; } tree i:nth-of-type(1):before { left: 6rem; top: -1rem; filter: drop-shadow(2rem 1.5rem 0 #938625); } tree i:nth-of-type(1):after { left: 15rem; top: -1.5rem; filter: drop-shadow(2.5rem 0.5rem 0 #938625) drop-shadow(1rem 2rem 0 #938625); } tree:nth-of-type(2) i:nth-of-type(1):after { left: 20rem; } tree i:nth-of-type(2), tree i:nth-of-type(2):before, tree i:nth-of-type(2):after { width: 0.5rem; height: 0.25rem; background: #96bc2f; border-radius: 100% 0 100% 0; top: -2rem; } tree i:nth-of-type(2):before { left: 8rem; top: -1rem; } tree i:nth-of-type(2):after { left: 20rem; top: 1.5rem; } [type="radio"]:focus ~ div > div > tree i:nth-of-type(1), [type="radio"]:focus ~ div > div > tree:after { animation: shake 0.3s ease-in-out; } [type="radio"]:focus ~ div > div > tree > i:nth-of-type(2) { animation: fall 5s ease-in-out; } [type="radio"]:focus ~ div > div > tree > i:nth-of-type(2):before { animation: fall 10s ease-in-out; } [type="radio"]:focus ~ div > div > tree > i:nth-of-type(2):before { animation: fall 5s ease-in-out; } @keyframes shake { 40% { transform: translate3d(0, 0.5rem, 0); } 60% { transform: translate3d(0, -0.25rem, 0); } 80% { transform: translate3d(0, 0.15rem, 0); } } @keyframes fall { 100% { transform: translate3d(0, 15rem, 0); opacity: 0; } } water { position: absolute; top: 78.5rem; bottom: 0; left: -100%; right: -100%; margin: auto; width: 100%; height: 25rem; background: linear-gradient(rgba(96, 139, 136, 0.5), #f3cece); z-index: 99; overflow: hidden; box-shadow: inset 0 0 5rem 0 rgba(37, 37, 41, 0.5); } water:before, water:after, water i { width: 80rem; height: 3rem; border-radius: 50%; opacity: 0.2; right: 0; margin: auto; transform: scaleX(1) scaleY(0); top: -1.5rem; border: 0.5rem solid #fff; box-shadow: 0 0 1rem 0.5rem #040b27, inset 0 0 1rem 1rem #040b27, inset 0 0 1rem #fff; } water:before { animation: waves 6s ease-in-out infinite; } water:after { animation: waves 8s 2s ease-in-out infinite; } input:focus ~ water > i { animation: waves 3s 0.25s ease-out; } @keyframes waves { 100% { transform: scaleX(1.5) scaleY(7); opacity: 0; } } shed > label > i:nth-of-type(5) { width: 100%; height: 100%; } shed > label > i:nth-of-type(5):after { width: 2rem; border-left: 0.5rem solid #252529; border-right: 0.5rem solid #252529; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 1.5rem, #252529 1.5rem, #252529 2rem); height: 325%; left: -1.5rem; transform: rotate(-1deg); top: 10.5rem; display: none; } shed > label > i:nth-of-type(5):before { width: 13rem; height: 3rem; top: 10.5rem; left: 12.5rem; border: 0.5rem dashed rgba(255, 255, 255, 0); border-bottom-color: #683f44; box-shadow: 0 0.25rem 0 #683f44; transform: rotate(-3deg); border-radius: 50%; display: none; } shed > label:nth-of-type(n + 5) > i:nth-of-type(5):after { height: 225%; } shed > label:nth-of-type(n + 9) > i:nth-of-type(5):after { height: 15rem; } shed > label:nth-of-type(even) > i:nth-of-type(5):after { left: 10rem; transform: rotate(2deg); } .hs.row1.col1:checked ~ div > div > shed > .row1.col1:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1):before, .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after { display: block; } .hs.row1.col1:checked ~ div > div > shed > .row2.col1:after, .hs.row1.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after, .hs.row1.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1) { display: none; } .hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(3):before, .hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(2), .hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(5):after { display: none; } .hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(3) { height: 0; } .hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 2rem; } .hs.shed.row1.col-2:not(:checked) ~ .hs.row1.col1:checked ~ .shed.hs.row1.col2:not(:checked) ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row1.col-2:not(:checked) ~ .hs.row1.col1:checked ~ .shed.hs.row1.col2:not(:checked) ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1) { left: 11rem; } .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col1:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col1:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3) { height: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 1rem; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after { display: none; } .hs.row3.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row2.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after { display: none !important; } .hs.row1.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1), .hs.row1.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):after { display: none; } .hs.row1.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1:after, .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1:after { width: 110%; right: -1.25rem; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1):before, .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: block; } .hs.row1.col2:checked ~ div > div > shed > .row2.col2:after, .hs.row1.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after, .hs.row1.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { display: none; } .hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(3):before, .hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(2), .hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(5):after { display: none; } .hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(3) { height: 0; } .hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 1rem; } .hs.shed.row1.col-1:not(:checked) ~ .hs.row1.col2:checked ~ .shed.hs.row1.col3:not(:checked) ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row1.col-1:not(:checked) ~ .hs.row1.col2:checked ~ .shed.hs.row1.col3:not(:checked) ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) { left: 11rem; } .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col2:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col2:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3) { height: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 2rem; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row3.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none !important; } .hs.row1.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1), .hs.row1.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after { display: none; } .hs.row1.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2:after, .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2:after { width: 110%; right: -1.25rem; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1):before, .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { display: block; } .hs.row1.col3:checked ~ div > div > shed > .row2.col3:after, .hs.row1.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after, .hs.row1.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) { display: none; } .hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(3):before, .hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(2), .hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(5):after { display: none; } .hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(3) { height: 0; } .hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 1rem; } .hs.shed.row1.col0:not(:checked) ~ .hs.row1.col3:checked ~ .shed.hs.row1.col4:not(:checked) ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row1.col0:not(:checked) ~ .hs.row1.col3:checked ~ .shed.hs.row1.col4:not(:checked) ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) { left: 11rem; } .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col3:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3) { height: 0; } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 2rem; } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { display: none; } .hs.row3.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { display: none !important; } .hs.row1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1), .hs.row1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after { display: none; } .hs.row1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3:after, .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3:after { width: 110%; right: -1.25rem; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1):before, .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after { display: block; } .hs.row1.col4:checked ~ div > div > shed > .row2.col4:after, .hs.row1.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after, .hs.row1.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1) { display: none; } .hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(3):before, .hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(2), .hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(5):after { display: none; } .hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(3) { height: 0; } .hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 2rem; } .hs.shed.row1.col1:not(:checked) ~ .hs.row1.col4:checked ~ .shed.hs.row1.col5:not(:checked) ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row1.col1:not(:checked) ~ .hs.row1.col4:checked ~ .shed.hs.row1.col5:not(:checked) ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1) { left: 11rem; } .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col4:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3) { height: 0; } .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 2rem; } .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after { display: none; } .hs.row3.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after { display: none !important; } .hs.row1.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1), .hs.row1.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after { display: none; } .hs.row1.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4:after, .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4:after { width: 110%; right: -1.25rem; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1:before { width: 110%; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2:after { width: 120%; left: -1.25rem; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2:before { width: 110%; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3:after { width: 120%; left: -1.25rem; } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3:before { width: 110%; } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4:after { width: 120%; left: -1.25rem; } .hs.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ div > div > shed > .row1.col2 > i:nth-of-type(1) { left: 11rem; } .hs.row1.col4:checked ~ .hs.shed.row1.col5:not(:checked) ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row1.col4:checked ~ .hs.shed.row1.col5:not(:checked) ~ div > div > shed > .row1.col4 > i:nth-of-type(1) { left: 11rem; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) { display: none; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):before { width: 10.25rem; } .hs.row1.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after { left: 6rem; transform: rotate(3deg); } .hs.row1.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) { left: 10rem; } .hs.row1.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { left: -2.5rem; transform: rotate(-3deg); } .hs.row1.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after, .hs.row1.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1), .hs.row1.col2:checked ~ .hs.row1.col-3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after, .hs.row1.col2:checked ~ .hs.row1.col-3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) { display: none; } .hs.row1.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { left: 10rem; transform: rotate(2deg); } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after, .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) { display: none; } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):before { width: 10.25rem; } .hs.row1.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after { left: 6rem; transform: rotate(3deg); } .hs.row1.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) { left: 10rem; } .hs.row1.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { left: -2.5rem; transform: rotate(-3deg); } .hs.row1.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after, .hs.row1.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1), .hs.row1.col3:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after, .hs.row1.col3:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) { display: none; } .hs.row1.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { left: 10rem; transform: rotate(2deg); } .hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before { display: block; width: 210%; } .hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before, .hs.shed.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):before { display: block; width: 110%; } .hs.row2.col2:checked ~ .hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before, .hs.row2.col3:checked ~ .hs.shed.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):before, .hs.row2.col3:checked ~ .hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before, .hs.row2.col2:checked ~ .hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before, .hs.shed.row2.col1:checked ~ .hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before, .hs.shed.row2.col2:checked ~ .hs.shed.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):before { top: 1rem; border: none; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1):before, .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after { display: block; } .hs.row2.col1:checked ~ div > div > shed > .row3.col1:after, .hs.row2.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after, .hs.row2.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1) { display: none; } .hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):before, .hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(2), .hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after { display: none; } .hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3) { height: 0; } .hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 2rem; } .hs.shed.row2.col-2:not(:checked) ~ .hs.row2.col1:checked ~ .shed.hs.row2.col2:not(:checked) ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row2.col-2:not(:checked) ~ .hs.row2.col1:checked ~ .shed.hs.row2.col2:not(:checked) ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1) { left: 11rem; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col1:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3) { height: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 1rem; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after { display: none; } .hs.row4.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row3.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after { display: none !important; } .hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1), .hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after { display: none; } .hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1:after, .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1:after { width: 110%; right: -1.25rem; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1):before, .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { display: block; } .hs.row2.col2:checked ~ div > div > shed > .row3.col2:after, .hs.row2.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after, .hs.row2.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { display: none; } .hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):before, .hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(2), .hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3) { height: 0; } .hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 1rem; } .hs.shed.row2.col-1:not(:checked) ~ .hs.row2.col2:checked ~ .shed.hs.row2.col3:not(:checked) ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row2.col-1:not(:checked) ~ .hs.row2.col2:checked ~ .shed.hs.row2.col3:not(:checked) ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { left: 11rem; } .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3) { height: 0; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 2rem; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { display: none; } .hs.row4.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { display: none !important; } .hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1), .hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after { display: none; } .hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2:after, .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2:after { width: 110%; right: -1.25rem; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1):before, .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { display: block; } .hs.row2.col3:checked ~ div > div > shed > .row3.col3:after, .hs.row2.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after, .hs.row2.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) { display: none; } .hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):before, .hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(2), .hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3) { height: 0; } .hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 2rem; } .hs.shed.row2.col0:not(:checked) ~ .hs.row2.col3:checked ~ .shed.hs.row2.col4:not(:checked) ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row2.col0:not(:checked) ~ .hs.row2.col3:checked ~ .shed.hs.row2.col4:not(:checked) ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) { left: 11rem; } .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3) { height: 0; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 1rem; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { display: none; } .hs.row4.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { display: none !important; } .hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1), .hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3:after, .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3:after { width: 110%; right: -1.25rem; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1):before, .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after { display: block; } .hs.row2.col4:checked ~ div > div > shed > .row3.col4:after, .hs.row2.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after, .hs.row2.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1) { display: none; } .hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):before, .hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(2), .hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after { display: none; } .hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3) { height: 0; } .hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 1rem; } .hs.shed.row2.col1:not(:checked) ~ .hs.row2.col4:checked ~ .shed.hs.row2.col5:not(:checked) ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row2.col1:not(:checked) ~ .hs.row2.col4:checked ~ .shed.hs.row2.col5:not(:checked) ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1) { left: 11rem; } .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3) { height: 0; } .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 2rem; } .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after { display: none; } .hs.row4.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after { display: none !important; } .hs.row2.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1), .hs.row2.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after { display: none; } .hs.row2.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4:after, .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4:after { width: 110%; right: -1.25rem; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1:before { width: 110%; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2:after { width: 120%; left: -1.25rem; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2:before { width: 110%; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3:after { width: 120%; left: -1.25rem; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3:before { width: 110%; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4:after { width: 120%; left: -1.25rem; } .hs.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { left: 11rem; } .hs.row2.col4:checked ~ .hs.shed.row2.col5:not(:checked) ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row2.col4:checked ~ .hs.shed.row2.col5:not(:checked) ~ div > div > shed > .row2.col4 > i:nth-of-type(1) { left: 11rem; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after, .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { display: none; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):before { width: 10.25rem; } .hs.row2.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after { left: 6rem; transform: rotate(3deg); } .hs.row2.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { left: 10rem; } .hs.row2.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { left: -2.5rem; transform: rotate(-3deg); } .hs.row2.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after, .hs.row2.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1), .hs.row2.col2:checked ~ .hs.row2.col-3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after, .hs.row2.col2:checked ~ .hs.row2.col-3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { display: none; } .hs.row2.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { left: 10rem; transform: rotate(2deg); } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after, .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) { display: none; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):before { width: 10.25rem; } .hs.row2.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after { left: 6rem; transform: rotate(3deg); } .hs.row2.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) { left: 10rem; } .hs.row2.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { left: -2.5rem; transform: rotate(-3deg); } .hs.row2.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after, .hs.row2.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1), .hs.row2.col3:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after, .hs.row2.col3:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) { display: none; } .hs.row2.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { left: 10rem; transform: rotate(2deg); } .hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before { display: block; width: 210%; } .hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before, .hs.shed.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):before { display: block; width: 110%; } .hs.row3.col2:checked ~ .hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before, .hs.row3.col3:checked ~ .hs.shed.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):before, .hs.row3.col3:checked ~ .hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before, .hs.row3.col2:checked ~ .hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before, .hs.shed.row3.col1:checked ~ .hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before, .hs.shed.row3.col2:checked ~ .hs.shed.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):before { top: 1rem; border: none; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1):before, .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after { display: block; } .hs.row3.col1:checked ~ div > div > shed > .row4.col1:after, .hs.row3.col1:checked ~ div > div > shed > .row4.col1 > i:nth-of-type(3):after, .hs.row3.col1:checked ~ div > div > shed > .row4.col1 > i:nth-of-type(1) { display: none; } .hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):before, .hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(2), .hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after { display: none; } .hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3) { height: 0; } .hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 2rem; } .hs.shed.row3.col-2:not(:checked) ~ .hs.row3.col1:checked ~ .shed.hs.row3.col2:not(:checked) ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row3.col-2:not(:checked) ~ .hs.row3.col1:checked ~ .shed.hs.row3.col2:not(:checked) ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1) { left: 11rem; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col1:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col1:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3) { height: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 2rem; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after { display: none; } .hs.row5.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row4.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after { display: none !important; } .hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1), .hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after { display: none; } .hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1:after, .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1:after { width: 110%; right: -1.25rem; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1):before, .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { display: block; } .hs.row3.col2:checked ~ div > div > shed > .row4.col2:after, .hs.row3.col2:checked ~ div > div > shed > .row4.col2 > i:nth-of-type(3):after, .hs.row3.col2:checked ~ div > div > shed > .row4.col2 > i:nth-of-type(1) { display: none; } .hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):before, .hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(2), .hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { display: none; } .hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3) { height: 0; } .hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 2rem; } .hs.shed.row3.col-1:not(:checked) ~ .hs.row3.col2:checked ~ .shed.hs.row3.col3:not(:checked) ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row3.col-1:not(:checked) ~ .hs.row3.col2:checked ~ .shed.hs.row3.col3:not(:checked) ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { left: 11rem; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col2:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3) { height: 0; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 1rem; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { display: none; } .hs.row5.col2:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row4.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { display: none !important; } .hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1), .hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after { display: none; } .hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2:after, .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2:after { width: 110%; right: -1.25rem; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1):before, .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { display: block; } .hs.row3.col3:checked ~ div > div > shed > .row4.col3:after, .hs.row3.col3:checked ~ div > div > shed > .row4.col3 > i:nth-of-type(3):after, .hs.row3.col3:checked ~ div > div > shed > .row4.col3 > i:nth-of-type(1) { display: none; } .hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):before, .hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(2), .hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { display: none; } .hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3) { height: 0; } .hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4) { transform: scale(1); right: 2rem; left: 1rem; } .hs.shed.row3.col0:not(:checked) ~ .hs.row3.col3:checked ~ .shed.hs.row3.col4:not(:checked) ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row3.col0:not(:checked) ~ .hs.row3.col3:checked ~ .shed.hs.row3.col4:not(:checked) ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) { left: 11rem; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3) { height: 0; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 1rem; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { display: none; } .hs.row5.col3:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row4.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { display: none !important; } .hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1), .hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after { display: none; } .hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3:after, .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3:after { width: 110%; right: -1.25rem; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4:before { background: repeating-linear-gradient(#bcb02f 1rem, #683f44 2.3rem); width: 90%; height: 98%; left: 1.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 0 0 #20112a; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4:after { width: 105%; height: 5rem; background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); top: -2rem; border-bottom: solid 0.5rem #252529; box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); border-radius: 0.5rem; left: auto; right: -1rem; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4) { width: 4rem; height: 4rem; right: 0; margin: auto; background: rgba(79, 1, 14, 0.3); top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); transform: scale(0.5); } .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4):before { width: 3.4rem; height: 0.5rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); } .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4):after { width: 0.5rem; height: 3.4rem; background: #252529; left: 0.3rem; top: 0.4rem; border-radius: 0.25rem; box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; background: #bcb02f; top: 3rem; border-radius: 0.5rem; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after { left: -4rem; border: 1rem solid rgba(255, 255, 255, 0); top: -11rem; border-bottom-color: #252529; transform: rotate(-3deg); height: 4rem; box-shadow: 0 3.7rem 0 -0.5rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):before { width: 14.5rem; height: 4.5rem; border-top: 0.5rem solid #20112a; border-bottom: 0.5rem solid #20112a; top: 5rem; left: -5rem; background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); border-radius: 0.5rem; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(2):before { width: 1rem; height: 9rem; background: #20112a; top: -7rem; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(odd) > i:nth-of-type(2) { width: 1rem; background: #20112a; height: 3rem; border-radius: 0.25rem; top: 18.5rem; left: 10rem; transform: rotate(5deg); } .hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(odd) > i:nth-of-type(2):before { transform: rotate(-45deg); left: -3rem; border-radius: 0 1rem 0 0; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(odd) > i:nth-of-type(2):after { width: 1rem; height: 4rem; transform: rotate(45deg); background: #20112a; top: -6.5rem; left: -2rem; border-radius: 1rem 0 0 0; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(even) > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(even) > i:nth-of-type(1) { left: 11rem; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(even) > i:nth-of-type(2):before { transform: rotate(45deg); left: 5rem; border-radius: 1rem 0 0 0; top: 11rem; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1):before, .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1):after { top: -7.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after { display: block; } .hs.row3.col4:checked ~ div > div > shed > .row4.col4:after, .hs.row3.col4:checked ~ div > div > shed > .row4.col4 > i:nth-of-type(3):after, .hs.row3.col4:checked ~ div > div > shed > .row4.col4 > i:nth-of-type(1) { display: none; } .hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):before, .hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(2), .hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after { display: none; } .hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3) { height: 0; } .hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 2rem; } .hs.shed.row3.col1:not(:checked) ~ .hs.row3.col4:checked ~ .shed.hs.row3.col5:not(:checked) ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.shed.row3.col1:not(:checked) ~ .hs.row3.col4:checked ~ .shed.hs.row3.col5:not(:checked) ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1) { left: 11rem; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4:before { border-top-left-radius: 0; border-top-right-radius: 0; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4:before { height: 12.5rem; box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3) { height: 0; } .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4) { transform: scale(1); right: 1rem; left: 2rem; } .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after { display: none; } .hs.row5.col4:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after { display: none; } .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { display: none; } .hs.row4.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after { display: none !important; } .hs.row3.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1), .hs.row3.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after { display: none; } .hs.row3.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4:after, .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4:after { width: 110%; right: -1.25rem; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1:before { width: 110%; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col2:after { width: 120%; left: -1.25rem; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2:before { width: 110%; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col3:after { width: 120%; left: -1.25rem; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3:before { width: 110%; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col4:after { width: 120%; left: -1.25rem; } .hs.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { left: 11rem; } .hs.row3.col4:checked ~ .hs.shed.row3.col5:not(:checked) ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after { left: 7rem; transform: rotate(3deg); } .hs.row3.col4:checked ~ .hs.shed.row3.col5:not(:checked) ~ div > div > shed > .row3.col4 > i:nth-of-type(1) { left: 11rem; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after, .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { display: none; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):before { width: 10.25rem; } .hs.row3.col2:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after { left: 6rem; transform: rotate(3deg); } .hs.row3.col2:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { left: 10rem; } .hs.row3.col2:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { left: -2.5rem; transform: rotate(-3deg); } .hs.row3.col2:checked ~ .hs.row3.col-1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after, .hs.row3.col2:checked ~ .hs.row3.col-1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1), .hs.row3.col2:checked ~ .hs.row3.col-3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after, .hs.row3.col2:checked ~ .hs.row3.col-3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { display: none; } .hs.row3.col2:checked ~ .hs.row3.col-1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { left: 10rem; transform: rotate(2deg); } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after, .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) { display: none; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):before { width: 10.25rem; } .hs.row3.col3:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after { left: 6rem; transform: rotate(3deg); } .hs.row3.col3:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) { left: 10rem; } .hs.row3.col3:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { left: -2.5rem; transform: rotate(-3deg); } .hs.row3.col3:checked ~ .hs.row3.col0:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after, .hs.row3.col3:checked ~ .hs.row3.col0:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1), .hs.row3.col3:checked ~ .hs.row3.col-2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after, .hs.row3.col3:checked ~ .hs.row3.col-2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) { display: none; } .hs.row3.col3:checked ~ .hs.row3.col0:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { left: 10rem; transform: rotate(2deg); } .hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before { display: block; width: 210%; } .hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before, .hs.shed.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):before { display: block; width: 110%; } .hs.row4.col2:checked ~ .hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before, .hs.row4.col3:checked ~ .hs.shed.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):before, .hs.row4.col3:checked ~ .hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before, .hs.row4.col2:checked ~ .hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before, .hs.shed.row4.col1:checked ~ .hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before, .hs.shed.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):before { top: 1rem; border: none; } div > div > house > label > i:nth-of-type(5) { width: 13rem; height: 3rem; top: 1rem; border-bottom-color: #683f44; box-shadow: 0 0.25rem 0 #683f44; border-radius: 50%; left: -0.5rem; z-index: 1; display: none; } div > div > house > label > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 1rem; transform: rotate(5deg); z-index: -1 !important; filter: drop-shadow(2rem 0.25rem 0 #bc2f73) drop-shadow(2rem 0rem 0 #bcb02f); } div > div > house > label > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 7rem; transform: rotate(-5deg); z-index: -1 !important; filter: drop-shadow(2rem -0.25rem 0 #bc2f73) drop-shadow(2rem 0rem 0 #bcb02f); } .hs.row1.col1:checked ~ div > div > house > .row1.col1:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row1.col1:checked ~ div > div > house > .row1.col1:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row1.col1:checked ~ div > div > house > .row1.col1.col4 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1):before, .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(2), .hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(1) { display: none; } .hs.house.row2.col1:checked ~ .hs.shed.row1.col1:checked ~ div > div > house > .row1.col1 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row2.col1:checked ~ .hs.shed.row1.col1:checked ~ div > div > house > .row2.col1:before { background: #bcb02f; } .hs.shed.row2.col1:checked ~ .hs.house.row1.col1:checked ~ div > div > house > .row1.col1 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row2.col1:checked ~ .hs.house.row1.col1:checked ~ div > div > house > .row2.col1:before { background: #bc2f2f; } .hs.house.row1.col-2:not(:checked) ~ .hs.house.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.house.row-1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row1.col-2:not(:checked) ~ .hs.house.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.house.row-1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1) { left: 11rem; } .hs.row0.col0:checked ~ .hs.row0.col1:not(:checked) ~ div > div > house > .row1.col1 > i:nth-of-type(2):after, .hs.house.row0.col1:not(:checked) ~ .hs.house.row-1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row0.col0:checked ~ .hs.row0.col1:not(:checked) ~ div > div > house > .row1.col1 > i:nth-of-type(1), .hs.house.row0.col1:not(:checked) ~ .hs.house.row-1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1) { left: 5rem; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.house.row0.col0:not(:checked) ~ .hs.shed.row0.col0:not(:checked) ~ .hs.row0.col1:checked ~ div > div > house > .row1.col1 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.house.row0.col0:not(:checked) ~ .hs.shed.row0.col0:not(:checked) ~ .hs.row0.col1:checked ~ div > div > house > .row1.col1 i:nth-of-type(1), .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.house.row0.col0:not(:checked) ~ .hs.shed.row0.col0:not(:checked) ~ .hs.row0.col1:checked ~ div > div > house > .row1.col1 i:nth-of-type(2):after { display: none; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1), .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after { display: none; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row1.col2:checked ~ div > div > house > .row1.col2:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row1.col2:checked ~ div > div > house > .row1.col2:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row1.col2:checked ~ div > div > house > .row1.col2.col2 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1):before, .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(2), .hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(1) { display: none; } .hs.house.row2.col2:checked ~ .hs.shed.row1.col2:checked ~ div > div > house > .row1.col2 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row2.col2:checked ~ .hs.shed.row1.col2:checked ~ div > div > house > .row2.col2:before { background: #bcb02f; } .hs.shed.row2.col2:checked ~ .hs.house.row1.col2:checked ~ div > div > house > .row1.col2 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row2.col2:checked ~ .hs.house.row1.col2:checked ~ div > div > house > .row2.col2:before { background: #bc2f2f; } .hs.house.row1.col-1:not(:checked) ~ .hs.house.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.house.row-1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row1.col-1:not(:checked) ~ .hs.house.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.house.row-1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1) { left: 11rem; } .hs.row0.col1:checked ~ .hs.row0.col2:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(2):after, .hs.house.row0.col2:not(:checked) ~ .hs.house.row-1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row0.col1:checked ~ .hs.row0.col2:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(1), .hs.house.row0.col2:not(:checked) ~ .hs.house.row-1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1) { left: 5rem; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.house.row0.col1:not(:checked) ~ .hs.shed.row0.col1:not(:checked) ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.house.row0.col1:not(:checked) ~ .hs.shed.row0.col1:not(:checked) ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2 i:nth-of-type(1), .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.house.row0.col1:not(:checked) ~ .hs.shed.row0.col1:not(:checked) ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after { display: none; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1), .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after { display: none; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row1.col3:checked ~ div > div > house > .row1.col3:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row1.col3:checked ~ div > div > house > .row1.col3:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row1.col3:checked ~ div > div > house > .row1.col3.col3 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1):before, .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(2), .hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(1) { display: none; } .hs.house.row2.col3:checked ~ .hs.shed.row1.col3:checked ~ div > div > house > .row1.col3 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row2.col3:checked ~ .hs.shed.row1.col3:checked ~ div > div > house > .row2.col3:before { background: #bcb02f; } .hs.shed.row2.col3:checked ~ .hs.house.row1.col3:checked ~ div > div > house > .row1.col3 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row2.col3:checked ~ .hs.house.row1.col3:checked ~ div > div > house > .row2.col3:before { background: #bc2f2f; } .hs.house.row1.col0:not(:checked) ~ .hs.house.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.house.row-1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row1.col0:not(:checked) ~ .hs.house.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.house.row-1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { left: 11rem; } .hs.row0.col2:checked ~ .hs.row0.col3:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(2):after, .hs.house.row0.col3:not(:checked) ~ .hs.house.row-1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row0.col2:checked ~ .hs.row0.col3:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(1), .hs.house.row0.col3:not(:checked) ~ .hs.house.row-1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { left: 5rem; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.house.row0.col2:not(:checked) ~ .hs.shed.row0.col2:not(:checked) ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.house.row0.col2:not(:checked) ~ .hs.shed.row0.col2:not(:checked) ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 i:nth-of-type(1), .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.house.row0.col2:not(:checked) ~ .hs.shed.row0.col2:not(:checked) ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 i:nth-of-type(2):after { display: none; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1), .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after { display: none; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row1.col4:checked ~ div > div > house > .row1.col4:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row1.col4:checked ~ div > div > house > .row1.col4:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row1.col4:checked ~ div > div > house > .row1.col4.col1 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1):before, .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(2), .hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(1) { display: none; } .hs.house.row2.col4:checked ~ .hs.shed.row1.col4:checked ~ div > div > house > .row1.col4 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row2.col4:checked ~ .hs.shed.row1.col4:checked ~ div > div > house > .row2.col4:before { background: #bcb02f; } .hs.shed.row2.col4:checked ~ .hs.house.row1.col4:checked ~ div > div > house > .row1.col4 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row2.col4:checked ~ .hs.house.row1.col4:checked ~ div > div > house > .row2.col4:before { background: #bc2f2f; } .hs.house.row1.col1:not(:checked) ~ .hs.house.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.house.row-1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row1.col1:not(:checked) ~ .hs.house.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.house.row-1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1) { left: 11rem; } .hs.row0.col3:checked ~ .hs.row0.col4:not(:checked) ~ div > div > house > .row1.col4 > i:nth-of-type(2):after, .hs.house.row0.col4:not(:checked) ~ .hs.house.row-1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row0.col3:checked ~ .hs.row0.col4:not(:checked) ~ div > div > house > .row1.col4 > i:nth-of-type(1), .hs.house.row0.col4:not(:checked) ~ .hs.house.row-1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1) { left: 5rem; } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.house.row0.col3:not(:checked) ~ .hs.shed.row0.col3:not(:checked) ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.house.row0.col3:not(:checked) ~ .hs.shed.row0.col3:not(:checked) ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 i:nth-of-type(1), .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.house.row0.col3:not(:checked) ~ .hs.shed.row0.col3:not(:checked) ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 i:nth-of-type(2):after { display: none; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1), .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after { display: none; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row2.col1:checked ~ div > div > house > .row2.col1:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row2.col1:checked ~ div > div > house > .row2.col1:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row2.col1:checked ~ div > div > house > .row2.col1.col4 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1):before, .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(2), .hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(1) { display: none; } .hs.house.row3.col1:checked ~ .hs.shed.row2.col1:checked ~ div > div > house > .row2.col1 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row3.col1:checked ~ .hs.shed.row2.col1:checked ~ div > div > house > .row3.col1:before { background: #bcb02f; } .hs.shed.row3.col1:checked ~ .hs.house.row2.col1:checked ~ div > div > house > .row2.col1 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row3.col1:checked ~ .hs.house.row2.col1:checked ~ div > div > house > .row3.col1:before { background: #bc2f2f; } .hs.house.row2.col-2:not(:checked) ~ .hs.house.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.house.row0.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row2.col-2:not(:checked) ~ .hs.house.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.house.row0.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1) { left: 11rem; } .hs.row1.col0:checked ~ .hs.row1.col1:not(:checked) ~ div > div > house > .row2.col1 > i:nth-of-type(2):after, .hs.house.row1.col1:not(:checked) ~ .hs.house.row0.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row1.col0:checked ~ .hs.row1.col1:not(:checked) ~ div > div > house > .row2.col1 > i:nth-of-type(1), .hs.house.row1.col1:not(:checked) ~ .hs.house.row0.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1) { left: 5rem; } .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.house.row1.col0:not(:checked) ~ .hs.shed.row1.col0:not(:checked) ~ .hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.house.row1.col0:not(:checked) ~ .hs.shed.row1.col0:not(:checked) ~ .hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(1), .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.house.row1.col0:not(:checked) ~ .hs.shed.row1.col0:not(:checked) ~ .hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(2):after { display: none; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1), .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after { display: none; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row2.col2:checked ~ div > div > house > .row2.col2:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row2.col2:checked ~ div > div > house > .row2.col2:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row2.col2:checked ~ div > div > house > .row2.col2.col3 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1):before, .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(2), .hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(1) { display: none; } .hs.house.row3.col2:checked ~ .hs.shed.row2.col2:checked ~ div > div > house > .row2.col2 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row3.col2:checked ~ .hs.shed.row2.col2:checked ~ div > div > house > .row3.col2:before { background: #bcb02f; } .hs.shed.row3.col2:checked ~ .hs.house.row2.col2:checked ~ div > div > house > .row2.col2 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row3.col2:checked ~ .hs.house.row2.col2:checked ~ div > div > house > .row3.col2:before { background: #bc2f2f; } .hs.house.row2.col-1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row0.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row2.col-1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row0.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1) { left: 11rem; } .hs.row1.col1:checked ~ .hs.row1.col2:not(:checked) ~ div > div > house > .row2.col2 > i:nth-of-type(2):after, .hs.house.row1.col2:not(:checked) ~ .hs.house.row0.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row1.col1:checked ~ .hs.row1.col2:not(:checked) ~ div > div > house > .row2.col2 > i:nth-of-type(1), .hs.house.row1.col2:not(:checked) ~ .hs.house.row0.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1) { left: 5rem; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col1:not(:checked) ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col1:not(:checked) ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(1), .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col1:not(:checked) ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after { display: none; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1), .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after { display: none; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row2.col3:checked ~ div > div > house > .row2.col3:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row2.col3:checked ~ div > div > house > .row2.col3:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row2.col3:checked ~ div > div > house > .row2.col3.col3 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1):before, .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(2), .hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(1) { display: none; } .hs.house.row3.col3:checked ~ .hs.shed.row2.col3:checked ~ div > div > house > .row2.col3 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row3.col3:checked ~ .hs.shed.row2.col3:checked ~ div > div > house > .row3.col3:before { background: #bcb02f; } .hs.shed.row3.col3:checked ~ .hs.house.row2.col3:checked ~ div > div > house > .row2.col3 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row3.col3:checked ~ .hs.house.row2.col3:checked ~ div > div > house > .row3.col3:before { background: #bc2f2f; } .hs.house.row2.col0:not(:checked) ~ .hs.house.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row0.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row2.col0:not(:checked) ~ .hs.house.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row0.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { left: 11rem; } .hs.row1.col2:checked ~ .hs.row1.col3:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(2):after, .hs.house.row1.col3:not(:checked) ~ .hs.house.row0.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row1.col2:checked ~ .hs.row1.col3:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(1), .hs.house.row1.col3:not(:checked) ~ .hs.house.row0.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { left: 5rem; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.shed.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.shed.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(1), .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.shed.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(2):after { display: none; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1), .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after { display: none; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row2.col4:checked ~ div > div > house > .row2.col4:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row2.col4:checked ~ div > div > house > .row2.col4:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row2.col4:checked ~ div > div > house > .row2.col4.col1 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1):before, .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(2), .hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(1) { display: none; } .hs.house.row3.col4:checked ~ .hs.shed.row2.col4:checked ~ div > div > house > .row2.col4 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row3.col4:checked ~ .hs.shed.row2.col4:checked ~ div > div > house > .row3.col4:before { background: #bcb02f; } .hs.shed.row3.col4:checked ~ .hs.house.row2.col4:checked ~ div > div > house > .row2.col4 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row3.col4:checked ~ .hs.house.row2.col4:checked ~ div > div > house > .row3.col4:before { background: #bc2f2f; } .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.house.row0.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.house.row0.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1) { left: 11rem; } .hs.row1.col3:checked ~ .hs.row1.col4:not(:checked) ~ div > div > house > .row2.col4 > i:nth-of-type(2):after, .hs.house.row1.col4:not(:checked) ~ .hs.house.row0.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row1.col3:checked ~ .hs.row1.col4:not(:checked) ~ div > div > house > .row2.col4 > i:nth-of-type(1), .hs.house.row1.col4:not(:checked) ~ .hs.house.row0.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1) { left: 5rem; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(1), .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(2):after { display: none; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1), .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after { display: none; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row3.col1:checked ~ div > div > house > .row3.col1:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row3.col1:checked ~ div > div > house > .row3.col1:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row3.col1:checked ~ div > div > house > .row3.col1.col2 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1):before, .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(2), .hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(1) { display: none; } .hs.house.row4.col1:checked ~ .hs.shed.row3.col1:checked ~ div > div > house > .row3.col1 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row4.col1:checked ~ .hs.shed.row3.col1:checked ~ div > div > house > .row4.col1:before { background: #bcb02f; } .hs.shed.row4.col1:checked ~ .hs.house.row3.col1:checked ~ div > div > house > .row3.col1 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row4.col1:checked ~ .hs.house.row3.col1:checked ~ div > div > house > .row4.col1:before { background: #bc2f2f; } .hs.house.row3.col-2:not(:checked) ~ .hs.house.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.house.row1.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row3.col-2:not(:checked) ~ .hs.house.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.house.row1.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1) { left: 11rem; } .hs.row2.col0:checked ~ .hs.row2.col1:not(:checked) ~ div > div > house > .row3.col1 > i:nth-of-type(2):after, .hs.house.row2.col1:not(:checked) ~ .hs.house.row1.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row2.col0:checked ~ .hs.row2.col1:not(:checked) ~ div > div > house > .row3.col1 > i:nth-of-type(1), .hs.house.row2.col1:not(:checked) ~ .hs.house.row1.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1) { left: 5rem; } .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.house.row2.col0:not(:checked) ~ .hs.shed.row2.col0:not(:checked) ~ .hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.house.row2.col0:not(:checked) ~ .hs.shed.row2.col0:not(:checked) ~ .hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(1), .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.house.row2.col0:not(:checked) ~ .hs.shed.row2.col0:not(:checked) ~ .hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(2):after { display: none; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1), .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after { display: none; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row3.col2:checked ~ div > div > house > .row3.col2:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row3.col2:checked ~ div > div > house > .row3.col2:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row3.col2:checked ~ div > div > house > .row3.col2.col1 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1):before, .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(2), .hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(1) { display: none; } .hs.house.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ div > div > house > .row3.col2 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ div > div > house > .row4.col2:before { background: #bcb02f; } .hs.shed.row4.col2:checked ~ .hs.house.row3.col2:checked ~ div > div > house > .row3.col2 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row4.col2:checked ~ .hs.house.row3.col2:checked ~ div > div > house > .row4.col2:before { background: #bc2f2f; } .hs.house.row3.col-1:not(:checked) ~ .hs.house.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row1.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row3.col-1:not(:checked) ~ .hs.house.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row1.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1) { left: 11rem; } .hs.row2.col1:checked ~ .hs.row2.col2:not(:checked) ~ div > div > house > .row3.col2 > i:nth-of-type(2):after, .hs.house.row2.col2:not(:checked) ~ .hs.house.row1.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row2.col1:checked ~ .hs.row2.col2:not(:checked) ~ div > div > house > .row3.col2 > i:nth-of-type(1), .hs.house.row2.col2:not(:checked) ~ .hs.house.row1.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1) { left: 5rem; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.house.row2.col1:not(:checked) ~ .hs.shed.row2.col1:not(:checked) ~ .hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.house.row2.col1:not(:checked) ~ .hs.shed.row2.col1:not(:checked) ~ .hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(1), .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.house.row2.col1:not(:checked) ~ .hs.shed.row2.col1:not(:checked) ~ .hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after { display: none; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1), .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after { display: none; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row3.col3:checked ~ div > div > house > .row3.col3:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row3.col3:checked ~ div > div > house > .row3.col3:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row3.col3:checked ~ div > div > house > .row3.col3.col3 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1):before, .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(2), .hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(1) { display: none; } .hs.house.row4.col3:checked ~ .hs.shed.row3.col3:checked ~ div > div > house > .row3.col3 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row4.col3:checked ~ .hs.shed.row3.col3:checked ~ div > div > house > .row4.col3:before { background: #bcb02f; } .hs.shed.row4.col3:checked ~ .hs.house.row3.col3:checked ~ div > div > house > .row3.col3 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row4.col3:checked ~ .hs.house.row3.col3:checked ~ div > div > house > .row4.col3:before { background: #bc2f2f; } .hs.house.row3.col0:not(:checked) ~ .hs.house.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row1.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row3.col0:not(:checked) ~ .hs.house.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row1.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { left: 11rem; } .hs.row2.col2:checked ~ .hs.row2.col3:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(2):after, .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row2.col2:checked ~ .hs.row2.col3:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(1), .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { left: 5rem; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.shed.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.shed.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(1), .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.shed.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(2):after { display: none; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1), .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after { display: none; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row3.col4:checked ~ div > div > house > .row3.col4:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row3.col4:checked ~ div > div > house > .row3.col4:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row3.col4:checked ~ div > div > house > .row3.col4.col4 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1):before, .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(2), .hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(1) { display: none; } .hs.house.row4.col4:checked ~ .hs.shed.row3.col4:checked ~ div > div > house > .row3.col4 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row4.col4:checked ~ .hs.shed.row3.col4:checked ~ div > div > house > .row4.col4:before { background: #bcb02f; } .hs.shed.row4.col4:checked ~ .hs.house.row3.col4:checked ~ div > div > house > .row3.col4 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row4.col4:checked ~ .hs.house.row3.col4:checked ~ div > div > house > .row4.col4:before { background: #bc2f2f; } .hs.house.row3.col1:not(:checked) ~ .hs.house.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.house.row1.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row3.col1:not(:checked) ~ .hs.house.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.house.row1.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1) { left: 11rem; } .hs.row2.col3:checked ~ .hs.row2.col4:not(:checked) ~ div > div > house > .row3.col4 > i:nth-of-type(2):after, .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row2.col3:checked ~ .hs.row2.col4:not(:checked) ~ div > div > house > .row3.col4 > i:nth-of-type(1), .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1) { left: 5rem; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(1), .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(2):after { display: none; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1), .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after { display: none; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row4.col1:checked ~ div > div > house > .row4.col1:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row4.col1:checked ~ div > div > house > .row4.col1:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row4.col1:checked ~ div > div > house > .row4.col1.col2 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1):before, .hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row4.col1:checked ~ div > div > house > .row4.col1:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row4.col1:checked ~ div > div > house > .row4.col1:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row4.col1:checked ~ div > div > house > .row5.col1 i:nth-of-type(2), .hs.row4.col1:checked ~ div > div > house > .row5.col1 i:nth-of-type(1) { display: none; } .hs.house.row5.col1:checked ~ .hs.shed.row4.col1:checked ~ div > div > house > .row4.col1 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row5.col1:checked ~ .hs.shed.row4.col1:checked ~ div > div > house > .row5.col1:before { background: #bcb02f; } .hs.shed.row5.col1:checked ~ .hs.house.row4.col1:checked ~ div > div > house > .row4.col1 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row5.col1:checked ~ .hs.house.row4.col1:checked ~ div > div > house > .row5.col1:before { background: #bc2f2f; } .hs.house.row4.col-2:not(:checked) ~ .hs.house.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.house.row2.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row4.col-2:not(:checked) ~ .hs.house.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.house.row2.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1) { left: 11rem; } .hs.row3.col0:checked ~ .hs.row3.col1:not(:checked) ~ div > div > house > .row4.col1 > i:nth-of-type(2):after, .hs.house.row3.col1:not(:checked) ~ .hs.house.row2.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row3.col0:checked ~ .hs.row3.col1:not(:checked) ~ div > div > house > .row4.col1 > i:nth-of-type(1), .hs.house.row3.col1:not(:checked) ~ .hs.house.row2.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1) { left: 5rem; } .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.house.row3.col0:not(:checked) ~ .hs.shed.row3.col0:not(:checked) ~ .hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.house.row3.col0:not(:checked) ~ .hs.shed.row3.col0:not(:checked) ~ .hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(1), .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.house.row3.col0:not(:checked) ~ .hs.shed.row3.col0:not(:checked) ~ .hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(2):after { display: none; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1), .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after { display: none; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row4.col2:checked ~ div > div > house > .row4.col2:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row4.col2:checked ~ div > div > house > .row4.col2:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row4.col2:checked ~ div > div > house > .row4.col2.col1 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1):before, .hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row4.col2:checked ~ div > div > house > .row4.col2:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row4.col2:checked ~ div > div > house > .row4.col2:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row4.col2:checked ~ div > div > house > .row5.col2 i:nth-of-type(2), .hs.row4.col2:checked ~ div > div > house > .row5.col2 i:nth-of-type(1) { display: none; } .hs.house.row5.col2:checked ~ .hs.shed.row4.col2:checked ~ div > div > house > .row4.col2 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row5.col2:checked ~ .hs.shed.row4.col2:checked ~ div > div > house > .row5.col2:before { background: #bcb02f; } .hs.shed.row5.col2:checked ~ .hs.house.row4.col2:checked ~ div > div > house > .row4.col2 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row5.col2:checked ~ .hs.house.row4.col2:checked ~ div > div > house > .row5.col2:before { background: #bc2f2f; } .hs.house.row4.col-1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row2.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row4.col-1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row2.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1) { left: 11rem; } .hs.row3.col1:checked ~ .hs.row3.col2:not(:checked) ~ div > div > house > .row4.col2 > i:nth-of-type(2):after, .hs.house.row3.col2:not(:checked) ~ .hs.house.row2.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row3.col1:checked ~ .hs.row3.col2:not(:checked) ~ div > div > house > .row4.col2 > i:nth-of-type(1), .hs.house.row3.col2:not(:checked) ~ .hs.house.row2.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1) { left: 5rem; } .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col1:not(:checked) ~ .hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col1:not(:checked) ~ .hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(1), .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col1:not(:checked) ~ .hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after { display: none; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1), .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after { display: none; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row4.col3:checked ~ div > div > house > .row4.col3:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row4.col3:checked ~ div > div > house > .row4.col3:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row4.col3:checked ~ div > div > house > .row4.col3.col2 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1):before, .hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row4.col3:checked ~ div > div > house > .row4.col3:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row4.col3:checked ~ div > div > house > .row4.col3:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row4.col3:checked ~ div > div > house > .row5.col3 i:nth-of-type(2), .hs.row4.col3:checked ~ div > div > house > .row5.col3 i:nth-of-type(1) { display: none; } .hs.house.row5.col3:checked ~ .hs.shed.row4.col3:checked ~ div > div > house > .row4.col3 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row5.col3:checked ~ .hs.shed.row4.col3:checked ~ div > div > house > .row5.col3:before { background: #bcb02f; } .hs.shed.row5.col3:checked ~ .hs.house.row4.col3:checked ~ div > div > house > .row4.col3 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row5.col3:checked ~ .hs.house.row4.col3:checked ~ div > div > house > .row5.col3:before { background: #bc2f2f; } .hs.house.row4.col0:not(:checked) ~ .hs.house.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row2.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row4.col0:not(:checked) ~ .hs.house.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row2.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { left: 11rem; } .hs.row3.col2:checked ~ .hs.row3.col3:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(2):after, .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row3.col2:checked ~ .hs.row3.col3:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(1), .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { left: 5rem; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.shed.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.shed.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(1), .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.shed.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(2):after { display: none; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1), .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after { display: none; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row4.col4:checked ~ div > div > house > .row4.col4:before { width: 1.5rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: -1.35rem; left: 3rem; box-shadow: 2rem 2rem 0 currentColor; filter: hue-rotate(-10deg) brightness(1.1); opacity: 0.7; } .hs.row4.col4:checked ~ div > div > house > .row4.col4:after { filter: hue-rotate(-10deg) brightness(1.1); width: 2rem; height: 1rem; background: currentColor; border-radius: 0.25rem; top: 0.5rem; left: -0.15rem; box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(4) { width: 5rem; right: 0; margin: auto; top: 3.5rem; background: rgba(79, 1, 14, 0.9); height: 5rem; border-radius: 0.3rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bcb02f, inset -1.25rem 0 0 #bcb02f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } .hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(4):after { width: 4.5rem; height: 0.25rem; left: 0.25rem; top: 2.4rem; background: currentColor; border-radius: 0.0001rem; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbd75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); } .hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(4):before { width: 0.25rem; height: 4.5rem; left: 2.4rem; top: 0.25rem; background: currentColor; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.row4.col4:checked ~ div > div > house > .row4.col4.col1 > i:nth-of-type(4) { border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; } .hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2) { border: solid rgba(255, 255, 255, 0) 1rem; border-bottom: solid #6a1b41 4rem; width: calc(100% + 2.1rem); left: -1rem; top: -2.5rem; box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); } .hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2):before { width: 100%; height: 3rem; border-radius: 50%; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); } .hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2):after { width: 3rem; height: 4rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 0.5rem solid #bc2f2f; top: -2rem; box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -3rem 0 -1rem #252529; border-radius: 0.5rem; left: -0.25rem; filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); } .hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1):before, .hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1):after { top: -8.5rem; left: -1rem; animation: smoke 8s linear infinite; } .hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1):before { animation: smoke 7.25s 3.75s linear infinite; } .hs.row4.col4:checked ~ div > div > house > .row4.col4:nth-of-type(even) i:nth-of-type(2):after { left: 9.5rem; } .hs.row4.col4:checked ~ div > div > house > .row4.col4:nth-of-type(even) > i:nth-of-type(1) { left: 10rem; } .hs.row4.col4:checked ~ div > div > house > .row5.col4 i:nth-of-type(2), .hs.row4.col4:checked ~ div > div > house > .row5.col4 i:nth-of-type(1) { display: none; } .hs.house.row5.col4:checked ~ .hs.shed.row4.col4:checked ~ div > div > house > .row4.col4 { border-bottom: 0.25rem dashed #bc2f2f; } .hs.house.row5.col4:checked ~ .hs.shed.row4.col4:checked ~ div > div > house > .row5.col4:before { background: #bcb02f; } .hs.shed.row5.col4:checked ~ .hs.house.row4.col4:checked ~ div > div > house > .row4.col4 { border-bottom: 0.25rem dashed #bcb02f; } .hs.shed.row5.col4:checked ~ .hs.house.row4.col4:checked ~ div > div > house > .row5.col4:before { background: #bc2f2f; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.house.row2.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2):after { left: 9.5rem; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.house.row2.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1) { left: 11rem; } .hs.row3.col3:checked ~ .hs.row3.col4:not(:checked) ~ div > div > house > .row4.col4 > i:nth-of-type(2):after, .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2):after { left: 4.75rem; height: 3rem; box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b41, 0 -2.25rem 0 -1rem #252529; border-radius: 0 0 1rem 1rem; } .hs.row3.col3:checked ~ .hs.row3.col4:not(:checked) ~ div > div > house > .row4.col4 > i:nth-of-type(1), .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1) { left: 5rem; } .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(2) { display: block; left: -42%; width: 50%; } .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(1), .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(2):after { display: none; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1), .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after { display: none; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { left: -1.5rem; } .row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { left: -1rem; } .hs.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.shed.row1.col3:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.shed.row1.col5:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.shed.row1.col6:checked ~ div > div > house > .row1.col5 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.house.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.house.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.house.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1:after { box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.house.row1.col4:not(:checked) ~ .hs.row1.col5:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.house.row1.col4:not(:checked) ~ .hs.row1.col5:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.house.row1.col4:not(:checked) ~ .hs.row1.col5:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2:after { box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.house.row1.col5:not(:checked) ~ .hs.row1.col6:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.house.row1.col5:not(:checked) ~ .hs.row1.col6:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.house.row1.col5:not(:checked) ~ .hs.row1.col6:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3:after { box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.house.row1.col6:not(:checked) ~ .hs.row1.col7:checked ~ div > div > house > .row1.col5 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.house.row1.col6:not(:checked) ~ .hs.row1.col7:checked ~ div > div > house > .row1.col5 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.house.row1.col6:not(:checked) ~ .hs.row1.col7:checked ~ div > div > house > .row1.col5 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4:after { box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor; } .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 { border-bottom: none; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { display: none !important; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 { border-bottom: none; } .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { display: none !important; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 { border-bottom: none; } .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { display: none !important; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 { border-bottom: none; } .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { display: none !important; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 { border-bottom: none; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { display: none !important; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 { border-bottom: none; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { display: none !important; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 { border-bottom: none; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { display: none !important; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 { border-bottom: none; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { display: none !important; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 { border-bottom: none; } .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { display: none !important; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 { border-bottom: none; } .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { display: none !important; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 { border-bottom: none; } .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { display: none !important; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 { border-bottom: none; } .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { display: none !important; } .hs.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.shed.row2.col3:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.row2.col5:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.shed.row2.col5:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.row2.col6:checked ~ div > div > house > .row2.col5 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.shed.row2.col6:checked ~ div > div > house > .row2.col5 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.house.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.house.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.house.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1:after { box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor; } .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row2.col4:not(:checked) ~ .hs.row2.col5:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row2.col4:not(:checked) ~ .hs.row2.col5:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row2.col4:not(:checked) ~ .hs.row2.col5:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2:after { box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row2.col5:not(:checked) ~ .hs.row2.col6:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row2.col5:not(:checked) ~ .hs.row2.col6:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row2.col5:not(:checked) ~ .hs.row2.col6:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3:after { box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.house.row2.col6:not(:checked) ~ .hs.row2.col7:checked ~ div > div > house > .row2.col5 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.house.row2.col6:not(:checked) ~ .hs.row2.col7:checked ~ div > div > house > .row2.col5 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.house.row2.col6:not(:checked) ~ .hs.row2.col7:checked ~ div > div > house > .row2.col5 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col4:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col4:after { box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 { border-bottom: none; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { display: none !important; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 { border-bottom: none; } .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { display: none !important; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 { border-bottom: none; } .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { display: none !important; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 { border-bottom: none; } .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { display: none !important; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 { border-bottom: none; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { display: none !important; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 { border-bottom: none; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { display: none !important; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 { border-bottom: none; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { display: none !important; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 { border-bottom: none; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { display: none !important; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 { border-bottom: none; } .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { display: none !important; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 { border-bottom: none; } .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { display: none !important; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 { border-bottom: none; } .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { display: none !important; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 { border-bottom: none; } .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { display: none !important; } .hs.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.shed.row3.col3:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.row3.col5:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.shed.row3.col5:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.row3.col6:checked ~ div > div > house > .row3.col5 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.shed.row3.col6:checked ~ div > div > house > .row3.col5 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.house.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.house.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.house.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col1:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col1:after { box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; } .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row3.col4:not(:checked) ~ .hs.row3.col5:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row3.col4:not(:checked) ~ .hs.row3.col5:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row3.col4:not(:checked) ~ .hs.row3.col5:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col2:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col2:after { box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row3.col5:not(:checked) ~ .hs.row3.col6:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row3.col5:not(:checked) ~ .hs.row3.col6:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row3.col5:not(:checked) ~ .hs.row3.col6:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col3:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col3:after { box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.house.row3.col6:not(:checked) ~ .hs.row3.col7:checked ~ div > div > house > .row3.col5 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.house.row3.col6:not(:checked) ~ .hs.row3.col7:checked ~ div > div > house > .row3.col5 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.house.row3.col6:not(:checked) ~ .hs.row3.col7:checked ~ div > div > house > .row3.col5 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col4:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col4:after { box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 { border-bottom: none; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { display: none !important; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 { border-bottom: none; } .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { display: none !important; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 { border-bottom: none; } .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { display: none !important; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 { border-bottom: none; } .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { display: none !important; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 { border-bottom: none; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { display: none !important; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 { border-bottom: none; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { display: none !important; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 { border-bottom: none; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { display: none !important; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 { border-bottom: none; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { display: none !important; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 { border-bottom: none; } .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { display: none !important; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 { border-bottom: none; } .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { display: none !important; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 { border-bottom: none; } .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { display: none !important; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 { border-bottom: none; } .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { display: none !important; } .hs.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.shed.row4.col3:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.row4.col4:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.shed.row4.col4:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.row4.col5:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.shed.row4.col5:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.row4.col6:checked ~ div > div > house > .row4.col5 > i:nth-of-type(5) { display: block; width: 105%; } .hs.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.shed.row4.col6:checked ~ div > div > house > .row4.col5 > i:nth-of-type(5) { display: block; width: 115%; } .hs.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.house.row4.col3:not(:checked) ~ .hs.row4.col4:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.house.row4.col3:not(:checked) ~ .hs.row4.col4:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.house.row4.col3:not(:checked) ~ .hs.row4.col4:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ div > div > house > .row4.col1:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ div > div > house > .row4.col1:after { box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor; } .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ div > div > house > .row4.col1:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row4.col4:not(:checked) ~ .hs.row4.col5:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row4.col4:not(:checked) ~ .hs.row4.col5:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row4.col4:not(:checked) ~ .hs.row4.col5:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ div > div > house > .row4.col2:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ div > div > house > .row4.col2:after { box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor; } .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ div > div > house > .row4.col2:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row4.col5:not(:checked) ~ .hs.row4.col6:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row4.col5:not(:checked) ~ .hs.row4.col6:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row4.col5:not(:checked) ~ .hs.row4.col6:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ div > div > house > .row4.col3:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ div > div > house > .row4.col3:after { box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ div > div > house > .row4.col3:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.house.row4.col6:not(:checked) ~ .hs.row4.col7:checked ~ div > div > house > .row4.col5 > i:nth-of-type(5) { display: block; width: 205%; } .hs.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.house.row4.col6:not(:checked) ~ .hs.row4.col7:checked ~ div > div > house > .row4.col5 > i:nth-of-type(5):after { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #bcb02f; top: 2.75rem; left: 3.5rem; transform: rotate(4deg); z-index: -1 !important; filter: drop-shadow(2.5rem 0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.house.row4.col6:not(:checked) ~ .hs.row4.col7:checked ~ div > div > house > .row4.col5 > i:nth-of-type(5):before { border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #6abc2f; top: 3.25rem; left: 13.5rem; transform: rotate(-4deg); z-index: -1 !important; filter: drop-shadow(2.5rem -0.1rem 0 #bc2f73) drop-shadow(5rem 0 0 #bcb02f); } .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ div > div > house > .row4.col4:after { box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; } .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ div > div > house > .row4.col4:after { box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; } .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ div > div > house > .row4.col4:after { box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 { border-bottom: none; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { display: none !important; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 { border-bottom: none; } .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { display: none !important; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 { border-bottom: none; } .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { display: none !important; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 { border-bottom: none; } .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { display: none !important; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 { border-bottom: none; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { display: none !important; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 { border-bottom: none; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { display: none !important; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 { border-bottom: none; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { display: none !important; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 { border-bottom: none; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { display: none !important; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 { border-bottom: none; } .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { display: none !important; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 { border-bottom: none; } .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { display: none !important; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 { border-bottom: none; } .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { display: none !important; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 { border-bottom: 0.75rem solid #20112a; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { width: 2rem; height: 325%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; top: 12rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); z-index: -200; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before { width: 12rem; height: 12rem; border: 1.15rem dashed rgba(255, 255, 255, 0); border-bottom-color: #20112a; box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; top: 0.5rem; border-radius: 5rem; left: -0.5rem; transform: scaleY(-1); } .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after { width: 2rem; height: 100%; border-left: 0.75rem solid #20112a; border-right: 0.75rem solid #20112a; left: 9.8rem; background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); } .hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) { height: 225%; } .hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) { height: 13.5rem; } .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 { border-bottom: none; } .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { display: none !important; } [id^="cb23"]:checked ~ div > div > house > [for="ncb23"] { box-shadow: 0 0.5rem 0 #bc2f2f; } [id^="cb23"]:checked ~ div > div > house > [for="ncb23"] > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; top: 3.5rem; border-radius: 0.5rem; } [id^="cb23"]:checked ~ div > div > house > [for="ncb23"] > i:nth-of-type(3):before { width: 7rem; height: 4rem; left: -8em; top: 6rem; border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem; background: #6abc2f; box-shadow: 3rem 1rem 0 -1rem #96bc2f, 14rem 0.5rem 0 -0.5rem #bcac2f, 10rem 1rem 0 -1.25rem #6abc2f; } [id^="cb23"]:checked ~ div > div > house > [for="ncb23"] > i:nth-of-type(3):after { width: 0.75rem; height: 0.75rem; background: #fff; border-radius: 50%; left: -5rem; top: 7rem; box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff; } [id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col3 > i:nth-of-type(3):before { height: 3rem; left: -8.5em; top: 7rem; background: #6abc2f; box-shadow: 3rem 0.75rem 0 -1rem #96bc2f, 14rem 1rem 0 0.5rem #6abc2f, 10rem 0.5rem 0 -0.5rem #bcac2f; } [id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col3 > i:nth-of-type(3):after { left: -7rem; } [id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col2 > i:nth-of-type(3):before { height: 3.5rem; width: 6rem; left: -7em; top: 6.5rem; background: #6abc2f; box-shadow: 3rem 0.75rem 0 -1rem #96bc2f, 13rem 1rem 0 0.5rem #bcac2f, 9rem 0.5rem 0 -0.5rem #96bc2f; } [id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col2 > i:nth-of-type(3):after { left: -7rem; } [id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col1 > i:nth-of-type(3):before { width: 6rem; height: 3rem; left: -6.5em; top: 7rem; border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem; background: #96bc2f; box-shadow: 3rem 0.5rem 0 -0.75rem #6abc2f, 9rem 0.5rem 0 -0.5rem #6abc2f, 12rem -0.25rem 0 0.5rem #bcac2f; } [id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col1 > i:nth-of-type(3):after { width: 0.75rem; height: 0.75rem; background: #fff; border-radius: 50%; left: -5rem; top: 7rem; box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff; } #cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for="ncb23"] > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b41; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } #cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for="ncb23"].col4 > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"].col4 > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"].col4 > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44; } #cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for="ncb23"].col2 > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"].col2 > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"].col2 > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529; } #cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for="ncb23"] > i:nth-of-type(4), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4), #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4) { transform: scale(0.5); box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b41, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } #cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for="ncb23"] > i:nth-of-type(4):after, #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4):after, #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):after { height: 0.5rem; top: 2.3rem; background: #6a1b41; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } #cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for="ncb23"] > i:nth-of-type(4):before, #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4):before, #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):before { width: 0.5rem; left: 2.3rem; background: #6a1b41; } [id^="cb24"]:checked ~ div > div > house > [for="ncb24"] { box-shadow: 0 0.5rem 0 #bc2f2f; } [id^="cb24"]:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; top: 3.5rem; border-radius: 0.5rem; } [id^="cb24"]:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(3):before { width: 7rem; height: 4rem; left: -8em; top: 6rem; border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem; background: #6abc2f; box-shadow: 3rem 1rem 0 -1rem #96bc2f, 14rem 0.5rem 0 -0.5rem #bcac2f, 10rem 1rem 0 -1.25rem #6abc2f; } [id^="cb24"]:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(3):after { width: 0.75rem; height: 0.75rem; background: #fff; border-radius: 50%; left: -5rem; top: 7rem; box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff; } [id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col3 > i:nth-of-type(3):before { height: 3rem; left: -8.5em; top: 7rem; background: #6abc2f; box-shadow: 3rem 0.75rem 0 -1rem #96bc2f, 14rem 1rem 0 0.5rem #6abc2f, 10rem 0.5rem 0 -0.5rem #bcac2f; } [id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col3 > i:nth-of-type(3):after { left: -7rem; } [id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col2 > i:nth-of-type(3):before { height: 3.5rem; width: 6rem; left: -7em; top: 6.5rem; background: #6abc2f; box-shadow: 3rem 0.75rem 0 -1rem #96bc2f, 13rem 1rem 0 0.5rem #bcac2f, 9rem 0.5rem 0 -0.5rem #96bc2f; } [id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col2 > i:nth-of-type(3):after { left: -7rem; } [id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col1 > i:nth-of-type(3):before { width: 6rem; height: 3rem; left: -6.5em; top: 7rem; border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem; background: #96bc2f; box-shadow: 3rem 0.5rem 0 -0.75rem #6abc2f, 9rem 0.5rem 0 -0.5rem #6abc2f, 12rem -0.25rem 0 0.5rem #bcac2f; } [id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col1 > i:nth-of-type(3):after { width: 0.75rem; height: 0.75rem; background: #fff; border-radius: 50%; left: -5rem; top: 7rem; box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff; } #cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for="ncb24"] > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b41; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } #cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for="ncb24"].col4 > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"].col4 > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"].col4 > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44; } #cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for="ncb24"].col2 > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"].col2 > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"].col2 > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529; } #cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for="ncb24"] > i:nth-of-type(4), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4), #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4) { transform: scale(0.5); box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b41, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } #cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for="ncb24"] > i:nth-of-type(4):after, #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4):after, #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):after { height: 0.5rem; top: 2.3rem; background: #6a1b41; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } #cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for="ncb24"] > i:nth-of-type(4):before, #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4):before, #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):before { width: 0.5rem; left: 2.3rem; background: #6a1b41; } [id^="cb25"]:checked ~ div > div > house > [for="ncb25"] { box-shadow: 0 0.5rem 0 #bc2f2f; } [id^="cb25"]:checked ~ div > div > house > [for="ncb25"] > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; top: 3.5rem; border-radius: 0.5rem; } [id^="cb25"]:checked ~ div > div > house > [for="ncb25"] > i:nth-of-type(3):before { width: 7rem; height: 4rem; left: -8em; top: 6rem; border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem; background: #6abc2f; box-shadow: 3rem 1rem 0 -1rem #96bc2f, 14rem 0.5rem 0 -0.5rem #bcac2f, 10rem 1rem 0 -1.25rem #6abc2f; } [id^="cb25"]:checked ~ div > div > house > [for="ncb25"] > i:nth-of-type(3):after { width: 0.75rem; height: 0.75rem; background: #fff; border-radius: 50%; left: -5rem; top: 7rem; box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff; } [id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col3 > i:nth-of-type(3):before { height: 3rem; left: -8.5em; top: 7rem; background: #6abc2f; box-shadow: 3rem 0.75rem 0 -1rem #96bc2f, 14rem 1rem 0 0.5rem #6abc2f, 10rem 0.5rem 0 -0.5rem #bcac2f; } [id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col3 > i:nth-of-type(3):after { left: -7rem; } [id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col2 > i:nth-of-type(3):before { height: 3.5rem; width: 6rem; left: -7em; top: 6.5rem; background: #6abc2f; box-shadow: 3rem 0.75rem 0 -1rem #96bc2f, 13rem 1rem 0 0.5rem #bcac2f, 9rem 0.5rem 0 -0.5rem #96bc2f; } [id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col2 > i:nth-of-type(3):after { left: -7rem; } [id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col1 > i:nth-of-type(3):before { width: 6rem; height: 3rem; left: -6.5em; top: 7rem; border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem; background: #96bc2f; box-shadow: 3rem 0.5rem 0 -0.75rem #6abc2f, 9rem 0.5rem 0 -0.5rem #6abc2f, 12rem -0.25rem 0 0.5rem #bcac2f; } [id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col1 > i:nth-of-type(3):after { width: 0.75rem; height: 0.75rem; background: #fff; border-radius: 50%; left: -5rem; top: 7rem; box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff; } #cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for="ncb25"] > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b41; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } #cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for="ncb25"].col2 > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"].col2 > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"].col2 > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44; } #cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for="ncb25"].col2 > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"].col2 > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"].col2 > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529; } #cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for="ncb25"] > i:nth-of-type(4), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4), #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4) { transform: scale(0.5); box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b41, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } #cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for="ncb25"] > i:nth-of-type(4):after, #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4):after, #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):after { height: 0.5rem; top: 2.3rem; background: #6a1b41; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } #cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for="ncb25"] > i:nth-of-type(4):before, #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4):before, #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):before { width: 0.5rem; left: 2.3rem; background: #6a1b41; } [id^="cb26"]:checked ~ div > div > house > [for="ncb26"] { box-shadow: 0 0.5rem 0 #bc2f2f; } [id^="cb26"]:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3) { width: 4rem; height: 9rem; right: 0; margin: auto; top: 3.5rem; border-radius: 0.5rem; } [id^="cb26"]:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3):before { width: 7rem; height: 4rem; left: -8em; top: 6rem; border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem; background: #6abc2f; box-shadow: 3rem 1rem 0 -1rem #96bc2f, 14rem 0.5rem 0 -0.5rem #bcac2f, 10rem 1rem 0 -1.25rem #6abc2f; } [id^="cb26"]:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3):after { width: 0.75rem; height: 0.75rem; background: #fff; border-radius: 50%; left: -5rem; top: 7rem; box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff; } [id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col3 > i:nth-of-type(3):before { height: 3rem; left: -8.5em; top: 7rem; background: #6abc2f; box-shadow: 3rem 0.75rem 0 -1rem #96bc2f, 14rem 1rem 0 0.5rem #6abc2f, 10rem 0.5rem 0 -0.5rem #bcac2f; } [id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col3 > i:nth-of-type(3):after { left: -7rem; } [id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col2 > i:nth-of-type(3):before { height: 3.5rem; width: 6rem; left: -7em; top: 6.5rem; background: #6abc2f; box-shadow: 3rem 0.75rem 0 -1rem #96bc2f, 13rem 1rem 0 0.5rem #bcac2f, 9rem 0.5rem 0 -0.5rem #96bc2f; } [id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col2 > i:nth-of-type(3):after { left: -7rem; } [id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col1 > i:nth-of-type(3):before { width: 6rem; height: 3rem; left: -6.5em; top: 7rem; border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem; background: #96bc2f; box-shadow: 3rem 0.5rem 0 -0.75rem #6abc2f, 9rem 0.5rem 0 -0.5rem #6abc2f, 12rem -0.25rem 0 0.5rem #bcac2f; } [id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col1 > i:nth-of-type(3):after { width: 0.75rem; height: 0.75rem; background: #fff; border-radius: 50%; left: -5rem; top: 7rem; box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff; } #cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for="ncb26"] > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b41; box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); } #cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for="ncb26"].col3 > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"].col3 > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"].col3 > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44; } #cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for="ncb26"].col1 > i:nth-of-type(3), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"].col1 > i:nth-of-type(3), #cb26:checked ~ div > div > house > [for="ncb26"].col1 > i:nth-of-type(3) { background: radial-gradient(circle at 80% center, #bc2f73 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529; } #cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for="ncb26"] > i:nth-of-type(4), #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4), #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4) { transform: scale(0.5); box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b41, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; } #cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):after, #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4):after, #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):after { height: 0.5rem; top: 2.3rem; background: #6a1b41; box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } #cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):before, #cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(4):before, #cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):before { width: 0.5rem; left: 2.3rem; background: #6a1b41; } .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 { background: #a19372; color: #a19372; z-index: 310; } .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(4), .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(3), .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(4), .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(3), .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(4), .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(3), .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(4), .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(3) { border-radius: 50% 50% 0.3rem 0.3rem; } .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(3), .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(3), .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(3), .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(3) { height: 10rem; width: 4.5rem; top: 2.5rem; } .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(3):before, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(3):before, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(3):before, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(3):before { top: 8rem; } .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(3):after, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(3):after, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(3):after, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(3):after { top: 8rem; } .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(4):after, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(4):after, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(4):after, .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(4):after { box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(1) { display: none; } .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(2) { border: 1rem solid rgba(255, 255, 255, 0); border-left: 3rem solid #bcb02f; top: -8.5rem; left: 4.25rem; box-shadow: none; } .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(2):before { top: 3.25rem; left: -8.25rem; background: #a19372; width: 2.75rem; height: 5rem; border-radius: 0.25rem 0.25rem 50% 50%; box-shadow: 4rem 0 0 #a19372, 8rem 0 0 #a19372, 12rem 0 0 #a19372; } .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { width: 14.5rem; height: 3rem; top: 6.25rem; border-radius: 0 0 2rem 2rem; background: #a19372; left: -8.25rem; filter: none; border: none; box-shadow: none; } .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(4):before { box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), -2rem -12.5rem 0 #20112a; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2 { z-index: 310; background: none; border: none; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:after, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:after, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:after, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2:after { width: 80%; height: 105%; background: linear-gradient(to right, #a99c7e, currentColor); transform: skewX(-2deg); border-radius: 0.1rem 0.1rem 50% 50% / 50% 50% 0.25rem 0.25rem; top: 0; left: -1rem; box-shadow: none; filter: none; opacity: 1; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:after, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:after, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:after, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2:after { left: auto; right: -1rem; transform: skewX(2deg); background: linear-gradient(to right, rgba(255, 255, 255, 0), currentColor, #86795a); } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(4), .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2 > i:nth-of-type(4), .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2 > i:nth-of-type(4), .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2 > i:nth-of-type(4) { border-radius: 50%; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(3), .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2 > i:nth-of-type(3), .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2 > i:nth-of-type(3), .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2 > i:nth-of-type(3) { border-radius: 2rem 2rem 0.5rem 0.5rem; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(4):after, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2 > i:nth-of-type(4):after, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2 > i:nth-of-type(4):after, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2 > i:nth-of-type(4):after { box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(1) { display: none; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(2) { width: 8rem; height: 12rem; border: 0.5rem solid rgba(255, 255, 255, 0); border-top: 1rem solid #252529; border-bottom: 6rem solid #6a1b41; border-radius: 0.5rem 0.5rem 0 0; top: -12rem; left: 0; right: 0; margin: auto; background: repeating-linear-gradient(to right, #252529 0.5rem, #252529 1rem, rgba(255, 255, 255, 0) 1rem, rgba(255, 255, 255, 0) 3.25rem), repeating-linear-gradient(45deg, #6a1b41, #6a1b41 0.2rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1rem), repeating-linear-gradient(-45deg, #6a1b41, #6a1b41 0.2rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1rem); box-shadow: inset 0 -1rem 0 #252529; background-size: cover; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(2):before { border: 3rem solid rgba(255, 255, 255, 0); width: 6.5rem; box-shadow: inset 0 3rem 0 #6a1b41; border-bottom-color: #20112a; top: -10rem; right: 0; margin: auto; height: 9rem; border-radius: 0; background: none; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(2):after { width: 12.5rem; background: repeating-linear-gradient(to right, #252529, #252529 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.32rem); height: 5rem; top: 6rem; border-radius: 0.5rem; border: none; border-bottom: 1rem solid #252529; border-top: 0.5rem solid #252529; left: -10rem; right: -10rem; margin: auto; box-shadow: none; display: block; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2 { color: #a19372; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:after { left: -0.5rem; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:after { left: auto; right: -0.5rem; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:after { left: 0; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:after { left: auto; right: 0; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 { color: #a19372; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:after { left: 0.5rem; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:after { left: auto; right: 0.5rem; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ text { transform: scale(1) !important; z-index: 410; transition: all 0.5s 1s ease-in-out; opacity: 1; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ text welldone { display: block; } .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ text gameover { display: none; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4) { border-radius: 50% !important; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4):after { box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } .hs.house.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4) { border-radius: 50%; } .hs.house.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4):after { box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); } house label, shed label { opacity: 0; } house label *, house label:after, house label:before, shed label *, shed label:after, shed label:before { transform: translate3d(0, 0, 0); } @keyframes pop { 0% { opacity: 0; transform: translate3d(0, -12rem, 0); } 99% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes popup { 0% { opacity: 0; transform: translate3d(0, 12rem, 0); } 99% { opacity: 1; transform: translate3d(0, 0, 0); } } .shed.row1.col1:checked ~ div > div > shed > .row1.col1, .house.row1.col1:checked ~ div > div > house > .row1.col1 { opacity: 1; } .shed.row1.col1:checked ~ div > div > shed > .row1.col1:after, .shed.row1.col1:checked ~ div > div > shed > .row1.col1 *:after, .house.row1.col1:checked ~ div > div > house > .row1.col1:after, .house.row1.col1:checked ~ div > div > house > .row1.col1 *:after { animation: pop 0.1s linear forwards; } .shed.row1.col1:checked ~ div > div > shed > .row1.col1:before, .shed.row1.col1:checked ~ div > div > shed > .row1.col1 *:before, .house.row1.col1:checked ~ div > div > house > .row1.col1:before, .house.row1.col1:checked ~ div > div > house > .row1.col1 *:before { animation: popup 0.1s linear forwards; } .shed.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(5) { display: none !important; } .house.row1.col1:checked ~ div > div > hbtn > .row1.col0 { z-index: 100; } .house.row1.col1:checked ~ div > div > hbtn > .row1.col2 { z-index: 100; } .house.row1.col1:checked ~ div > div > hbtn > .row2.col1 { z-index: 100; } .house.row1.col1:checked ~ div > div > hbtn > .row0.col1 { z-index: 100; } .shed.row1.col2:checked ~ div > div > shed > .row1.col2, .house.row1.col2:checked ~ div > div > house > .row1.col2 { opacity: 1; } .shed.row1.col2:checked ~ div > div > shed > .row1.col2:after, .shed.row1.col2:checked ~ div > div > shed > .row1.col2 *:after, .house.row1.col2:checked ~ div > div > house > .row1.col2:after, .house.row1.col2:checked ~ div > div > house > .row1.col2 *:after { animation: pop 0.1s linear forwards; } .shed.row1.col2:checked ~ div > div > shed > .row1.col2:before, .shed.row1.col2:checked ~ div > div > shed > .row1.col2 *:before, .house.row1.col2:checked ~ div > div > house > .row1.col2:before, .house.row1.col2:checked ~ div > div > house > .row1.col2 *:before { animation: popup 0.1s linear forwards; } .shed.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5) { display: none !important; } .house.row1.col2:checked ~ div > div > hbtn > .row1.col1 { z-index: 100; } .house.row1.col2:checked ~ div > div > hbtn > .row1.col3 { z-index: 100; } .house.row1.col2:checked ~ div > div > hbtn > .row2.col2 { z-index: 100; } .house.row1.col2:checked ~ div > div > hbtn > .row0.col2 { z-index: 100; } .shed.row1.col3:checked ~ div > div > shed > .row1.col3, .house.row1.col3:checked ~ div > div > house > .row1.col3 { opacity: 1; } .shed.row1.col3:checked ~ div > div > shed > .row1.col3:after, .shed.row1.col3:checked ~ div > div > shed > .row1.col3 *:after, .house.row1.col3:checked ~ div > div > house > .row1.col3:after, .house.row1.col3:checked ~ div > div > house > .row1.col3 *:after { animation: pop 0.1s linear forwards; } .shed.row1.col3:checked ~ div > div > shed > .row1.col3:before, .shed.row1.col3:checked ~ div > div > shed > .row1.col3 *:before, .house.row1.col3:checked ~ div > div > house > .row1.col3:before, .house.row1.col3:checked ~ div > div > house > .row1.col3 *:before { animation: popup 0.1s linear forwards; } .shed.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5) { display: none !important; } .house.row1.col3:checked ~ div > div > hbtn > .row1.col2 { z-index: 100; } .house.row1.col3:checked ~ div > div > hbtn > .row1.col4 { z-index: 100; } .house.row1.col3:checked ~ div > div > hbtn > .row2.col3 { z-index: 100; } .house.row1.col3:checked ~ div > div > hbtn > .row0.col3 { z-index: 100; } .shed.row1.col4:checked ~ div > div > shed > .row1.col4, .house.row1.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .shed.row1.col4:checked ~ div > div > shed > .row1.col4:after, .shed.row1.col4:checked ~ div > div > shed > .row1.col4 *:after, .house.row1.col4:checked ~ div > div > house > .row1.col4:after, .house.row1.col4:checked ~ div > div > house > .row1.col4 *:after { animation: pop 0.1s linear forwards; } .shed.row1.col4:checked ~ div > div > shed > .row1.col4:before, .shed.row1.col4:checked ~ div > div > shed > .row1.col4 *:before, .house.row1.col4:checked ~ div > div > house > .row1.col4:before, .house.row1.col4:checked ~ div > div > house > .row1.col4 *:before { animation: popup 0.1s linear forwards; } .shed.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5) { display: none !important; } .house.row1.col4:checked ~ div > div > hbtn > .row1.col3 { z-index: 100; } .house.row1.col4:checked ~ div > div > hbtn > .row1.col5 { z-index: 100; } .house.row1.col4:checked ~ div > div > hbtn > .row2.col4 { z-index: 100; } .house.row1.col4:checked ~ div > div > hbtn > .row0.col4 { z-index: 100; } .shed.row2.col1:checked ~ div > div > shed > .row2.col1, .house.row2.col1:checked ~ div > div > house > .row2.col1 { opacity: 1; } .shed.row2.col1:checked ~ div > div > shed > .row2.col1:after, .shed.row2.col1:checked ~ div > div > shed > .row2.col1 *:after, .house.row2.col1:checked ~ div > div > house > .row2.col1:after, .house.row2.col1:checked ~ div > div > house > .row2.col1 *:after { animation: pop 0.1s linear forwards; } .shed.row2.col1:checked ~ div > div > shed > .row2.col1:before, .shed.row2.col1:checked ~ div > div > shed > .row2.col1 *:before, .house.row2.col1:checked ~ div > div > house > .row2.col1:before, .house.row2.col1:checked ~ div > div > house > .row2.col1 *:before { animation: popup 0.1s linear forwards; } .shed.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(5) { display: none !important; } .house.row2.col1:checked ~ div > div > hbtn > .row2.col0 { z-index: 100; } .house.row2.col1:checked ~ div > div > hbtn > .row2.col2 { z-index: 100; } .house.row2.col1:checked ~ div > div > hbtn > .row3.col1 { z-index: 100; } .house.row2.col1:checked ~ div > div > hbtn > .row1.col1 { z-index: 100; } .shed.row2.col2:checked ~ div > div > shed > .row2.col2, .house.row2.col2:checked ~ div > div > house > .row2.col2 { opacity: 1; } .shed.row2.col2:checked ~ div > div > shed > .row2.col2:after, .shed.row2.col2:checked ~ div > div > shed > .row2.col2 *:after, .house.row2.col2:checked ~ div > div > house > .row2.col2:after, .house.row2.col2:checked ~ div > div > house > .row2.col2 *:after { animation: pop 0.1s linear forwards; } .shed.row2.col2:checked ~ div > div > shed > .row2.col2:before, .shed.row2.col2:checked ~ div > div > shed > .row2.col2 *:before, .house.row2.col2:checked ~ div > div > house > .row2.col2:before, .house.row2.col2:checked ~ div > div > house > .row2.col2 *:before { animation: popup 0.1s linear forwards; } .shed.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5) { display: none !important; } .house.row2.col2:checked ~ div > div > hbtn > .row2.col1 { z-index: 100; } .house.row2.col2:checked ~ div > div > hbtn > .row2.col3 { z-index: 100; } .house.row2.col2:checked ~ div > div > hbtn > .row3.col2 { z-index: 100; } .house.row2.col2:checked ~ div > div > hbtn > .row1.col2 { z-index: 100; } .shed.row2.col3:checked ~ div > div > shed > .row2.col3, .house.row2.col3:checked ~ div > div > house > .row2.col3 { opacity: 1; } .shed.row2.col3:checked ~ div > div > shed > .row2.col3:after, .shed.row2.col3:checked ~ div > div > shed > .row2.col3 *:after, .house.row2.col3:checked ~ div > div > house > .row2.col3:after, .house.row2.col3:checked ~ div > div > house > .row2.col3 *:after { animation: pop 0.1s linear forwards; } .shed.row2.col3:checked ~ div > div > shed > .row2.col3:before, .shed.row2.col3:checked ~ div > div > shed > .row2.col3 *:before, .house.row2.col3:checked ~ div > div > house > .row2.col3:before, .house.row2.col3:checked ~ div > div > house > .row2.col3 *:before { animation: popup 0.1s linear forwards; } .shed.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5) { display: none !important; } .house.row2.col3:checked ~ div > div > hbtn > .row2.col2 { z-index: 100; } .house.row2.col3:checked ~ div > div > hbtn > .row2.col4 { z-index: 100; } .house.row2.col3:checked ~ div > div > hbtn > .row3.col3 { z-index: 100; } .house.row2.col3:checked ~ div > div > hbtn > .row1.col3 { z-index: 100; } .shed.row2.col4:checked ~ div > div > shed > .row2.col4, .house.row2.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .shed.row2.col4:checked ~ div > div > shed > .row2.col4:after, .shed.row2.col4:checked ~ div > div > shed > .row2.col4 *:after, .house.row2.col4:checked ~ div > div > house > .row2.col4:after, .house.row2.col4:checked ~ div > div > house > .row2.col4 *:after { animation: pop 0.1s linear forwards; } .shed.row2.col4:checked ~ div > div > shed > .row2.col4:before, .shed.row2.col4:checked ~ div > div > shed > .row2.col4 *:before, .house.row2.col4:checked ~ div > div > house > .row2.col4:before, .house.row2.col4:checked ~ div > div > house > .row2.col4 *:before { animation: popup 0.1s linear forwards; } .shed.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5) { display: none !important; } .house.row2.col4:checked ~ div > div > hbtn > .row2.col3 { z-index: 100; } .house.row2.col4:checked ~ div > div > hbtn > .row2.col5 { z-index: 100; } .house.row2.col4:checked ~ div > div > hbtn > .row3.col4 { z-index: 100; } .house.row2.col4:checked ~ div > div > hbtn > .row1.col4 { z-index: 100; } .shed.row3.col1:checked ~ div > div > shed > .row3.col1, .house.row3.col1:checked ~ div > div > house > .row3.col1 { opacity: 1; } .shed.row3.col1:checked ~ div > div > shed > .row3.col1:after, .shed.row3.col1:checked ~ div > div > shed > .row3.col1 *:after, .house.row3.col1:checked ~ div > div > house > .row3.col1:after, .house.row3.col1:checked ~ div > div > house > .row3.col1 *:after { animation: pop 0.1s linear forwards; } .shed.row3.col1:checked ~ div > div > shed > .row3.col1:before, .shed.row3.col1:checked ~ div > div > shed > .row3.col1 *:before, .house.row3.col1:checked ~ div > div > house > .row3.col1:before, .house.row3.col1:checked ~ div > div > house > .row3.col1 *:before { animation: popup 0.1s linear forwards; } .shed.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(5) { display: none !important; } .house.row3.col1:checked ~ div > div > hbtn > .row3.col0 { z-index: 100; } .house.row3.col1:checked ~ div > div > hbtn > .row3.col2 { z-index: 100; } .house.row3.col1:checked ~ div > div > hbtn > .row4.col1 { z-index: 100; } .house.row3.col1:checked ~ div > div > hbtn > .row2.col1 { z-index: 100; } .shed.row3.col2:checked ~ div > div > shed > .row3.col2, .house.row3.col2:checked ~ div > div > house > .row3.col2 { opacity: 1; } .shed.row3.col2:checked ~ div > div > shed > .row3.col2:after, .shed.row3.col2:checked ~ div > div > shed > .row3.col2 *:after, .house.row3.col2:checked ~ div > div > house > .row3.col2:after, .house.row3.col2:checked ~ div > div > house > .row3.col2 *:after { animation: pop 0.1s linear forwards; } .shed.row3.col2:checked ~ div > div > shed > .row3.col2:before, .shed.row3.col2:checked ~ div > div > shed > .row3.col2 *:before, .house.row3.col2:checked ~ div > div > house > .row3.col2:before, .house.row3.col2:checked ~ div > div > house > .row3.col2 *:before { animation: popup 0.1s linear forwards; } .shed.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5) { display: none !important; } .house.row3.col2:checked ~ div > div > hbtn > .row3.col1 { z-index: 100; } .house.row3.col2:checked ~ div > div > hbtn > .row3.col3 { z-index: 100; } .house.row3.col2:checked ~ div > div > hbtn > .row4.col2 { z-index: 100; } .house.row3.col2:checked ~ div > div > hbtn > .row2.col2 { z-index: 100; } .shed.row3.col3:checked ~ div > div > shed > .row3.col3, .house.row3.col3:checked ~ div > div > house > .row3.col3 { opacity: 1; } .shed.row3.col3:checked ~ div > div > shed > .row3.col3:after, .shed.row3.col3:checked ~ div > div > shed > .row3.col3 *:after, .house.row3.col3:checked ~ div > div > house > .row3.col3:after, .house.row3.col3:checked ~ div > div > house > .row3.col3 *:after { animation: pop 0.1s linear forwards; } .shed.row3.col3:checked ~ div > div > shed > .row3.col3:before, .shed.row3.col3:checked ~ div > div > shed > .row3.col3 *:before, .house.row3.col3:checked ~ div > div > house > .row3.col3:before, .house.row3.col3:checked ~ div > div > house > .row3.col3 *:before { animation: popup 0.1s linear forwards; } .shed.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5) { display: none !important; } .house.row3.col3:checked ~ div > div > hbtn > .row3.col2 { z-index: 100; } .house.row3.col3:checked ~ div > div > hbtn > .row3.col4 { z-index: 100; } .house.row3.col3:checked ~ div > div > hbtn > .row4.col3 { z-index: 100; } .house.row3.col3:checked ~ div > div > hbtn > .row2.col3 { z-index: 100; } .shed.row3.col4:checked ~ div > div > shed > .row3.col4, .house.row3.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .shed.row3.col4:checked ~ div > div > shed > .row3.col4:after, .shed.row3.col4:checked ~ div > div > shed > .row3.col4 *:after, .house.row3.col4:checked ~ div > div > house > .row3.col4:after, .house.row3.col4:checked ~ div > div > house > .row3.col4 *:after { animation: pop 0.1s linear forwards; } .shed.row3.col4:checked ~ div > div > shed > .row3.col4:before, .shed.row3.col4:checked ~ div > div > shed > .row3.col4 *:before, .house.row3.col4:checked ~ div > div > house > .row3.col4:before, .house.row3.col4:checked ~ div > div > house > .row3.col4 *:before { animation: popup 0.1s linear forwards; } .shed.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5) { display: none !important; } .house.row3.col4:checked ~ div > div > hbtn > .row3.col3 { z-index: 100; } .house.row3.col4:checked ~ div > div > hbtn > .row3.col5 { z-index: 100; } .house.row3.col4:checked ~ div > div > hbtn > .row4.col4 { z-index: 100; } .house.row3.col4:checked ~ div > div > hbtn > .row2.col4 { z-index: 100; } .shed.row4.col1:checked ~ div > div > shed > .row4.col1, .house.row4.col1:checked ~ div > div > house > .row4.col1 { opacity: 1; } .shed.row4.col1:checked ~ div > div > shed > .row4.col1:after, .shed.row4.col1:checked ~ div > div > shed > .row4.col1 *:after, .house.row4.col1:checked ~ div > div > house > .row4.col1:after, .house.row4.col1:checked ~ div > div > house > .row4.col1 *:after { animation: pop 0.1s linear forwards; } .shed.row4.col1:checked ~ div > div > shed > .row4.col1:before, .shed.row4.col1:checked ~ div > div > shed > .row4.col1 *:before, .house.row4.col1:checked ~ div > div > house > .row4.col1:before, .house.row4.col1:checked ~ div > div > house > .row4.col1 *:before { animation: popup 0.1s linear forwards; } .shed.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(5) { display: none !important; } .house.row4.col1:checked ~ div > div > hbtn > .row4.col0 { z-index: 100; } .house.row4.col1:checked ~ div > div > hbtn > .row4.col2 { z-index: 100; } .house.row4.col1:checked ~ div > div > hbtn > .row5.col1 { z-index: 100; } .house.row4.col1:checked ~ div > div > hbtn > .row3.col1 { z-index: 100; } .shed.row4.col2:checked ~ div > div > shed > .row4.col2, .house.row4.col2:checked ~ div > div > house > .row4.col2 { opacity: 1; } .shed.row4.col2:checked ~ div > div > shed > .row4.col2:after, .shed.row4.col2:checked ~ div > div > shed > .row4.col2 *:after, .house.row4.col2:checked ~ div > div > house > .row4.col2:after, .house.row4.col2:checked ~ div > div > house > .row4.col2 *:after { animation: pop 0.1s linear forwards; } .shed.row4.col2:checked ~ div > div > shed > .row4.col2:before, .shed.row4.col2:checked ~ div > div > shed > .row4.col2 *:before, .house.row4.col2:checked ~ div > div > house > .row4.col2:before, .house.row4.col2:checked ~ div > div > house > .row4.col2 *:before { animation: popup 0.1s linear forwards; } .shed.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5) { display: none !important; } .house.row4.col2:checked ~ div > div > hbtn > .row4.col1 { z-index: 100; } .house.row4.col2:checked ~ div > div > hbtn > .row4.col3 { z-index: 100; } .house.row4.col2:checked ~ div > div > hbtn > .row5.col2 { z-index: 100; } .house.row4.col2:checked ~ div > div > hbtn > .row3.col2 { z-index: 100; } .shed.row4.col3:checked ~ div > div > shed > .row4.col3, .house.row4.col3:checked ~ div > div > house > .row4.col3 { opacity: 1; } .shed.row4.col3:checked ~ div > div > shed > .row4.col3:after, .shed.row4.col3:checked ~ div > div > shed > .row4.col3 *:after, .house.row4.col3:checked ~ div > div > house > .row4.col3:after, .house.row4.col3:checked ~ div > div > house > .row4.col3 *:after { animation: pop 0.1s linear forwards; } .shed.row4.col3:checked ~ div > div > shed > .row4.col3:before, .shed.row4.col3:checked ~ div > div > shed > .row4.col3 *:before, .house.row4.col3:checked ~ div > div > house > .row4.col3:before, .house.row4.col3:checked ~ div > div > house > .row4.col3 *:before { animation: popup 0.1s linear forwards; } .shed.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5) { display: none !important; } .house.row4.col3:checked ~ div > div > hbtn > .row4.col2 { z-index: 100; } .house.row4.col3:checked ~ div > div > hbtn > .row4.col4 { z-index: 100; } .house.row4.col3:checked ~ div > div > hbtn > .row5.col3 { z-index: 100; } .house.row4.col3:checked ~ div > div > hbtn > .row3.col3 { z-index: 100; } .shed.row4.col4:checked ~ div > div > shed > .row4.col4, .house.row4.col4:checked ~ div > div > house > .row4.col4 { opacity: 1; } .shed.row4.col4:checked ~ div > div > shed > .row4.col4:after, .shed.row4.col4:checked ~ div > div > shed > .row4.col4 *:after, .house.row4.col4:checked ~ div > div > house > .row4.col4:after, .house.row4.col4:checked ~ div > div > house > .row4.col4 *:after { animation: pop 0.1s linear forwards; } .shed.row4.col4:checked ~ div > div > shed > .row4.col4:before, .shed.row4.col4:checked ~ div > div > shed > .row4.col4 *:before, .house.row4.col4:checked ~ div > div > house > .row4.col4:before, .house.row4.col4:checked ~ div > div > house > .row4.col4 *:before { animation: popup 0.1s linear forwards; } .shed.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5) { display: none !important; } .house.row4.col4:checked ~ div > div > hbtn > .row4.col3 { z-index: 100; } .house.row4.col4:checked ~ div > div > hbtn > .row4.col5 { z-index: 100; } .house.row4.col4:checked ~ div > div > hbtn > .row5.col4 { z-index: 100; } .house.row4.col4:checked ~ div > div > hbtn > .row3.col4 { z-index: 100; } .hs.row1.col1:checked ~ div > div > shed > .row1.col1 { z-index: 300; } .hs.row1.col1:checked ~ div > div > house > .row1.col1 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row1.col1:checked ~ div > div > house > .row1.col1 { background: #bcb02f; color: #bcb02f; } .hs.row1.col2:checked ~ div > div > shed > .row1.col2 { z-index: 300; } .hs.row1.col2:checked ~ div > div > house > .row1.col2 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row1.col2:checked ~ div > div > house > .row1.col2 { background: #bcb02f; color: #bcb02f; } .hs.row1.col3:checked ~ div > div > shed > .row1.col3 { z-index: 300; } .hs.row1.col3:checked ~ div > div > house > .row1.col3 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row1.col3:checked ~ div > div > house > .row1.col3 { background: #bcb02f; color: #bcb02f; } .hs.row1.col4:checked ~ div > div > shed > .row1.col4 { z-index: 300; } .hs.row1.col4:checked ~ div > div > house > .row1.col4 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row1.col4:checked ~ div > div > house > .row1.col4 { background: #bcb02f; color: #bcb02f; } .hs.row2.col1:checked ~ div > div > shed > .row2.col1 { z-index: 300; } .hs.row2.col1:checked ~ div > div > house > .row2.col1 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row2.col1:checked ~ div > div > house > .row2.col1 { background: #bcb02f; color: #bcb02f; } .hs.row2.col2:checked ~ div > div > shed > .row2.col2 { z-index: 300; } .hs.row2.col2:checked ~ div > div > house > .row2.col2 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row2.col2:checked ~ div > div > house > .row2.col2 { background: #bcb02f; color: #bcb02f; } .hs.row2.col3:checked ~ div > div > shed > .row2.col3 { z-index: 300; } .hs.row2.col3:checked ~ div > div > house > .row2.col3 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row2.col3:checked ~ div > div > house > .row2.col3 { background: #bcb02f; color: #bcb02f; } .hs.row2.col4:checked ~ div > div > shed > .row2.col4 { z-index: 300; } .hs.row2.col4:checked ~ div > div > house > .row2.col4 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row2.col4:checked ~ div > div > house > .row2.col4 { background: #bcb02f; color: #bcb02f; } .hs.row3.col1:checked ~ div > div > shed > .row3.col1 { z-index: 300; } .hs.row3.col1:checked ~ div > div > house > .row3.col1 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row3.col1:checked ~ div > div > house > .row3.col1 { background: #bcb02f; color: #bcb02f; } .hs.row3.col2:checked ~ div > div > shed > .row3.col2 { z-index: 300; } .hs.row3.col2:checked ~ div > div > house > .row3.col2 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row3.col2:checked ~ div > div > house > .row3.col2 { background: #bcb02f; color: #bcb02f; } .hs.row3.col3:checked ~ div > div > shed > .row3.col3 { z-index: 300; } .hs.row3.col3:checked ~ div > div > house > .row3.col3 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row3.col3:checked ~ div > div > house > .row3.col3 { background: #bcb02f; color: #bcb02f; } .hs.row3.col4:checked ~ div > div > shed > .row3.col4 { z-index: 300; } .hs.row3.col4:checked ~ div > div > house > .row3.col4 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row3.col4:checked ~ div > div > house > .row3.col4 { background: #bcb02f; color: #bcb02f; } .hs.row4.col1:checked ~ div > div > shed > .row4.col1 { z-index: 300; } .hs.row4.col1:checked ~ div > div > house > .row4.col1 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row4.col1:checked ~ div > div > house > .row4.col1 { background: #bcb02f; color: #bcb02f; } .hs.row4.col2:checked ~ div > div > shed > .row4.col2 { z-index: 300; } .hs.row4.col2:checked ~ div > div > house > .row4.col2 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row4.col2:checked ~ div > div > house > .row4.col2 { background: #bcb02f; color: #bcb02f; } .hs.row4.col3:checked ~ div > div > shed > .row4.col3 { z-index: 300; } .hs.row4.col3:checked ~ div > div > house > .row4.col3 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row4.col3:checked ~ div > div > house > .row4.col3 { background: #bcb02f; color: #bcb02f; } .hs.row4.col4:checked ~ div > div > shed > .row4.col4 { z-index: 300; } .hs.row4.col4:checked ~ div > div > house > .row4.col4 { background: #bc2f2f; z-index: 300; color: #bc2f2f; } .hs.shed.row4.col4:checked ~ div > div > house > .row4.col4 { background: #bcb02f; color: #bcb02f; } .house.row0.col1:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col0, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col0, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col-1, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col0, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col-2, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-1, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-2, .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > shed > .row-1.col-2, .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2 { opacity: 0; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-2, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col0 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col0 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col1 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-2, .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-1, .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col0 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col1 { opacity: 0; } .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col0, .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col1, .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-1, .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row-1.col-2 { opacity: 0; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-1, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2 { opacity: 0; } .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-2.col-1:checked ~ div > div > shed > .row-2.col-1, .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-2.col-1:checked ~ div > div > shed > .row-2.col-2 { opacity: 0; } .house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col3:checked ~ div > div > shed > .row-2.col4, .house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col3:checked ~ div > div > shed > .row-2.col3 { opacity: 0; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row1.col-2, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col-2, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-2, .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col-2, .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-2.col-2 { opacity: 0; } .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row1.col-2, .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1, .hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-2, .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1, .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col0 { opacity: 0; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col2, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col2, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col3, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3, .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3, .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3, .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4, .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col4, .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4, .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col0 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-1, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-1, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col-2, .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col2, .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col3, .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col3, .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col4, .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row0.col3, .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col0:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col0:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .house.row1.col1:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col3, .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col1, .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4, .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col2, .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col1 { opacity: 0; } .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col1 { opacity: 0; } .house.row2.col1:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row0.col-1, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col0, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-1, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col3, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col2, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row-1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-2, .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1, .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2, .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-1, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-2, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row0.col1:checked ~ div > div > house > .row1.col1 { opacity: 1; } .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col1 { opacity: 1; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col0, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col0, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col0 { opacity: 1; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col-1, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col0, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col0 { opacity: 1; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col-2, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-1, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-2, .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > house > .row-1.col-2, .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2 { opacity: 1; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-2, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col0 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col0 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col1 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-2, .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-1, .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col0 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col1 { opacity: 1; } .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col0, .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col1, .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-1, .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row-1.col-2 { opacity: 1; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-1, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2 { opacity: 1; } .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-2.col-1:checked ~ div > div > house > .row-2.col-1, .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-2.col-1:checked ~ div > div > house > .row-2.col-2 { opacity: 1; } .house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col3:checked ~ div > div > house > .row-2.col4, .house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col3:checked ~ div > div > house > .row-2.col3 { opacity: 1; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row1.col-2, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col-2, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-2, .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col-2, .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-2.col-2 { opacity: 1; } .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row1.col-2, .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1, .hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-2, .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1, .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col0 { opacity: 1; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col2, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col2 { opacity: 1; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col2, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col3, .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3, .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col3, .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3, .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col2 { opacity: 1; } .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4, .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col2 { opacity: 1; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col4, .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col3 { opacity: 1; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4, .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 { opacity: 1; } .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col0 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-1, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-1, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col-2, .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col2 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col2, .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col3, .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col3, .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col4, .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col4 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col2 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row0.col3, .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row0.col4 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > house > .row0.col4 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > house > .row1.col2 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > house > .row0.col3 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col0:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col0:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .house.row1.col1:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 { opacity: 1; } .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4, .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col3, .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col2 { opacity: 1; } .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col1, .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col3 { opacity: 1; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col4 { opacity: 1; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4, .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 { opacity: 1; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col2, .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col1 { opacity: 1; } .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { opacity: 1; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2 { opacity: 1; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col1 { opacity: 1; } .house.row2.col1:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row0.col-1, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col0, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-1, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col3, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col2, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row-1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-2, .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1, .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2, .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-1, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-2, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col3, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row1.col1:checked ~ div > div > shed > .row2.col1 { opacity: 0; } .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col1 { opacity: 0; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col0, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col0, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col-1, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col0, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col-2, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-1, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-2, .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-2, .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-2, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col0 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-1 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-2 { opacity: 0; } .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-1 { opacity: 0; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col0 { opacity: 0; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col1 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-2, .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-1, .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col0 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col1 { opacity: 0; } .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col0, .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col1, .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-1 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-2 { opacity: 0; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-2 { opacity: 0; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-1, .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-1, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-1, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row2.col-2, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col-2, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-2, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-2, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row-1.col-2 { opacity: 0; } .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row2.col-2, .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1, .hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-2, .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1, .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col0 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col2, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col2, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col3, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3, .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3, .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3, .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4, .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col4, .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4, .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col0 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-1, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-1, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col-2, .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-2 { opacity: 0; } .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col2, .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col3, .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col3, .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col4, .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col3, .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col0:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col0:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row4.col4 { opacity: 0; } .house.row2.col1:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col2, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col3, .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col2 { opacity: 0; } .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col1, .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col3 { opacity: 0; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col4 { opacity: 0; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col4, .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col3 { opacity: 0; } .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col2, .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col4 { opacity: 0; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col1 { opacity: 0; } .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 { opacity: 0; } .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3 { opacity: 0; } .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col2 { opacity: 0; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col1 { opacity: 0; } .house.row3.col1:checked ~ div > div > shed > .row2.col1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row1.col-1, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col0, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-1, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col3, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col2, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-2, .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row0.col-1, .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2, .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-1, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-2, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col1 { opacity: 0; } .house.row1.col1:checked ~ div > div > house > .row2.col1 { opacity: 1; } .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col1 { opacity: 1; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col0, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col0, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col0 { opacity: 1; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col-1, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col0, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col0 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col-2, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-1, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-2, .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-2, .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 { opacity: 1; } .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { opacity: 1; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-2, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col0 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-1 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-2 { opacity: 1; } .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-1 { opacity: 1; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col0 { opacity: 1; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col1 { opacity: 1; } .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-2, .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-1, .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col0 { opacity: 1; } .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col1 { opacity: 1; } .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col0, .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col1, .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-1 { opacity: 1; } .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-2 { opacity: 1; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-2 { opacity: 1; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-1, .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col0, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-1, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-1, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4, .house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row2.col-2, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col-2, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-2, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col-2, .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row-1.col-2 { opacity: 1; } .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row2.col-2, .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-1, .hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-2, .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1, .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col0 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col2, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2 { opacity: 1; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col2, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { opacity: 1; } .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col3, .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3, .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col3, .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3, .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2 { opacity: 1; } .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4, .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col2 { opacity: 1; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col4, .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4, .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col0 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-1, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-1, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col-2, .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-2 { opacity: 1; } .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col2 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col2, .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col3 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col3, .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col3, .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col4 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col4, .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col2 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col3 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col3, .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col4 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col4 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col3 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col4 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > house > .row2.col2 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > house > .row2.col3 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col0:checked ~ div > div > house > .row0.col3 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col0:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 { opacity: 1; } .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row4.col4 { opacity: 1; } .house.row2.col1:checked ~ div > div > house > .row2.col2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col2, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4, .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col3, .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col2 { opacity: 1; } .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col1, .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col3 { opacity: 1; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col4 { opacity: 1; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col4 { opacity: 1; } .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col4, .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col3 { opacity: 1; } .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col2, .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col4 { opacity: 1; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col1 { opacity: 1; } .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 { opacity: 1; } .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3 { opacity: 1; } .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col2 { opacity: 1; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col1 { opacity: 1; } .house.row3.col1:checked ~ div > div > house > .row2.col1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row1.col-1, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col0, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col0 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-1, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col3, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-2, .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row0.col-1, .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2, .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-1, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-2, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col1 { opacity: 1; } .house.row2.col1:checked ~ div > div > shed > .row3.col1 { opacity: 0; } .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col1 { opacity: 0; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col0, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col0, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col0 { opacity: 0; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col-1, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col0, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col0 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col-2, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-1, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-2, .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-2, .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-2, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col0 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-1 { opacity: 0; } .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-2 { opacity: 0; } .hs.row5.col-2:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-1 { opacity: 0; } .hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col0 { opacity: 0; } .hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col1 { opacity: 0; } .hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-2, .hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-1, .hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col0 { opacity: 0; } .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col1 { opacity: 0; } .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col0, .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col1, .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-1 { opacity: 0; } .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-2 { opacity: 0; } .hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-2 { opacity: 0; } .hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-2 { opacity: 0; } .hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row4.col0:checked ~ .house.row4.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row2.col-1, .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-1, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-1, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row3.col-2, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col-2, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-2, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col-2, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row0.col-2 { opacity: 0; } .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row3.col-2, .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row4.col-2 { opacity: 0; } .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row4.col-1 { opacity: 0; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-1, .hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col-1 { opacity: 0; } .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-2, .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col-2 { opacity: 0; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col-1, .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col0 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col3, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3, .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3, .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 { opacity: 0; } .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3, .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col2 { opacity: 0; } .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col4, .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col2 { opacity: 0; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col4, .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col4, .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 { opacity: 0; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col0 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-1, .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-1, .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-2 { opacity: 0; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col-2, .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-2 { opacity: 0; } .hs.row3.col1:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col2, .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col3, .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col3, .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col4, .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col3, .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col0:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col0:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row5.col4 { opacity: 0; } .house.row3.col1:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col2, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col3, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col4, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col3, .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col2 { opacity: 0; } .hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col1, .hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col3 { opacity: 0; } .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col4 { opacity: 0; } .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col4 { opacity: 0; } .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col2:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col4, .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col3 { opacity: 0; } .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col2, .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col4 { opacity: 0; } .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col1 { opacity: 0; } .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col4 { opacity: 0; } .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col3 { opacity: 0; } .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col2 { opacity: 0; } .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col1 { opacity: 0; } .house.row4.col1:checked ~ div > div > shed > .row3.col1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row2.col-1, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col0, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col0 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col0 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col-1, .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row2.col0 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col3, .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col-1, .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1, .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2, .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col-2, .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row1.col-1, .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2, .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row2.col1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-1, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row2.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row3.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-2, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col1 { opacity: 0; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col1 { opacity: 0; } .house.row2.col1:checked ~ div > div > house > .row3.col1 { opacity: 1; } .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col1 { opacity: 1; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col0, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col0, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col0 { opacity: 1; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col-1, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col0, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col0 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col-2, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-1, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-2, .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-2, .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { opacity: 1; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-2, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col0 { opacity: 1; } .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-1 { opacity: 1; } .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-2 { opacity: 1; } .hs.row5.col-2:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-1 { opacity: 1; } .hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col0 { opacity: 1; } .hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col1 { opacity: 1; } .hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-2, .hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-1, .hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col0 { opacity: 1; } .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col1 { opacity: 1; } .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col0, .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col1, .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-1 { opacity: 1; } .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-2 { opacity: 1; } .hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-2 { opacity: 1; } .hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-2 { opacity: 1; } .hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row4.col0:checked ~ .house.row4.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > house > .row2.col-1, .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col0, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-1, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-1, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, .house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col3 { opacity: 1; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row3.col-2, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col-2, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-2, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col-2, .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row0.col-2 { opacity: 1; } .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row3.col-2, .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row4.col-2 { opacity: 1; } .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row4.col-1 { opacity: 1; } .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-1, .hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col-1 { opacity: 1; } .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-2, .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col-2 { opacity: 1; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col-1, .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col0 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2 { opacity: 1; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col3, .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3, .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col3, .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 { opacity: 1; } .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3, .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col2 { opacity: 1; } .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col4, .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col2 { opacity: 1; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col4, .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 { opacity: 1; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4, .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 { opacity: 1; } .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3 { opacity: 1; } .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { opacity: 1; } .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col0 { opacity: 1; } .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-1, .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-1, .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-2 { opacity: 1; } .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col-2, .hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-2 { opacity: 1; } .hs.row3.col1:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col2 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col2, .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col3 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col3, .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col3, .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col4, .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col4 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col2 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col3 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col3, .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col4 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col4 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > house > .row3.col2 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > house > .row3.col3 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > house > .row2.col3 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col0:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col0:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { opacity: 1; } .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row5.col4 { opacity: 1; } .house.row3.col1:checked ~ div > div > house > .row3.col2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col3, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col2, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col2 { opacity: 1; } .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col3, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4, .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col3, .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col2 { opacity: 1; } .hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col1, .hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col3 { opacity: 1; } .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col4 { opacity: 1; } .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col4 { opacity: 1; } .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col2:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col4, .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col3 { opacity: 1; } .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col2, .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col4 { opacity: 1; } .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col1 { opacity: 1; } .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col4 { opacity: 1; } .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col3 { opacity: 1; } .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col2 { opacity: 1; } .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col1 { opacity: 1; } .house.row4.col1:checked ~ div > div > house > .row3.col1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row2.col-1, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col0, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col0 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col0 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col-1, .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row2.col0 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col3, .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row2.col-1, .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1, .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2, .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col-2, .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > house > .row1.col-1, .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2, .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row2.col1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col0 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-1, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row2.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row3.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-2, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3, .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col1 { opacity: 1; } .house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col1 { opacity: 1; } .house.row0.col2:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col0, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col-1, .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col0, .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col-1, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-1, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1, .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col-1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col1 { opacity: 0; } .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col0 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col0 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col1 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col-1, .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col0, .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col1 { opacity: 0; } .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col1, .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col2, .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col0 { opacity: 0; } .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col0, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-2.col0:checked ~ div > div > shed > .row-2.col0, .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-2.col0:checked ~ div > div > shed > .row-2.col-1 { opacity: 0; } .house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-2.col4:checked ~ div > div > shed > .row-2.col5, .house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-2.col4:checked ~ div > div > shed > .row-2.col4 { opacity: 0; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col-1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col-1, .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col-1, .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-2.col-1 { opacity: 0; } .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1, .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col0 { opacity: 0; } .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col0, .hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col0 { opacity: 0; } .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col-1, .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col0, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col1 { opacity: 0; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col3, .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col3, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col4, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4, .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4, .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 { opacity: 0; } .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4, .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col5, .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col5, .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col5, .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 { opacity: 0; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4 { opacity: 0; } .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col1 { opacity: 0; } .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col0, .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col0, .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col-1, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col3, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col4, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col4, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col5, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row0.col4, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row-1.col5 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row-1.col5 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col5 { opacity: 0; } .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row3.col5 { opacity: 0; } .house.row1.col2:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4, .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col2, .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col5 { opacity: 0; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col5 { opacity: 0; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col5, .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3, .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col5 { opacity: 0; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { opacity: 0; } .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4 { opacity: 0; } .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col3 { opacity: 0; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col2 { opacity: 0; } .house.row2.col2:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col-2 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col0, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col1, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col0, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col4, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col-1, .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0, .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1, .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col0, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col-1, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col2 { opacity: 0; } .house.row0.col2:checked ~ div > div > house > .row1.col2 { opacity: 1; } .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col2 { opacity: 1; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col1 { opacity: 1; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col0, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col1 { opacity: 1; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col-1, .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col0, .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col0 { opacity: 1; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col-1, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-1, .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1, .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col-1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col1 { opacity: 1; } .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col0 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col0 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col1 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col2 { opacity: 1; } .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col-1, .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col0, .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col1 { opacity: 1; } .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col2 { opacity: 1; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col1, .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col2, .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col0 { opacity: 1; } .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { opacity: 1; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col0, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-2.col0:checked ~ div > div > house > .row-2.col0, .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-2.col0:checked ~ div > div > house > .row-2.col-1 { opacity: 1; } .house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-2.col4:checked ~ div > div > house > .row-2.col5, .house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-2.col4:checked ~ div > div > house > .row-2.col4 { opacity: 1; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col-1, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col-1, .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col-1, .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-2.col-1 { opacity: 1; } .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1, .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col0 { opacity: 1; } .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col0 { opacity: 1; } .hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col0, .hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col0 { opacity: 1; } .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col-1, .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col0, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col1 { opacity: 1; } .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col3, .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3 { opacity: 1; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col3, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col4, .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4, .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col4, .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 { opacity: 1; } .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4, .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col3 { opacity: 1; } .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col5, .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { opacity: 1; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col5, .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col5, .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { opacity: 1; } .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 { opacity: 1; } .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4 { opacity: 1; } .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4 { opacity: 1; } .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col1 { opacity: 1; } .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col0, .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col0, .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col-1 { opacity: 1; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col-1, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col-1 { opacity: 1; } .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col3, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col4, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col4, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col5 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col5, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col5 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row0.col4, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col5 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row0.col5 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > house > .row-1.col5 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > house > .row0.col5 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > house > .row-1.col5 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col3 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col4 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > house > .row0.col4 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col5 { opacity: 1; } .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row3.col5 { opacity: 1; } .house.row1.col2:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5, .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { opacity: 1; } .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4, .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 { opacity: 1; } .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col2, .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col5 { opacity: 1; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col5 { opacity: 1; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col5 { opacity: 1; } .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col5, .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3, .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col5 { opacity: 1; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2 { opacity: 1; } .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { opacity: 1; } .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4 { opacity: 1; } .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col3 { opacity: 1; } .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col2 { opacity: 1; } .house.row2.col2:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col-2 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col0, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col1, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col2 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col0, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col4, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col-1, .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0, .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1, .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col0, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col-1, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col0 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col-1 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col2 { opacity: 1; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col2 { opacity: 1; } .house.row1.col2:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col2 { opacity: 0; } .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col1, .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col1, .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col0, .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col1, .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col1 { opacity: 0; } .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col-1, .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col0, .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col-1, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-1, .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1, .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { opacity: 0; } .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2, .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { opacity: 0; } .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-1, .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col1 { opacity: 0; } .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col0 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col-1 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col0 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col1 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col2 { opacity: 0; } .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col-1, .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col0, .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col1 { opacity: 0; } .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col2 { opacity: 0; } .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col1, .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col2, .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col0 { opacity: 0; } .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col-1 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col-1 { opacity: 0; } .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row2.col-1 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0, .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1, .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { opacity: 0; } .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col0, .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col0, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5, .house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col4 { opacity: 0; } .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1, .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-1, .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-1 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col-1, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col-1, .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row-1.col-1 { opacity: 0; } .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1, .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { opacity: 0; } .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col0 { opacity: 0; } .house.row2.col2:checked ~ .hs.row1.col.........完整代码请登录后点击上方下载按钮下载查看
网友评论0