.cube { position: relative; width: 200px; height: 200px; margin: 50px; -webkit-transform: perspective(0px) rotateX(45deg) rotateY(45deg) rotateZ(0deg); transform: perspective(0px) rotateX(45deg) rotateY(45deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .moneybutton { height: 50px; margin-bottom: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: center; } .moneybutton.last { margin-bottom: 0px; } .wallet { position: fixed; left: -400px; top: 50px; right: auto; bottom: auto; z-index: 10; width: 280px; padding-left: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; font-family: Montserrat, sans-serif; color: #666464; font-weight: 600; } .qr-code { width: 180px; margin: 5px -5px 3px 4px; } .handcash { width: 32px; } .twitter { width: 24px; margin: 4px; } .btn { display: inline-block; height: auto; margin-bottom: 10px; padding: 4px; border: 1px solid #dad8d8; border-radius: 50px; background-color: #f2eeee; color: #676565; text-decoration: none; } .btn._2 { border-radius: 15px; } .b-item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 3px 12px 3px 4px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-color: hsla(225.17241379310343, 89.69%, 61.96%, 1.00); border-radius: 50px; background-color: #fcfcfc; } .b-item._2 { border-radius: 10px; } .bsv-label { margin-left: 8px; color: hsla(225.17241379310343, 89.69%, 61.96%, 1.00); line-height: 32px; } .address { margin-right: 8px; font-size: 13px; line-height: 14px; } .wallet-border { position: absolute; left: 0%; top: 0%; right: auto; bottom: 0%; width: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(225.17241379310343, 89.69%, 61.96%, 1.00); } .clipboard { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; border: 2px solid #fff; border-radius: 50px; background-color: hsla(225.17241379310343, 89.69%, 61.96%, 1.00); opacity: 0; color: #fff; text-align: center; text-decoration: none; } .clipboard._2 { border-radius: 10px; } .info { position: fixed; left: auto; top: 20px; right: 20px; bottom: auto; z-index: 10; width: 40px; height: 40px; border-style: solid; border-width: 2px; border-color: #fff; border-radius: 50px; background-color: rgba(0, 0, 0, .25); background-image: url("https://bico.media/abbfbce15c995b33f0bd6745214e6a9b074c16b84de75347f52b66e8b7c9d459"); background-position: 50% 50%; background-size: auto 20px; background-repeat: no-repeat; } .close { position: fixed; left: auto; top: 20px; right: 20px; bottom: auto; z-index: 10; display: none; width: 40px; height: 40px; border: 2px solid #fff; border-radius: 50px; background-color: rgba(0, 0, 0, .25); background-image: url('https://bico.media/c091888202dff299c46e40a2013d6bbe785608c00d9ff417ce2ee55e39aaae53'); background-position: 50% 50%; background-size: auto 16px; background-repeat: no-repeat; } .div-block-8 { position: absolute; left: 0px; top: 48.5%; width: 50%; height: 3%; margin-left: -1px; background-color: #922f6a; background-image: -webkit-gradient(linear, left top, right top, from(#922f6a), to(#992e3a)); background-image: linear-gradient(90deg, #922f6a, #992e3a); } .log-dark-circle { position: relative; height: 100%; padding: 2.5%; border-radius: 500px; background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 7%, .33)), to(hsla(0, 0%, 7%, .33))); background-image: linear-gradient(180deg, hsla(0, 0%, 7%, .33), hsla(0, 0%, 7%, .33)); } .log-color-circle { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; width: 90%; height: 90%; margin: auto; padding: 2.5%; border-radius: 2000px; background-color: #922f6a; background-image: -webkit-gradient(linear, left top, right top, from(#922f6a), to(#f14747)); background-image: linear-gradient(90deg, #922f6a, #f14747); -webkit-filter: hue-rotate(30deg); filter: hue-rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out; } .log-color-circle:hover { -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .cube-face { position: absolute; width: 200px; height: 200px; background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(#ff8205)); background-image: linear-gradient(180deg, red, #ff8205); opacity: 0.75; } .cube-face.bottom { bottom: -100px; -webkit-filter: hue-rotate(120deg); filter: hue-rotate(120deg); -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cube-face.right { right: -100px; -webkit-filter: hue-rotate(240deg); filter: hue-rotate(240deg); -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cube-face.top { top: -100px; -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg); -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cube-face.left { left: -100px; top: 0%; right: auto; bottom: auto; -webkit-filter: hue-rotate(300deg); filter: hue-rotate(300deg); -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cube-face.front { -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); -webkit-transform: translate3d(0px, 0px, 100px); transform: translate3d(0px, 0px, 100px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cube-face.back { -webkit-filter: hue-rotate(60deg); filter: hue-rotate(60deg); -webkit-transform: translate3d(0px, 0px, -100px); transform: translate3d(0px, 0px, -100px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .eclipse-gap { position: relative; width: 100%; height: 100%; margin-right: auto; margin-left: auto; border-radius: 2000px; background-color: #111; } .quarter { width: 50%; height: 50%; float: left; } .log-container { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; margin: auto; -webkit-filter: hue-rotate(150deg); filter: hue-rotate(150deg); } .full { position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #111; } .full.start-left { width: 100%; height: 1vh; padding-right: 1px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .full.start-left:hover { -webkit-filter: invert(100%); filter: invert(100%); } .full.start-left._5 { height: 5vh; } .full.start-left._21 { height: 21vh; } .full.start-left._8 { height: 8vh; } .full.start-left._13 { height: 13vh; } .full.start-left._34 { height: 34vh; } .full.start-left._12 { height: 12vh; } .full.start-left._2 { height: 2vh; } .full.start-left._3 { height: 3vh; } .full.cubes { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #ffe100; } .full.red { background-color: red; background-image: linear-gradient(315deg, red, #ff8000); } .full._333 { background-color: #333; } .full.auto { height: auto; } .eclipse { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding-top: 1%; padding-left: 1%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 2000px; background-color: red; } .quarters { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; } .fibline { width: 1px; height: 100%; margin-left: 1px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #fff; } .fibline._610 { width: 610px; margin-left: 610px; } .fibline._610:hover { width: 377px; margin-left: 377px; } .fibline._34 { width: 34px; margin-left: 34px; } .fibline._3 { width: 3px; margin-left: 3px; } .fibline._8 { width: 8px; margin-left: 8px; } .fibline._377 { width: 377px; margin-left: 377px; } .fibline._144 { width: 144px; margin-left: 144px; } .fibline._89 { width: 89px; margin-left: 89px; } .fibline._5 { width: 5px; margin-left: 5px; } .fibline._13 { width: 13px; margin-left: 13px; } .fibline._21 { width: 21px; margin-left: 21px; } .fibline._2 { width: 2px; margin-left: 2px; } .fibline._233 { width: 233px; margin-left: 233px; } .fibline._55 { width: 55px; margin-left: 55px; } .div-block-4 { width: 10px; height: 10px; margin: 10px; background-color: red; -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } .container { position: relative; width: 65vh; height: 65vh; } .container.flex-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .element-wrapper { position: relative; width: 100%; height: 100%; } .fsq2 { margin: 10px; border-style: solid; border-width: 10px; border-color: #ff1500 #ff2b00 #ff4000 red; -webkit-filter: hue-rotate(30deg); filter: hue-rotate(30deg); -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .fsq2:hover { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } .fsq2._80 { margin: 80px; border-width: 80px; } .fsq2._30 { margin: 30px; border-width: 30px; } .fsq2._50 { margin: 50px; border-width: 50px; } .fsq2._20 { margin: 20px; border-width: 20px; } .fsq2._210 { margin: 210px; border-width: 210px; -webkit-filter: hue-rotate(160deg) hue-rotate(30deg); filter: hue-rotate(160deg) hue-rotate(30deg); } .fsq2._130 { margin: 130px; border-width: 130px; } .section-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #2e2e2e; } .fib-spiral-group { width: 550px; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .square { overflow: hidden; width: 10px; height: 10px; float: left; border-style: solid none solid solid; border-width: 1px; border-color: #555; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .square._550 { width: 550px; height: 550px; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .square._1 { float: left; clear: left; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .square._130 { width: 130px; height: 130px; float: right; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .square._890 { width: 890px; height: 890px; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .square._30 { width: 30px; height: 30px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .square._20 { width: 20px; height: 20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .square._80 { width: 80px; height: 80px; float: right; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .square._50 { width: 50px; height: 50px; } .square._340 { width: 340px; height: 340px; } .square._0 { border-right-style: solid; } .square._210 { width: 210px; height: 210px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .circle { width: 200%; height: 200%; border: 5px solid #ffd900; border-radius: 1000px; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .circle:hover { border-color: #eb4a00; } .fibonacci-spiral { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1440px; height: 890px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fib-spiral-group-2 { position: relative; display: inline-block; float: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .div-block-18 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 1000px; background-color: #2e2e2e; } .div-block-19 { position: absolute; left: 0px; top: 50%; width: 144px; height: 4px; margin-top: -2px; margin-left: -144px; background-image: linear-gradient(79deg, #991717, #e44800); } .div-block-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 100vh; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: radial-gradient(circle farthest-corner at 50% 50%, #2e2e2e, #000); } .div-block-15 { margin: 34px; padding: 55px; border-radius: 1000px; background-image: linear-gradient(45deg, #991717, #ff7e00 50%, #ff4747 91%); -webkit-filter: hue-rotate(60deg); filter: hue-rotate(60deg); -webkit-transform: rotate(36deg); -ms-transform: rotate(36deg); transform: rotate(36deg); -webkit-transition: all 2500ms ease-in-out; transition: all 2500ms ease-in-out; } .div-block-15:hover { -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .div-block-15._10 { width: 178px; height: 178px; margin: 55px; } .div-block-15._5 { margin: 5px; padding: 8px; } .div-block-15._8 { margin: 1px; padding: 2px; } .div-block-15._7 { margin: 2px; padding: 3px; } .div-block-15._6 { margin: 3px; padding: 5px; } .div-block-15._2 { margin: 21px; padding: 34px; } .div-block-15._3 { margin: 13px; padding: 21px; } .div-block-15._4 { margin: 8px; padding: 13px; } .div-block-15._9 { margin: 1px; padding: 1px; } .section-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 100vh; padding: 80px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #111; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .log-container-2 { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 900px; height: 500px; margin: auto; } .log-color-circle-2 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 1; width: 90%; height: 90%; margin: auto; padding: 2.5%; border-radius: 2000px; background-color: #922f6a; background-image: -webkit-gradient(linear, left top, right top, from(#922f6a), to(#f14747)); background-image: linear-gradient(90deg, #922f6a, #f14747); -webkit-filter: hue-rotate(30deg); filter: hue-rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out; } .log-color-circle-2:hover { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .div-block-20 { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; width: 2331px; border-right: 1px solid #000; border-bottom: 1px solid #000; } .text-block { width: 10px; height: 10px; float: left; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #111; background-color: #fff; font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, sans-serif; color: #111; font-size: 8px; line-height: 9px; text-align: center; } .text-block:hover { background-color: #111; color: #fff; } .text-block._34 { width: 340px; height: 340px; clear: left; font-size: 280px; line-height: 339px; } .text-block._21 { width: 210px; height: 210px; margin-top: -80px; font-size: 200px; line-height: 209px; } .text-block._5 { width: 50px; height: 50px; clear: left; font-size: 40px; line-height: 49px; } .text-block._3 { width: 30px; height: 30px; margin-top: -10px; font-size: 24px; line-height: 29px; } .text-block._2 { width: 20px; height: 20px; clear: left; font-size: 16px; line-height: 19px; } .text-block._55 { width: 550px; height: 550px; margin-top: -210px; font-size: 450px; line-height: 549px; } .text-block._13 { width: 130px; height: 130px; clear: left; font-size: 110px; line-height: 129px; } .text-block._144 { width: 1440px; height: 1440px; margin-top: -550px; font-size: 900px; line-height: 1439px; } .text-block._8 { width: 80px; height: 80px; margin-top: -30px; font-size: 80px; line-height: 80px; } .text-block._89 { width: 890px; height: 890px; clear: left; font-size: 720px; line-height: 889px; } .div-block-28 { position: relative; height: 100vh; } .div-block-29 { overflow: hidden; } .paragraph { -webkit-transition: color 1000ms ease-in-out; transition: color 1000ms ease-in-out; font-family: Inconsolata, monospace; color: #676565; } .paragraph:hover { color: #fff; } .all { overflow: hidden; } .span-red:hover { color: red; } .span-white:hover { color: lime; } .span-yellow:hover { color: #ff0; } .div-block-30 { position: relative; width: 100%; height: 100%; padding: 12%; border-style: none; border-width: 20px; border-color: red; border-radius: 1000px; background-image: linear-gradient(135deg, red, #ff8000); -webkit-transition: background-color 350ms ease-in-out; transition: background-color 350ms ease-in-out; } .div-block-30._1 { padding: 1%; } .div-block-30._2 { padding: 2%; } .div-block-30._3 { padding: 3%; } .div-block-30._5 { padding: 5%; } .div-block-30._8 { padding: 8%; } .div-block-30._13 { padding: 13%; } .div-block-30-copy { position: relative; width: 100%; height: 100%; padding: 18%; border-style: none; border-width: 20px; border-color: red; border-radius: 1000px; background-image: linear-gradient(135deg, #ff8000, red); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: -webkit-transform 1000ms ease-in-out; transition: -webkit-transform 1000ms ease-in-out; transition: transform 1000ms ease-in-out; transition: transform 1000ms ease-in-out, -webkit-transform 1000ms ease-in-out; } .div-block-30-copy._1 { padding: 1%; } .div-block-30-copy._2 { padding: 2%; } .div-block-30-copy._3 { padding: 3%; } .div-block-30-copy._5 { padding: 5%; } .div-block-30-copy._8 { padding: 8%; } .div-block-30-copy._13 { padding: 13%; } .div-block-31 { position: absolute; left: -1px; top: 49%; width: 50%; height: 2%; background-color: red; } .body { background-color: #ff0004; } html.w-mod-js *[data-ix="close-wallet"] { display: none; } @media (max-width: 991px) { .container { width: 80vw; height: 80vw; } } @media (max-width: 767px) { .container { width: 80vw; height: 80vw; } } @media (max-width: 479px) { .wallet { padding-left: 20px; } .qr-code { width: 160px; } .wallet-border { width: 10px; } .container { width: 80vw; height: 80vw; } .square { border-style: solid; border-width: 2px; } .circle { border-width: 10px; } .fibonacci-spiral { -webkit-transform: scale(0.2) rotate(180deg); -ms-transform: scale(0.2) rotate(180deg); transform: scale(0.2) rotate(180deg); } .div-block-27 { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .div-block-12 { overflow: hidden; } .div-block-15._9 { -webkit-transform: rotate(36deg); -ms-transform: rotate(36deg); transform: rotate(36deg); } .paragraph { font-size: 7px; line-height: 10px; } }