style.css

@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";*,*::before,*::after{box-sizing:border-box}*{margin:0}body{font-family:"VT323",monospace;line-height:1.5}.wrapper{display:flex;flex-wrap:wrap}.entry{flex:0 0 100%;max-width:100%;min-height:500px;position:relative}.header{color:#fafafa;background-color:#323133;padding:1.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:1.25rem}.header-link{color:#fafafa;line-height:1;text-transform:uppercase}@media only screen and (min-width: 992px){.entry{flex:0 0 50%;max-width:50%}.entry--full{flex:0 0 100%;max-width:100%;min-height:500px}}#bear{--white: #fff7ed;--brown: #6a4b24;--dark-brown: #412914;background-color:var(--white)}#bear div,#bear div::before,#bear div::after{position:absolute}#bear div{width:200px;height:200px;left:50%;top:50%;transform:translate(-50%, -50%);background:radial-gradient(65px circle, var(--dark-brown) 24%, var(--brown) 25% 49%, transparent 50%) left top/65px 65px no-repeat,radial-gradient(65px circle, var(--dark-brown) 24%, var(--brown) 25% 49%, transparent 50%) right top/65px 65px no-repeat}#bear div::before{content:"";display:block;width:200px;height:200px;border-radius:50%;background:radial-gradient(20px circle, var(--dark-brown) 7px, var(--white) 8px 9px, transparent 10px) 55px 70px/20px 20px no-repeat,radial-gradient(20px circle, var(--dark-brown) 7px, var(--white) 8px 9px, transparent 10px) 125px 70px/20px 20px no-repeat;background-color:var(--brown);box-shadow:inset 0px -5px rgba(65,41,20,.2)}#bear div::after{content:"";display:block;width:60px;height:60px;left:50%;top:100px;transform:translateX(-50%);border-radius:30px 30px 20px 20px;background:radial-gradient(30px circle at center 0, var(--dark-brown) 14px, transparent 15px) center 20px/30px 15px no-repeat,radial-gradient(20px circle at center 0, transparent 5px, var(--dark-brown) 6px 9px, transparent 10px) 12px 34px/20px 20px no-repeat,radial-gradient(20px circle at center 0, transparent 5px, var(--dark-brown) 6px 9px, transparent 10px) 27px 34px/20px 20px no-repeat;background-color:var(--white)}#corgi{--white: #fff7ed;--black: #262626;--orange: #fcb037;--orange-light: #fcba4f;--red: #f1605a;background-color:#fbeeea;opacity:.99}#corgi div,#corgi div::before,#corgi div::after{position:absolute}#corgi div{width:180px;height:160px;left:calc(50% - 90px);top:calc(50% - 80px);background:conic-gradient(from 0 at 50% 0%, transparent 160deg, var(--white) 160deg 200deg, transparent 200deg) center 22px/60px 50px,radial-gradient(18px circle, var(--black) 9px, transparent 10px) 45px 45px/20px 20px,radial-gradient(18px circle, var(--black) 9px, transparent 10px) 115px 45px/20px 20px,radial-gradient(30px circle at center 0, var(--white) 11px, var(--black) 12px 14px, transparent 15px) 61px 94px/30px 30px,radial-gradient(30px circle at center 0, var(--white) 11px, var(--black) 12px 14px, transparent 15px) 89px 94px/30px 30px,radial-gradient(var(--black) 14px, transparent 15px) center 75px/30px 20px,radial-gradient(18px circle at center 0, var(--red) 9px, transparent 10px) center 118px/20px 10px,linear-gradient(var(--red) 99%, transparent 1%) center 98px/20px 20px,radial-gradient(var(--white) 49%, transparent 50%) center 55px/130px 90px,radial-gradient(110px circle, var(--orange) 49%, transparent 50%) center left/110px 110px,radial-gradient(110px circle, var(--orange) 49%, transparent 50%) center right/110px 110px,radial-gradient(160px circle, var(--orange) 49%, transparent 50%) center/160px 160px;background-repeat:no-repeat}#corgi div::before,#corgi div::after{content:"";display:block;width:112px;height:96px;z-index:-1;border:30px solid var(--orange);background-color:var(--orange-light)}#corgi div::before{border-radius:10% 20% 40% 20%;right:-25px;top:-30px;transform:rotate(-45deg) skewX(-40deg)}#corgi div::after{border-radius:20% 20% 40% 20%;left:-25px;top:-30px;transform:rotate(45deg) skewX(40deg)}#owl{--white: #fff;--purple: #602e53;--black: #21102e;--red: #d1475b;--orange: #e08463;--brown: #934842;background-color:#efefdc}#owl div,#owl div::before,#owl div::after{position:absolute}#owl div{width:240px;height:240px;left:calc(50% - 120px);top:calc(50% - 120px);background:radial-gradient(circle at center 0, var(--purple) 7px, transparent 8px) 92px 132px/16px 8px,radial-gradient(circle at center 0, var(--purple) 7px, transparent 8px) 68px 132px/16px 8px,radial-gradient(circle at center 0, var(--purple) 7px, transparent 8px) 80px 148px/16px 8px,radial-gradient(circle at center 0, var(--purple) 7px, transparent 8px) 80px 116px/16px 8px,radial-gradient(var(--red) 29px, transparent 30px) 59px 95px/60px 60px,linear-gradient(var(--purple) 99%, transparent 1%) 88px 85px/30px 40px,radial-gradient(circle at center 0, transparent 6px, var(--black) 7px 15px, transparent 16px) 136px 48px/32px 16px,radial-gradient(circle at center 0, transparent 6px, var(--black) 7px 15px, transparent 16px) 72px 48px/32px 16px,radial-gradient(var(--white) 31px, transparent 32px) 120px 16px/64px 64px,radial-gradient(var(--white) 31px, transparent 32px) 58px 16px/64px 64px,linear-gradient(var(--white) 99%, transparent 1%) 85px 49px/70px 30px,radial-gradient(circle at center 0, var(--red) 29px, transparent 30px) 150px top/60px 60px,radial-gradient(var(--red) 14px, transparent 15px) 138px 6px/30px 30px,radial-gradient(circle at 100% 100%, var(--red) 47px, transparent 48px) 104px top/48px 48px,radial-gradient(circle at center 0, var(--red) 29px, transparent 30px) 30px top/60px 60px,radial-gradient(var(--red) 14px, transparent 15px) 72px 6px/30px 30px,radial-gradient(circle at 0 100%, var(--red) 47px, transparent 48px) 88px top/48px 48px,radial-gradient(var(--purple) 47px, transparent 48px) 104px top/96px 96px,radial-gradient(var(--purple) 47px, transparent 48px) 40px top/96px 96px,radial-gradient(var(--red) 59px, transparent 60px) 54px 68px/120px 120px,linear-gradient(-60deg, transparent 40%, var(--brown) 1%) 50px bottom/30px 30px,linear-gradient(var(--brown) 99%, transparent 1%) center 187px/200px 25px;background-repeat:no-repeat}#owl div::before{content:"";display:block;width:80px;height:156px;bottom:0;right:42px;border-radius:0 80px 0 100px;background:linear-gradient(var(--brown) 99%, transparent 1%) center 104px/100px 25px no-repeat;background-color:var(--purple)}#owl div::after{content:"";display:block;width:30px;height:30px;background-color:var(--orange);top:64px;left:105px;border-radius:40% 50% 40% 0;transform:rotate(-45deg);box-shadow:-60px 90px 0 -7px var(--orange),-70px 80px 0 -7px var(--orange),-90px 60px 0 -7px var(--orange),-100px 50px 0 -7px var(--orange)}#frog{--orange: #fe5F55;--dark-orange: #a64942;--blue: #293462;--blond: #fef0c0;background-color:#ffe3e9}#frog div,#frog div::before,#frog div::after{position:absolute}#frog div{width:170px;height:140px;top:50%;left:50%;transform:translate(-50%, -50%)}#frog div::before{content:"";display:block;width:170px;height:110px;border-radius:60px;background-image:radial-gradient(var(--orange) 224px, transparent 225px);background-position:center calc(100% - 34px);background-size:450px 450px;background-repeat:no-repeat;background-color:var(--dark-orange);bottom:0}#frog div::after{content:"";display:block;width:170px;height:140px;z-index:2;background:radial-gradient(var(--blue) 5px, transparent 6px) 68px 84px/12px 12px,radial-gradient(var(--blue) 5px, transparent 6px) 90px 84px/12px 12px,radial-gradient(var(--blue) 6px, var(--blond) 7px 15px, var(--orange) 16px 27px, transparent 28px) 18px top/56px 56px,radial-gradient(var(--blue) 6px, var(--blond) 7px 15px, var(--orange) 16px 27px, transparent 28px) 96px top/56px 56px;background-repeat:no-repeat}#notes{--black: #191919;--white: #fff;--coral: #fe5f57;--dark-coral: #a64942;background-color:#fff4f0}#notes div{position:absolute;width:364px;height:152px;top:50%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(var(--coral) 100%, transparent) 314px 26px/50px 12px,linear-gradient(var(--coral) 100%, transparent) 314px top/50px 12px,linear-gradient(var(--dark-coral) 100%, transparent) 226px top/50px 12px,linear-gradient(var(--coral) 100%, transparent) 50px top/100px 12px;background-repeat:no-repeat}#notes div::before,#notes div::after{content:"";display:block;position:absolute}#notes div::before{width:62px;height:52px;bottom:0;left:0;background-color:var(--coral);border-radius:50%;box-shadow:88px 0 0 var(--coral),176px 0 0 var(--dark-coral),264px 0 0 var(--coral)}#notes div::after{width:12px;height:128px;bottom:24px;left:50px;background-color:var(--coral);box-shadow:88px 0 0 var(--coral),176px 0 0 var(--dark-coral),264px 0 0 var(--coral)}#piano{--black: #191919;--white: #fff;background-color:#a9cec2}#piano div{position:absolute;width:230px;height:124px;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:10px;background-color:var(--black)}#piano div::before,#piano div::after{content:"";display:block;position:absolute}#piano div::before{width:26px;height:88px;top:30px;left:6px;background-color:var(--white);border-radius:6px;box-shadow:32px 0 0 var(--white),64px 0 0 var(--white),96px 0 0 var(--white),128px 0 0 var(--white),160px 0 0 var(--white),192px 0 0 var(--white)}#piano div::after{width:20px;height:44px;top:30px;left:25px;background-color:var(--black);box-shadow:32px 0 0 var(--black),96px 0 0 var(--black),128px 0 0 var(--black),160px 0 0 var(--black)}#icecream{--orange: #e7983e;--orange-100: #eaa455;--orange-200: #edb06b;--orange-300: #f0bc82;--orange-400: #f2c899;--pink-primary: #f47d7d;--pink-100: #f69595;--pink-200: #f8adad;--brown: #3b2313;background-color:#fceae5}#icecream div{width:200px;height:310px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#icecream div::before,#icecream div::after{content:"";display:block;position:absolute}#icecream div::before{bottom:0;left:50%;transform:translateX(-50%);width:140px;height:120px;background:linear-gradient(60deg, var(--orange) 10%, var(--orange-100) 20% 30%, var(--orange-200) 30% 40%, var(--orange-300) 40% 50%, var(--orange) 50% 60%, var(--orange-100) 60% 70%, var(--orange-200) 70% 80%, var(--orange-300) 80% 90%, var(--orange) 90%),linear-gradient(120deg, var(--orange) 10%, var(--orange-100) 20% 30%, var(--orange-200) 30% 40%, var(--orange-300) 40% 50%, var(--orange) 50% 60%, var(--orange-100) 60% 70%, var(--orange-200) 70% 80%, var(--orange-300) 80% 90%, var(--orange) 90%);background-blend-mode:overlay;clip-path:polygon(0 0, 100% 0, 50% 100%)}#icecream div::after{width:200px;height:200px;left:50%;transform:translateX(-50%);bottom:110px;background:radial-gradient(var(--brown) 16px, transparent 17px) 24px 110px/34px 34px,radial-gradient(var(--brown) 16px, transparent 17px) 78px 58px/34px 34px,radial-gradient(var(--brown) 11px, transparent 12px) 136px 44px/24px 24px,radial-gradient(var(--brown) 11px, transparent 12px) 58px 0/24px 24px,radial-gradient(var(--pink-200) 39px, transparent 40px) 0 120px/80px 80px,radial-gradient(var(--pink-200) 27px, transparent 28px) 52px 144px/56px 56px,radial-gradient(var(--pink-200) 27px, transparent 28px) 144px 144px/56px 56px,radial-gradient(var(--pink-200) 49px, transparent 50px) 72px 100px/100px 100px,radial-gradient(var(--pink-100) 21px, transparent 22px) 56px 72px/44px 44px,radial-gradient(var(--pink-100) 44px, transparent 45px) 6px 90px/90px 90px,radial-gradient(var(--pink-100) 54px, transparent 55px) 86px 56px/110px 110px,radial-gradient(var(--pink-primary) 74px, transparent 75px) 22px 0/150px 150px;background-repeat:no-repeat}#skyscraper{--blue: #5195ed;--light-blue: #72c2f7;--dark-blue: #4f7be1;--robin: #8ae6cd;--maximum-blue: #4bb4c2;--arsenic: #3c3647;--cyan: #2a7cb4;--peach-orange: #facc91;--sandy-brown: #f19f6f;--fuzzy-wuzzy: #c77661;--dark-salmon: #f19f70;--rose-taupe: #965557;--copper: #d48164;--green: #676a4d;--light-green: #97984d;background-color:#e6f4f1}#skyscraper div{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:332px;height:340px;background:linear-gradient(to right, var(--rose-taupe) 8px, var(--fuzzy-wuzzy) 8px) 280px 303px/50px 8px,linear-gradient(to right, var(--copper) 8px, var(--peach-orange) 8px) 280px bottom/48px 30px,linear-gradient(var(--rose-taupe), var(--rose-taupe)) 227px 267px/56px 9px,linear-gradient(var(--dark-salmon), var(--dark-salmon)) 259px bottom/6px 66px,linear-gradient(var(--dark-salmon), var(--dark-salmon)) 245px bottom/6px 66px,linear-gradient(var(--dark-salmon), var(--dark-salmon)) 274px bottom/7px 66px,linear-gradient(var(--dark-salmon), var(--dark-salmon)) 229px bottom/7px 66px,linear-gradient(var(--dark-salmon), var(--dark-salmon)) 230px 275px/50px 10px,linear-gradient(var(--dark-salmon), var(--dark-salmon)) 230px bottom/50px 10px,repeating-linear-gradient(180deg, var(--arsenic) 0 10px, var(--dark-salmon) 10px 18px) 230px 285px/50px 46px,linear-gradient(var(--sandy-brown), var(--sandy-brown)) 21px 285px/80px 9px,linear-gradient(var(--fuzzy-wuzzy), var(--fuzzy-wuzzy)) 27px 278px/68px 12px,linear-gradient(var(--peach-orange), var(--peach-orange)) 67px bottom/6px 48px,linear-gradient(var(--peach-orange), var(--peach-orange)) 49px bottom/6px 48px,linear-gradient(var(--peach-orange), var(--peach-orange)) 86px bottom/12px 48px,linear-gradient(var(--peach-orange), var(--peach-orange)) 24px bottom/12px 48px,repeating-linear-gradient(180deg, var(--peach-orange) 0 7px, var(--arsenic) 7px 14px) 25px bottom/72px 48px,linear-gradient(var(--robin), var(--robin)) 268px bottom/5px 204px,linear-gradient(var(--robin), var(--robin)) 251px bottom/5px 204px,linear-gradient(var(--robin), var(--robin)) 287px bottom/6px 204px,linear-gradient(var(--robin), var(--robin)) 233px bottom/6px 204px,linear-gradient(var(--robin), var(--robin)) 233px 134px/60px 16px,repeating-linear-gradient(180deg, var(--robin) 0 6px, var(--maximum-blue) 6px 12px) 234px bottom/58px 204px,linear-gradient(var(--maximum-blue), var(--maximum-blue)) 241px 128px/44px 8px,linear-gradient(var(--arsenic), var(--arsenic)) 74px bottom/38px 80px,linear-gradient(var(--robin), var(--robin)) 37px bottom/7px 199px,linear-gradient(var(--robin), var(--robin)) 92px bottom/7px 199px,repeating-linear-gradient(180deg, var(--robin) 0 7px, var(--maximum-blue) 7px 12px) 38px bottom/60px 199px,linear-gradient(var(--light-blue), var(--light-blue)) 209px bottom/10px 320px,linear-gradient(var(--light-blue), var(--light-blue)) 112px bottom/10px 320px,linear-gradient(to right, var(--dark-blue) 24px, var(--light-blue) 24px 29px, var(--dark-blue) 29px 77px, var(--light-blue) 77px 82px, var(--dark-blue) 82px) center bottom/106px 24px,linear-gradient(var(--light-blue), var(--light-blue)) center bottom/106px 32px,linear-gradient(var(--light-blue), var(--light-blue)) center 20px/106px 16px,repeating-linear-gradient(180deg, var(--light-blue) 0 8px, var(--blue) 8px 16px) center bottom/106px 320px,linear-gradient(var(--blue), var(--blue)) center 10px/84px 14px,linear-gradient(var(--dark-blue), var(--dark-blue)) center 2px/66px 10px,linear-gradient(var(--cyan), var(--cyan)) 97px bottom/16px 112px,linear-gradient(var(--cyan) 80px, var(--arsenic) 80px) 219px bottom/16px 140px;background-repeat:no-repeat}#skyscraper div::before,#skyscraper div::after{content:"";display:block;position:absolute}#skyscraper div::before{background-color:var(--robin);width:62px;height:28px;left:37px;top:113px;clip-path:polygon(0 100%, 75% 0, 100% 30%, 100% 100%)}#skyscraper div::after{width:20px;height:80px;border-radius:100% 100% 100% 100%/100% 100% 50% 50%;background-color:var(--green);right:16px;bottom:-35px;box-shadow:-282px 16px 0 -2px var(--light-green),-296px 0 0 0 var(--green)}#window{--white: #fff;--gray: #eae9ef;--gray-100: #999bb2;--gray-200: #433e54;background-color:#e6f4f1}#window div{width:200px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(var(--gray-200), var(--gray-200)) 25px 115px/150px 10px,linear-gradient(var(--gray-200), var(--gray-200)) 95px 25px/10px 190px,linear-gradient(128deg, var(--gray) 45px, var(--white) 45px 60px, var(--gray) 60px 70px, var(--white) 70px 120px, var(--gray) 120px) center/150px 190px,linear-gradient(var(--gray-200), var(--gray-200)) center/170px 210px;background-repeat:no-repeat;background-color:var(--gray-100)}#window div::before,#window div::after{content:"";position:absolute;transform:rotate(45deg);background-color:var(--white)}#window div::before{width:10px;height:10px;border-radius:1px;left:34px;top:40px}#window div::after{width:14px;height:14px;border-radius:2px;right:40px;bottom:42px}#shutters{--turquoise: #34d0e9;--blue-100: #16a7d4;--blue-200: #12a4D7;--blue-300: #0d7eb8;--bg-color: #fff5ee;--white: #f0f0f7;--arsenic: #413e53;background-color:#e9fdff}#shutters div{position:absolute;width:314px;height:240px;top:50%;left:50%;transform:translate(-50%, -50%);perspective:1000px;background:linear-gradient(var(--arsenic), var(--arsenic)) 164px 98px/50px 108px,linear-gradient(var(--arsenic), var(--arsenic)) 100px 98px/50px 108px,linear-gradient(var(--arsenic), var(--arsenic)) center 34px/114px 54px,linear-gradient(var(--white), var(--white)) center 24px/134px 192px,linear-gradient(var(--blue-300), var(--blue-300)) center 12px/182px 216px,linear-gradient(var(--blue-200), var(--blue-200)) center bottom/182px 12px,linear-gradient(var(--blue-200), var(--blue-200)) center top/182px 12px;background-repeat:no-repeat}#shutters div::before,#shutters div::after{content:"";display:block;position:absolute;width:78px;height:216px;bottom:12px;background:linear-gradient(var(--turquoise), var(--turquoise)) center 136px/54px 12px,linear-gradient(var(--turquoise), var(--turquoise)) center 44px/54px 12px,linear-gradient(var(--turquoise), var(--turquoise)) center 64px/38px 64px,linear-gradient(var(--turquoise), var(--turquoise)) center 156px/38px 28px,linear-gradient(var(--turquoise), var(--turquoise)) center 8px/38px 28px;background-color:var(--blue-100);background-repeat:no-repeat;border:12px solid var(--turquoise);transform-style:preserve-3d;transform-origin:right center}#shutters div::before{left:0;animation:flip 1600ms ease-out infinite alternate}#shutters div::after{right:0}@keyframes flip{0%{transform:rotateY(0)}40%,100%{transform:rotateY(180deg)}}#pawn{--jelly-bean: #d86f45;--bg-color: #fff5ee;background-color:var(--bg-color)}#pawn div{position:absolute;width:176px;height:238px;top:50%;left:50%;transform:translate(-50%, -50%);background:radial-gradient(var(--jelly-bean) 30px, transparent 31px) center 1px/62px 62px,radial-gradient(var(--bg-color) 94px, transparent 95px) -126px 16px/190px 190px,radial-gradient(var(--bg-color) 94px, transparent 95px) 112px 16px/190px 190px,linear-gradient(var(--jelly-bean), var(--jelly-bean)) center 100px/110px 80px;background-repeat:no-repeat}#pawn div::before,#pawn div::after{content:"";display:block;position:absolute}#pawn div::before{width:176px;height:50px;bottom:0;left:0;background-color:var(--jelly-bean);border-radius:25px 25px 15px 15px}#pawn div::after{width:100px;height:26px;top:68px;left:38px;background-color:var(--jelly-bean);border-radius:10px 10px 15px 15px}#rook{--sunny: #f7ec7d;--bg-color: #2f4858;background-color:var(--bg-color)}#rook div{position:absolute;width:176px;height:238px;top:50%;left:50%;transform:translate(-50%, -50%);background:radial-gradient(var(--sunny) 6px, transparent 6px) 132px top/12px 12px,linear-gradient(var(--sunny), var(--sunny)) 132px 6px/12px 58px,radial-gradient(var(--sunny) 6px, transparent 6px) 82px top/12px 12px,linear-gradient(var(--sunny), var(--sunny)) 82px 6px/12px 58px,radial-gradient(var(--sunny) 6px, transparent 6px) 32px top/12px 12px,linear-gradient(var(--sunny), var(--sunny)) 32px 6px/12px 58px,radial-gradient(var(--sunny) 12px, transparent 12px) 120px 52px/24px 24px,radial-gradient(var(--sunny) 12px, transparent 12px) 32px 52px/24px 24px,linear-gradient(var(--sunny), var(--sunny)) center 52px/88px 24px,radial-gradient(var(--sunny) 6px, transparent 6px) 114px 82px/12px 12px,radial-gradient(var(--sunny) 6px, transparent 6px) 50px 82px/12px 12px,linear-gradient(var(--sunny), var(--sunny)) center 82px/64px 12px,radial-gradient(var(--sunny) 6px, transparent 6px) 144px 188px/12px 12px,radial-gradient(var(--sunny) 6px, transparent 6px) 20px 188px/12px 12px,linear-gradient(var(--sunny), var(--sunny)) center 188px/124px 12px,radial-gradient(var(--bg-color) 94px, transparent 95px) -127px 18px/190px 190px,radial-gradient(var(--bg-color) 94px, transparent 95px) 113px 18px/190px 190px,linear-gradient(var(--sunny), var(--sunny)) center 100px/110px 82px;background-repeat:no-repeat}#rook div::before,#rook div::after{content:"";display:block;position:absolute}#rook div::before{width:176px;height:32px;bottom:0;left:0;background-color:var(--sunny);border-radius:25px 25px 15px 15px}#rook div::after{width:38px;height:56px;top:0;left:44px;background-color:var(--bg-color);border-radius:6px;box-shadow:50px 0 0 var(--bg-color)}#santa{--skin: #f2bc98;--skin-dark: #e6a278;--red: #fe5f57;--red-dark: #f05c55;--white: #fff;--blue: #1f2a4a;background-color:#ffd7d5;opacity:.99}#santa div{position:absolute;width:294px;height:352px;top:calc(50% - 176px);left:calc(50% - 110px);background:linear-gradient(var(--white), var(--white)) 128px 120px/30px 10px,linear-gradient(var(--white), var(--white)) 60px 120px/30px 10px,radial-gradient(var(--skin) 9px, transparent 10px) 98px 160px/20px 20px,radial-gradient(circle at center 0, var(--blue) 36px, transparent 37px) 73px 206px/74px 37px,radial-gradient(var(--white) 37px, transparent 38px) 70px bottom/76px 76px,radial-gradient(var(--white) 37px, transparent 38px) 122px 247px/76px 76px,radial-gradient(var(--white) 37px, transparent 38px) 22px 247px/76px 76px,radial-gradient(var(--white) 37px, transparent 38px) 144px 202px/76px 76px,radial-gradient(var(--white) 37px, transparent 38px) 0 202px/76px 76px,radial-gradient(var(--white) 24px, transparent 25px) 156px 170px/50px 50px,radial-gradient(var(--white) 24px, transparent 25px) 14px 170px/50px 50px,linear-gradient(var(--white), var(--white)) 38px 170px/140px 122px,radial-gradient(var(--blue) 5px, transparent 6px) 136px 138px/12px 12px,radial-gradient(var(--blue) 5px, transparent 6px) 68px 138px/12px 12px,linear-gradient(var(--skin-dark), var(--skin-dark)) 38px 149px/60px 22px,radial-gradient(circle at center bottom, var(--skin-dark) 29px, transparent 30px) 118px 120px/60px 30px,radial-gradient(circle at center bottom, var(--skin-dark) 29px, transparent 30px) 38px 120px/60px 30px,linear-gradient(var(--skin), var(--skin)) 38px 137px/140px 70px,radial-gradient(var(--skin) 70px, transparent 70px) 38px 66px/140px 140px,radial-gradient(var(--red) 74px, transparent 75px) 34px top/150px 150px,radial-gradient(var(--white) 19px, transparent 20px) 252px 65px/40px 40px,linear-gradient(var(--white), var(--white)) 167px 110px/16px 50px,linear-gradient(var(--white), var(--white)) 33px 110px/16px 50px;background-repeat:no-repeat}#santa div::before,#santa div::after{content:"";display:block;position:absolute}#santa div::before{width:170px;height:46px;top:66px;left:23px;background-color:var(--white);border-radius:10px}#santa div::after{width:150px;height:75px;top:38px;left:106px;background-color:var(--red-dark);border-radius:0 0 75px 75px;z-index:-1;transform:rotateZ(30deg)}#computer{--light-gray: #d6d2c8;--dark-gray: #55524e;--gray: #9b9484;--dark-blue: #2b293e;--light-blue: #35b7da;background-color:#fef9ee}#computer div{position:absolute;width:340px;height:300px;top:50%;left:50%;transform:translate(-50%, -50%);background:repeating-linear-gradient(90deg, var(--gray) 0 10px, var(--light-gray) 10px 18px) 258px 236px/64px 10px,repeating-linear-gradient(90deg, var(--dark-gray) 0 10px, var(--light-gray) 10px 18px) 258px 246px/64px 38px,linear-gradient(var(--dark-gray), var(--dark-gray)) 166px 264px/10px 14px,linear-gradient(var(--light-gray) 10px, var(--dark-gray) 10px) 144px 248px/80px 20px,linear-gradient(90deg, var(--dark-gray) 10px, var(--gray) 10px) 124px 236px/110px 48px,linear-gradient(90deg, var(--gray) 10px, var(--light-gray) 10px) 90px 230px/250px 60px,linear-gradient(90deg, var(--gray) 10px, var(--light-gray) 10px) 100px 220px/240px 80px,linear-gradient(var(--dark-gray), var(--dark-gray)) 10px bottom/330px 80px,linear-gradient(var(--dark-gray), var(--dark-gray)) left bottom/320px 70px,linear-gradient(90deg, var(--gray) 18px, var(--light-gray) 18px 26px, var(--gray) 26px 36px, var(--dark-gray) 36px 122px, var(--light-gray) 122px 160px, var(--gray) 160px) 120px 180px/170px 10px,linear-gradient(var(--gray) 10px, var(--dark-blue) 10px 150px, var(--gray) 150px) 130px 10px/150px 160px,linear-gradient(90deg, var(--gray) 10px, var(--dark-blue) 10px 180px, var(--gray) 180px) 110px 30px/190px 120px,linear-gradient(var(--gray), var(--gray)) 120px 20px/170px 140px,linear-gradient(var(--light-gray), var(--light-gray)) 110px top/190px 200px,linear-gradient(90deg, var(--gray) 10px, var(--light-gray) 10px) 90px 10px/220px 180px,linear-gradient(var(--gray), var(--gray)) 100px top/200px 200px,linear-gradient(var(--dark-gray), var(--dark-gray)) 40px top/260px 200px,linear-gradient(90deg, var(--dark-gray) 50%, var(--light-gray) 50%) 30px 10px/280px 180px,linear-gradient(90deg, var(--dark-gray) 96px, var(--gray) 96px) 70px 210px/216px 14px,linear-gradient(var(--dark-gray), var(--dark-gray)) 90px 190px/178px 30px;background-repeat:no-repeat}#computer div::before{content:"";display:block;position:absolute;width:10px;height:10px;top:95px;left:175px;background-color:var(--light-blue);animation:hello 3500ms linear infinite forwards alternate}@keyframes hello{0%,18%{box-shadow:0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),40px -30px 0 var(--light-blue),40px -20px 0 var(--light-blue),10px -30px 0 var(--light-blue),10px -20px 0 var(--light-blue),50px 0 0 var(--light-blue),40px 10px 0 var(--light-blue),30px 10px 0 var(--light-blue),20px 10px 0 var(--light-blue),10px 10px 0 var(--light-blue)}24%,38%{box-shadow:0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),50px -30px 0 var(--light-blue),40px -20px 0 var(--light-blue),0 -30px 0 var(--light-blue),10px -20px 0 var(--light-blue),50px 0 0 var(--light-blue),40px 10px 0 var(--light-blue),30px 0 0 var(--light-blue),20px 10px 0 var(--light-blue),10px 10px 0 var(--light-blue)}44%,58%{box-shadow:0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),50px -30px 0 var(--light-blue),50px 0 0 var(--light-blue),40px 10px 0 var(--light-blue),30px -20px 0 var(--light-blue),30px 0 0 var(--light-blue),30px 10px 0 var(--light-blue),10px -10px var(--light-blue),0 -30px 0 var(--light-blue),0 -20px 0 var(--light-blue),0 10px 0 var(--light-blue)}64%,78%{box-shadow:0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),0 0 0 var(--light-blue),50px -30px 0 var(--light-blue),50px 0 0 var(--light-blue),50px 10px 0 var(--light-blue),30px -30px 0 var(--light-blue),30px -20px 0 var(--light-blue),30px 0 0 var(--light-blue),30px 10px 0 var(--light-blue),10px -10px var(--light-blue),0 -30px 0 var(--light-blue),0 -20px 0 var(--light-blue),0 10px 0 var(--light-blue)}84%,100%{box-shadow:50px -30px 0 var(--light-blue),50px -10px 0 var(--light-blue),50px 0 0 var(--light-blue),50px 10px 0 var(--light-blue),30px -30px 0 var(--light-blue),30px -20px 0 var(--light-blue),30px -10px 0 var(--light-blue),30px 0 0 var(--light-blue),30px 10px 0 var(--light-blue),20px -10px 0 var(--light-blue),10px -10px 0 var(--light-blue),0 -30px 0 var(--light-blue),0 -20px 0 var(--light-blue),0 -10px var(--light-blue),0 10px 0 var(--light-blue)}}#tv{--white: #c1c8c7;--black: #1b173b;--blue: #1a254c;--light-blue: #1a4369;--dark-blue: #2a2345;--metallic-blue: #3e567a;--wenge: #684a60;--brown: #9f777c;--dark-brown: #433754;--gray: #acb6c0;--light-gray: #717A92;--dark-gray: #617b99;background-color:#fbeaff}#tv div{width:360px;height:314px;left:50%;top:50%;position:absolute;transform:translate(-50%, -50%);background:radial-gradient(var(--metallic-blue) 21px, transparent 22px) 224px 159px/44px 44px,radial-gradient(var(--metallic-blue) 21px, transparent 22px) 224px 106px/44px 44px,repeating-linear-gradient(var(--black) 0 4px, var(--dark-brown) 4px 10px) 217px 212px/56px 64px,linear-gradient(to right, var(--dark-blue) 200px, var(--dark-brown) 200px) 14px 90px/262px 194px,linear-gradient(to right, var(--wenge) 290px, var(--brown) 290px) left 74px/360px 226px,linear-gradient(to right, var(--blue) 62px, var(--light-blue) 62px) 208px 64px/76px 12px,linear-gradient(-60deg, transparent 50%, var(--dark-gray) calc(50% + 1px) 60%, transparent calc(60% + 1px)) 250px top/54px 74px,linear-gradient(60deg, transparent 50%, var(--dark-gray) calc(50% + 1px) 60%, transparent calc(60% + 1px)) 180px top/54px 74px,linear-gradient(to right, var(--blue) 252px, var(--light-blue) 252px) 18px bottom/326px 20px;background-repeat:no-repeat}#tv div::before,#tv div::after{content:"";display:block;position:absolute}#tv div::before{width:180px;height:174px;top:100px;left:24px;border-radius:20px;background:radial-gradient(var(--white) 65%, transparent calc(65% + 1px)) center -30px/340px 118px no-repeat;background-color:var(--gray);box-shadow:inset 6px 0 var(--dark-gray)}#tv div::after{width:44px;height:98px;left:224px;top:105px;background:linear-gradient(45deg, var(--blue) 40%, var(--light-gray) calc(40% + 1px) 54%, var(--gray) calc(54% + 1px) 60%, var(--blue) calc(60% + 1px)) left bottom/44px 44px,linear-gradient(30deg, var(--blue) 40%, var(--light-gray) calc(40% + 1px) 54%, var(--gray) calc(54% + 1px) 60%, var(--blue) calc(60% + 1px)) left top/44px 44px;background-repeat:no-repeat;mask-image:radial-gradient(var(--black) 16px, transparent 17px),radial-gradient(circle, var(--black) 16px, transparent 17px);-webkit-mask-image:radial-gradient(var(--black) 16px, transparent 17px),radial-gradient(circle, var(--black) 16px, transparent 17px);mask-position:left top,left bottom;-webkit-mask-position:left top,left bottom;mask-size:44px 44px;-webkit-mask-size:44px 44px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}#lumberjack{--white: #c1c8c7;--brown: #6e3e32;--black: #2d2623;--orange: #c9533e;--coral: #de845b;--green: #137756;--light-green: #428c50;--yellow: #e8ae4a;background-color:#ffe6d9}#lumberjack div{width:198px;height:348px;left:50%;top:50%;position:absolute;transform:translate(-50%, -50%);background:linear-gradient(var(--light-green), var(--light-green)) center 86px/86px 14px,radial-gradient(circle at center 100%, var(--light-green) 43px, transparent 43px) center 44px/86px 43px,radial-gradient(circle at center 100%, var(--green) 62px, transparent 63px) center 36px/126px 63px,radial-gradient(var(--yellow) 22px, transparent 23px) center top/46px 46px,radial-gradient(circle at 0 center, var(--orange) 6px, var(--coral) 7px 14px, transparent 15px) 174px 163px/15px 30px,radial-gradient(circle at 100% center, var(--orange) 6px, var(--coral) 7px 14px, transparent 15px) 9px 163px/15px 30px,radial-gradient(circle at 100% center, var(--brown) 20px, transparent 20px) 91px 113px/20px 40px,radial-gradient(circle at 100% center, var(--brown) 19px, transparent 20px) 71px 113px/20px 40px,linear-gradient(var(--brown), var(--brown)) 141px 153px/14px 14px,radial-gradient(circle at center 0, var(--brown) 13px, transparent 14px) 127px 153px/28px 14px,linear-gradient(var(--brown), var(--brown)) 43px 153px/14px 14px,radial-gradient(circle at center 0, var(--brown) 13px, transparent 14px) 43px 153px/28px 14px,radial-gradient(circle at center 100%, var(--black) 6px, transparent 7px) 133px 179px/14px 7px,radial-gradient(circle at center 100%, var(--black) 6px, transparent 7px) 51px 179px/14px 7px,radial-gradient(var(--coral) 22px, transparent 23px) center 184px/46px 46px,radial-gradient(var(--coral) 23px, transparent 23px) 115px 170px/46px 46px,radial-gradient(var(--coral) 23px, transparent 23px) 37px 170px/46px 46px,linear-gradient(var(--orange) 6px, var(--coral) 7px) center 130px/124px 62px,radial-gradient(var(--black) 34px, transparent 35px) 91px 180px/70px 70px,radial-gradient(var(--black) 34px, transparent 35px) 37px 180px/70px 70px,radial-gradient(var(--orange) 19px, transparent 20px) center 210px/40px 40px,radial-gradient(var(--black) 14px, transparent 15px) center 235px/30px 30px,radial-gradient(circle at center 0, var(--brown) 19px, transparent 20px) right 132px/40px 20px,radial-gradient(circle at center 0, var(--brown) 19px, transparent 20px) left 132px/40px 20px,radial-gradient(var(--brown) 39px, transparent 40px) right 128px/80px 80px,radial-gradient(var(--brown) 39px, transparent 40px) left 128px/80px 80px,radial-gradient(circle at 100% 0, var(--brown) 59px, transparent 60px) 123px 252px/60px 60px,radial-gradient(circle at 0 0, var(--brown) 59px, transparent 60px) 15px 252px/60px 60px,radial-gradient(circle at 100% 0, var(--brown) 79px, transparent 80px) 81px bottom/80px 80px,radial-gradient(circle at 0 0, var(--brown) 79px, transparent 80px) 37px bottom/80px 80px,linear-gradient(var(--brown), var(--brown)) 15px 156px/168px 114px;background-repeat:no-repeat}#lumberjack div::before,#lumberjack div::after{content:"";display:block;position:absolute}#lumberjack div::before{width:164px;height:34px;top:98px;left:50%;transform:translateX(-50%);border-radius:10px 10px 0 0;background:repeating-linear-gradient(to right, var(--green) 0 10px, var(--light-green) 10px 22px)}#lumberjack div::after{width:20px;height:40px;left:110px;top:113px;background-color:var(--brown);border-radius:0 20px 20px 0}#flamingo{--white: #fff;--pink: #f9c0ce;--pink-100: #f9baca;--pink-200: #f8b0c2;--pink-300: #f7a6ba;--pink-400: #f69eb4;--pink-500: #f092a5;--gray: #e1e9ee;--gray-100: #d6e2e5;--gray-200: #dae5e7;--gray-300: #c6d1d6;--gray-400: #b4c8ce;--gray-500: #a6afb8;--dark-blue: #363851;background-color:#f8f8f2}#flamingo div{width:258px;height:332px;left:50%;top:50%;position:absolute;transform:translate(-50%, -50%);background:radial-gradient(var(--gray-400) 4px, transparent 5px) 80px 220px/10px 10px,radial-gradient(circle at center 100%, var(--dark-blue) 15px, transparent 16px) 82px 316px/32px 16px,radial-gradient(circle at 0 center, var(--dark-blue) 15px, transparent 16px) 129px 222px/16px 32px,linear-gradient(var(--gray-100), var(--gray-100)) 82px 192px/6px 140px,radial-gradient(circle at 0 center, var(--gray-100) 21px, transparent 22px) 82px 161px/23px 46px,linear-gradient(var(--gray-200), var(--gray-200)) 18px 222px/115px 6px,radial-gradient(circle at center 100%, var(--dark-blue) 8px, transparent 9px) 157px 26px/18px 9px,radial-gradient(var(--white) 19px, transparent 20px) 145px 15px/40px 40px,radial-gradient(circle at 0 100%, var(--dark-blue) 35px, transparent 36px) right 13px/36px 36px,linear-gradient(var(--gray), var(--gray)) 179px 13px/43px 36px,radial-gradient(circle at 0 0, var(--gray-500) 29px, transparent 30px) 179px 30px/30px 30px,radial-gradient(var(--pink-500) 27px, transparent 28px) 133px 7px/56px 56px,radial-gradient(circle at 100% center, var(--pink-500) 34px, transparent 35px) 126px top/35px 70px,radial-gradient(circle at 0 center, transparent 37px, var(--pink-500) 38px 51px, transparent 52px) 161px 49px/52px 104px;background-repeat:no-repeat}#flamingo div::before,#flamingo div::after{content:"";display:block;position:absolute}#flamingo div::before{width:86px;height:46px;left:18px;top:186px;transform:rotate(-45deg);background:radial-gradient(var(--gray-400) 4px, transparent 5px) left top/10px 10px,linear-gradient(var(--gray-200), var(--gray-200)) left 2px/86px 6px,radial-gradient(circle at center 0, var(--gray-300) 22px, transparent 23px) right 2px/46px 23px;background-repeat:no-repeat}#flamingo div::after{width:174px;height:92px;top:83px;left:0;background:radial-gradient(circle at center 100%, var(--pink) 14px, transparent 15px) 120px 60px/30px 15px,radial-gradient(circle at center 100%, var(--pink-100) 28px, transparent 29px) 92px 46px/58px 29px,radial-gradient(circle at center 100%, var(--pink-200) 43px, transparent 44px) 62px 31px/88px 44px,radial-gradient(circle at center 100%, var(--pink-300) 59px, transparent 60px) 30px 15px/120px 60px,radial-gradient(circle at center 100%, var(--pink-400) 74px, transparent 75px) left top/150px 75px,linear-gradient(var(--pink-500), var(--pink-500)) left 78px/34px 4px,linear-gradient(var(--pink-500), var(--pink-500)) 14px 85px/20px 3px,linear-gradient(var(--pink-500), var(--pink-500)) 34px bottom/115px 50px,radial-gradient(var(--pink-500) 24px, transparent 25px) right bottom/50px 50px;background-repeat:no-repeat}#letter-a{--black: #000;--beige: #fef9ca;--yellow: #c4b732;--orange: #e38f66;--brown: #aa445f;background-color:#62306d}#letter-a div{width:192px;height:175px;left:50%;top:50%;position:absolute;transform:translate(-50%, -50%);background:linear-gradient(310deg, transparent 39px, var(--orange) 40px 89px, transparent 90px) 7px bottom/117px 62px,linear-gradient(-310deg, transparent 39px, var(--brown) 40px 89px, transparent 90px) 68px bottom/117px 62px,linear-gradient(290deg, transparent 59px, var(--beige) 60px 109px, transparent 110px) left bottom/117px 175px,linear-gradient(-290deg, transparent 59px, var(--yellow) 60px 109px, transparent 110px) right bottom/117px 175px;background-repeat:no-repeat}#macintosh{--gray: #b6b9bc;--gray-100: #b3b4b9;--gray-200: #8a9faa;--beige: #f7eade;--beige-100: #fbe8e0;--beige-200: #efdbd3;--beige-300: #cfcaca;--teal: #6c8e8c;--teal-100: #538194;--pewter-blue: #89a6b1;--ming: #40717a;--green: #548180;--blue: #1a2e54;background-color:#e6f4f1}#macintosh div{width:352px;height:332px;left:50%;top:50%;position:absolute;transform:translate(-50%, -50%);background:linear-gradient(var(--gray-200) 2px, var(--beige-300) 2px 4px, var(--gray) 4px) 228px bottom/48px 16px,linear-gradient(var(--gray) 2px, var(--beige-100) 2px 4px, var(--beige-200) 4px) 274px bottom/26px 16px,linear-gradient(var(--blue), var(--blue)) 186px 197px/28px 16px,linear-gradient(var(--blue), var(--blue)) 119px 201px/67px 8px,linear-gradient(to right, var(--gray-200) 24px, var(--beige) 24px 32px, var(--gray-200) 32px 54px, var(--beige-100) 54px 62px, var(--gray-200) 62px 124px, var(--beige) 124px 132px, var(--gray-200) 132px 154px, var(--beige) 154px 162px, var(--gray-200) 162px 186px, var(--beige) 186px 194px, var(--gray-200) 194px 204px, var(--beige) 204px 212px, var(--gray-200) 212px 222px, var(--beige-100) 222px 230px, var(--gray-200) 230px 238px, var(--beige) 238px) 10px 240px/246px 14px,linear-gradient(var(--gray) 16px, var(--gray-200) 16px 18px, var(--beige-300) 18px 20px, var(--gray) 20px) 0 254px/214px 32px,linear-gradient(var(--beige-200) 16px, var(--gray) 16px 18px, var(--beige-100) 18px 20px, var(--beige-200) 20px) 214px 254px/54px 32px,repeating-linear-gradient(var(--teal-100) 0 4px, transparent 4px 10px) 260px 230px/46px 44px,linear-gradient(88deg, var(--beige-200) 84%, transparent calc(84% + 1px)) 256px top/60px 286px,linear-gradient(to right, var(--beige-100) 2px, var(--gray-100) 2px) 252px top/4px 286px,linear-gradient(to right, var(--gray) 186px, var(--beige-200) 186px 205px) 47px top/205px 286px,linear-gradient(transparent 67px, var(--pewter-blue) 67px) 300px 254px/16px 70px,radial-gradient(circle at 0 center, transparent 32px, var(--pewter-blue) 32px 35px, transparent 35px) 314px 254px/35px 70px;background-repeat:no-repeat}#macintosh div::before,#macintosh div::after{content:"";position:absolute;display:block}#macintosh div::before{top:20px;left:68px;width:146px;height:126px;border-radius:10px;background:radial-gradient(var(--teal) 65%, transparent calc(65% + 1px)) center -10px/316px 80px no-repeat var(--green);box-shadow:inset 6px 0 var(--ming)}#macintosh div::after{width:48px;height:10px;bottom:16px;left:228px;border-radius:10px 10px 0 0;background-color:var(--beige-300);box-shadow:24px 0 0 0 var(--beige-200)}#parrot{--red: #fa4846;--red-100: #fb5f5e;--red-200: #fb7876;--red-300: #fc908f;--blue: #3c2bc7;--blue-100: #292879;--blue-200: #1e1d56;--white: #fff;--melon: #ffc1b2;--brown: #792B08;background-color:#e4fdbe}#parrot div{width:184px;height:300px;left:50%;top:50%;position:absolute;transform:translate(-50%, -50%);background:linear-gradient(var(--red-200), var(--red-200)) 42px 180px/30px 90px,radial-gradient(circle at 0 center, var(--red-200) 29px, transparent 30px) 42px 238px/30px 60px,linear-gradient(var(--red-300), var(--red-300)) 52px 159px/30px 90px,radial-gradient(circle at 0 center, var(--red-300) 30px, transparent 30px) 52px 220px/30px 60px,radial-gradient(circle at 100% 100%, var(--red) 69px, transparent 70px) 82px 0/70px 70px,radial-gradient(circle at 0 100%, var(--blue-200) 39px, transparent 40px) 142px 8px/40px 40px,radial-gradient(circle at 0 center, var(--blue-100) 19px, transparent 20px) 152px 27px/20px 40px,linear-gradient(var(--brown), var(--brown)) 0 170px/160px 24px,linear-gradient(60deg, transparent 50%, var(--brown) calc(50% + 1px)) 100px 190px/40px 25px;background-repeat:no-repeat}#parrot div::before,#parrot div::after{content:"";position:absolute;display:block}#parrot div::before{top:62px;left:42px;width:110px;height:130px;border-radius:50px 0 100px 0;background:radial-gradient(var(--red) 99px, transparent 100px) -106px -150px/200px 200px,radial-gradient(var(--red-200) 99px, transparent 100px) -118px -116px/200px 200px,radial-gradient(var(--red-100) 99px, transparent 100px) -118px -84px/200px 200px;background-repeat:no-repeat;background-color:var(--red)}#parrot div::after{width:40px;height:80px;top:0;left:112px;background:radial-gradient(var(--white) 2px, transparent 3px) 22px 22px/6px 6px,radial-gradient(var(--blue) 7px, transparent 8px) 18px 18px/16px 16px,radial-gradient(circle at 100% center, var(--melon) 29px, transparent 30px) 10px 0/30px 60px;background-repeat:no-repeat;background-color:var(--white);border-radius:60px 0 0 60px}#church{background-color:#fff7f3}#church div{width:200px;height:350px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:conic-gradient(from 135deg at 50% 50%, #423b4d 0 90deg, transparent 0 100%) 118px 146px/18px 18px,linear-gradient(#423b4d, #423b4d) 118px 164px/18px 20px,conic-gradient(from 135deg at 50% 50%, #423b4d 0 90deg, transparent 0 100%) 91px 146px/18px 18px,linear-gradient(#423b4d, #423b4d) 91px 164px/18px 20px,conic-gradient(from 135deg at 50% 50%, #423b4d 0 90deg, transparent 0 100%) 64px 146px/18px 18px,linear-gradient(#423b4d, #423b4d) 64px 164px/18px 20px,conic-gradient(from 135deg at 50% 50%, #423b4d 0 90deg, transparent 0 100%) 164px 212px/18px 18px,linear-gradient(#423b4d, #423b4d) 164px 230px/18px 26px,conic-gradient(from 135deg at 50% 50%, #423b4d 0 90deg, transparent 0 100%) 18px 212px/18px 18px,linear-gradient(#423b4d, #423b4d) 18px 230px/18px 26px,conic-gradient(from 135deg at 50% 50%, #423b4d 0 90deg, transparent 0 100%) 118px 306px/18px 18px,linear-gradient(#423b4d, #423b4d) 118px bottom/18px 26px,conic-gradient(from 135deg at 50% 50%, #423b4d 0 90deg, transparent 0 100%) 91px 306px/18px 18px,linear-gradient(#423b4d, #423b4d) 91px bottom/18px 26px,conic-gradient(from 135deg at 50% 50%, #423b4d 0 90deg, transparent 0 100%) 64px 306px/18px 18px,linear-gradient(#423b4d, #423b4d) 64px bottom/18px 26px,linear-gradient(#a74c46, #a74c46) 40px 138px/120px 8px,radial-gradient(#423b4d 9px, transparent 10px) 90px 233px/20px 20px,linear-gradient(#423b4d, #423b4d) 163px bottom/20px 40px,linear-gradient(#423b4d, #423b4d) 17px bottom/20px 40px,linear-gradient(#c3bec4, #c3bec4) 154px 284px/38px 6px,linear-gradient(#c3bec4, #c3bec4) 8px 284px/38px 6px,conic-gradient(from 160deg at 50% 0%, #d76d55 0 40deg, transparent 0 100%) 150px 130px/46px 60px,conic-gradient(from 160deg at 50% 0%, #d76d55 0 40deg, transparent 0 100%) 4px 130px/46px 60px,linear-gradient(#a74c46, #a74c46) 146px 190px/54px 8px,linear-gradient(#a74c46, #a74c46) 0 190px/54px 8px,linear-gradient(#f0eef3, #f0eef3) 150px bottom/46px 154px,linear-gradient(#f0eef3, #f0eef3) 4px bottom/46px 154px,linear-gradient(#c3bec4, #c3bec4) 45px 190px/110px 8px,linear-gradient(to bottom, #c3bec4 28px, #89828a 28px) 45px 260px/110px 36px,conic-gradient(from 128deg at 50% 0, #f0eef3 0 105deg, transparent 0 100%) 30px 220px/140px 56px,conic-gradient(from 128deg at 50% 0, #d76d55 0 105deg, transparent 0 100%) 30px 204px/140px 56px,linear-gradient(to bottom, #dbd5dc 38px, transparent 38px 46px, #dbd5dc 46px 114px, #c3bec4 114px) 45px bottom/12px 204px,linear-gradient(to bottom, #dbd5dc 38px, transparent 38px 46px, #dbd5dc 46px 114px, #c3bec4 114px) 142px bottom/12px 204px,linear-gradient(#f0eef3, #f0eef3) 45px bottom/110px 204px,conic-gradient(from 160deg at 50% 0%, #d76d55 0 40deg, transparent 0 100%) 82px 0/36px 50px,linear-gradient(#a54c46, #a54c46) 77px 50px/46px 8px,linear-gradient(#a54c46, #a54c46) 77px 88px/46px 8px,linear-gradient(#f0eef3, #f0eef3) 80px 56px/40px 40px,radial-gradient(#d76d55 54px, transparent 55px) 45px 90px/110px 110px;background-repeat:no-repeat}#church div::before{content:"";position:absolute;width:12px;height:20px;border-radius:6px 6px 0 0;background-color:#f0eef3;left:58px;top:268px;box-shadow:18px 0 0 #f0eef3,36px 0 0 #f0eef3,54px 0 0 #f0eef3,72px 0 0 #f0eef3,36px -203px 0 3px #423b4d}#church div::after{content:"";position:absolute;width:362px;height:90px;bottom:0;left:50%;transform:translateX(-50%);background:radial-gradient(#97984d 34px, transparent 35px) 290px 0/70px 70px,radial-gradient(#97984d 19px, transparent 20px) 34px 37px/40px 40px,radial-gradient(#676a4d 29px, transparent 30px) 0 10px/60px 60px,linear-gradient(#6e3e32, #6e3e32) 322px bottom/4px 25px,linear-gradient(#6e3e32, #6e3e32) 52px bottom/4px 20px,linear-gradient(#6e3e32, #6e3e32) 29px bottom/4px 28px;background-repeat:no-repeat}/*# sourceMappingURL=style.css.map */