@layer bricks {.brxe-code{width:100%}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-258640 {font-size: 10vw; color: rgba(255, 255, 255, 0.52); text-align: center}#brxe-49d1d3 {text-align: center; max-width: 55ch; align-self: center}#brxe-7843d8 {display: flex; flex-direction: column}#brxe-cd1ef6 {display: flex; background-color: var(--ED-global-black); padding-right: 6.25%; padding-left: 6.25%; height: 100vh; position: relative; justify-content: center; row-gap: 25px}#brxe-cd1ef6::before{content:""; position:absolute; z-index:1; width:100%; height:100%; --line: hsl(0, 0%, 100%); --cell: 12.5%;--xcell:80vh;content: "";z-index: 5;margin-right: 0px;margin-left: 0px;pointer-events: none;background:linear-gradient(90deg, var(--line) 1px, transparent 0px var(--cell)) 50% calc(var(--cell) * 0.5) / var(--cell) var(--cell),linear-gradient(var(--line) 0px, transparent 1px var(--xcell)) calc(var(--xcell) * 0.5) / var(--xcell) var(--xcell);mask: radial-gradient(ellipse at center, transparent 70%, white 85%);}@media (max-width: 478px) {#brxe-cd1ef6::before{content:""; position:absolute; z-index:1; width:100%; height:100%; --line: hsl(0, 0%, 100%);--cell: 82%;--xcell:95%;content: "";z-index: 1;margin-right: 0px;margin-left: 0px;pointer-events: none;background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--cell)) 50% calc(var(--cell) * 0.5) / var(--cell) var(--cell),linear-gradient(var(--line) 0px, transparent 1px var(--xcell)) 0 calc(var(--xcell) * 0.5) / var(--xcell) var(--xcell);mask: linear-gradient(-180deg, transparent 10%, white );}#brxe-cd1ef6 {justify-content: center; row-gap: 20px; padding-right: 9%; padding-left: 9%; height: 70vh}}#brxe-fd386d {margin-left: 10px; position: absolute; top: 1px}@media (max-width: 478px) {#brxe-fd386d {margin-top: 10px}}#brxe-92d860 {margin-right: 10px; margin-left: 10px; color: var(--ED-global-black)}#brxe-6a2c66 {color: #000000; font-family: "Inter"; font-size: 33px; text-align: center; font-weight: 300}@media (max-width: 478px) {#brxe-6a2c66 {font-size: 6vw}}#brxe-9d030d {margin-left: 10px; color: #000000; font-size: 20px; text-align: center; font-family: "Work Sans"; font-weight: 300}#brxe-faf8b0 {color: #000000; font-size: 30vw; line-height: 20vw; font-family: "Inter"; position: absolute; bottom: 0px}@media (max-width: 478px) {#brxe-faf8b0 {align-self: center; padding-bottom: 15px}#brxe-faf8b0{text-wrap:nowrap;}}#brxe-673b35 {position: relative; display: flex; flex-direction: column; row-gap: 10px; justify-content: flex-start; padding-top: 50px}#brxe-c32501 {position: absolute; top: 1px; margin-left: 10px; color: #ffffff}#brxe-fee652 {background-color: #000000}#brxe-05c2a9 {color: #000000; position: absolute; top: 1px; margin-left: 10px}#brxe-8478ea {background-color: #ffffff; border: 1px solid #000000}#brxe-e4a3ae {margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; display: flex; flex-direction: column; row-gap: 10px; justify-content: space-evenly}#brxe-312bc9 {display: grid; align-items: initial; background-color: #ffffff; height: 80vh; border-radius: 16px; grid-template-columns: 1fr 1fr; width: 100%; overflow: hidden}@media (max-width: 478px) {#brxe-312bc9 {grid-template-columns: 1fr 50}}#brxe-8cd318 {background-color: var(--ED-global-black); grid-template-columns: 1fr 1fr; align-items: center; position: relative; padding-right: 6.25%; padding-left: 6.25%; overflow: hidden; justify-content: center; min-height: 100vh}#brxe-8cd318::before{content:""; position:absolute; z-index:1; width:100%; height:100%; --line: hsl(0, 0%, 100%);--cell: 12.5%;--xcell:50vh;content: "";z-index: 5;margin-right: 0px;margin-left: 0px;pointer-events: none;background:linear-gradient(90deg, var(--line) 1px, transparent 0px var(--cell)) 50% calc(var(--cell) * 0.5) / var(--cell) var(--cell),linear-gradient(var(--line) 0px, transparent 1px var(--xcell)) calc(var(--xcell) * 0.5) / var(--xcell) var(--xcell);mask: radial-gradient(ellipse at center, transparent 70%, white 85%);}@media (max-width: 478px) {#brxe-8cd318::before{content:""; position:absolute; z-index:1; width:100%; height:100%; --line: hsl(0, 0%, 100%);--cell: 82%;--xcell:0%;content: "";z-index: 5;margin-right: 0px;margin-left: 0px;pointer-events: none;background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--cell)) 50% calc(var(--cell) * 0.5) / var(--cell) var(--cell),linear-gradient(var(--line) 0px, transparent 1px var(--xcell)) 0 calc(var(--xcell) * 0.5) / var(--xcell) var(--xcell);ma/sk: linear-gradient(-180deg, transparent 10%, white );}#brxe-8cd318 {padding-right: 9%; padding-left: 9%}}#brxe-f005cb {font-size: 7vw; color: rgba(255, 255, 255, 0.52)}@media (max-width: 478px) {#brxe-f005cb {font-size: 19vw}}#brxe-b16722 {color: rgba(255, 255, 255, 0.52); text-align: left; font-size: 7vw}@media (max-width: 478px) {#brxe-b16722 {font-size: 19vw}}#brxe-01cd1f {color: rgba(255, 255, 255, 0.52); text-align: left; font-size: 7vw}@media (max-width: 478px) {#brxe-01cd1f {font-size: 19vw}}#brxe-ccf7ec {width: calc(14.4%*3); display: grid; align-items: initial; flex-direction: column; z-index: 1; align-self: center !important; justify-content: space-between; overflow: hidden; grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr; grid-gap: 25px}@media (max-width: 478px) {#brxe-ccf7ec {width: 100%; position: relative}}#brxe-cb476b {width: 100%; aspect-ratio: 9/16; background-image: url(https://extended-developments.com/wp-content/uploads/2024/10/Twaniss-Hero-Phone.png); background-size: contain; background-repeat: no-repeat; background-position: center center; max-height: 50vh}#brxe-65f566 {aspect-ratio: 9/16; background-image: url(https://extended-developments.com/wp-content/uploads/2024/10/Twanis-About-Phone.png); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 100%; max-height: 50vh}#brxe-dd1d1d {aspect-ratio: 9/16; background-image: url(https://extended-developments.com/wp-content/uploads/2024/10/Twaniss-Photography-Phone.png); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 100%; max-height: 50vh}#brxe-fe3e76 {aspect-ratio: 9/16; background-image: url(https://extended-developments.com/wp-content/uploads/2024/10/Twasniss-Working-with-Twan-Phone.png); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 100%; max-height: 50vh}#brxe-d26317 {display: grid; align-items: initial; width: calc(14.3%*4); flex-direction: row; justify-content: center; align-items: flex-start; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: center; z-index: 1}@media (max-width: 478px) {#brxe-d26317 {width: 100%; min-height: 32vh; justify-content: center; align-items: center; grid-template-columns: 1fr 1fr; margin-top: 10vh; margin-bottom: 10vh}#brxe-d26317{row-gap:20px}}#brxe-29cd12 {position: relative; display: flex; height: 100%; padding-right: 6.25%; padding-left: 6.25%; width: 100%; justify-content: space-between}@media (max-width: 478px) {#brxe-29cd12 {flex-direction: column; padding-right: 9%; padding-left: 9%; justify-content: center}}#brxe-b94f99 {position: absolute; overflow: hidden}#brxe-b94f99 { --color-background: #EEEEEE; --color-three: #0093E9; --color-two: #61B3CE; --radius: 125px;} .canvas{ position:relative; height: 100vh; } .circles { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; animation-name: rotate; animation-duration: 25s; animation-iteration-count: infinite; animation-direction: alternate; backface-visibility: hidden; perspective: 1000;} .circle { position: relative; width: 0px; height: 0px; margin: calc( var(--radius) / 2 ); border-radius: 50%; backface-visibility: hidden; perspective: 1000; opacity: .3;} .circle.one { background: var(--color-design); box-shadow: 0 0 var(--radius) var(--radius) var(--color-three); animation-name: float; animation-duration: 6s; animation-iteration-count: infinite; animation-direction: alternate;} .circle.two { background: var(--color-three); box-shadow: 0 0 var(--radius) var(--radius) var(--color-two); animation-name: float; animation-duration: 8s; animation-iteration-count: infinite; animation-direction: alternate-reverse;}@keyframes float { 0% { transform: translateX( calc( var(--radius) * 0.0 ) ) translateZ( 0 ) } 20% { transform: translateX( calc( var(--radius) * 0.5 ) ) translateZ( 0 ) } 40% { transform: translateX( calc( var(--radius) * 1.0 ) ) translateZ( 0 ) } 60% { transform: translateX( calc( var(--radius) * 1.5 ) ) translateZ( 0 ) } 80% { transform: translateX( calc( var(--radius) * 0.5 ) ) translateZ( 0 ) } 100% { transform: translateX( calc( var(--radius) * 0.0 ) ) translateZ( 0 ) }}@keyframes rotate { 0% { transform: rotate( 0deg ) translateZ( 0 ) } 100% { transform: rotate( 360deg ) translateZ( 0 ) }}@media (max-width: 640px) { :root { --radius: 125px; }}#brxe-f20604 {display: flex; height: 100vh; background-color: var(--ED-global-black); position: relative}#brxe-f20604::before{content:""; position:absolute; z-index:1; width:100%; height:100%; --line: hsl(0, 0%, 100%);--cell: 12.5%;--xcell:50vh;content: "";z-index: 5;margin-right: 0px;margin-left: 0px;pointer-events: none;background:linear-gradient(90deg, var(--line) 1px, transparent 0px var(--cell)) 50% calc(var(--cell) * 0.5) / var(--cell) var(--cell),linear-gradient(var(--line) 0px, transparent 1px var(--xcell)) calc(var(--xcell) * 0.5) / var(--xcell) var(--xcell);mask: radial-gradient(ellipse at right, transparent 70%, white 85%);}@media (max-width: 478px) {#brxe-f20604::before{content:""; position:absolute; z-index:1; width:100%; height:100%; --line: hsl(0, 0%, 100%);--cell: 82%;--xcell:0%;content: "";z-index: 1;margin-right: 0px;margin-left: 0px;pointer-events: none;background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--cell)) 50% calc(var(--cell) * 0.5) / var(--cell) var(--cell),linear-gradient(var(--line) 0px, transparent 1px var(--xcell)) 0 calc(var(--xcell) * 0.5) / var(--xcell) var(--xcell); mask:0}#brxe-f20604 {height: 100%}}