html {
margin: 0em;
padding: 0;
border-color: red;
}
body {
height: 95vh;
box-sizing: border-box;
background: black;
margin: 0;
padding: 0;
overflow: hidden;
border-color: red;
font-family: sans-serif;
font-size: medium;
color: red;
display: flex;
flex-direction: column;
justify-content: center;
flex-wrap: wrap;
}
.gif-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
background-color: #000;
transition: opacity 2s ease;
}
.gif-container.hidden {
opacity: 0;
pointer-events: none;
}
.content-container {
position: relative;
z-index: 1;
opacity: 0;
transition: opacity 1s ease;
}
.content-container.visible {
opacity: 1;
}
.matrix-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
transition: opacity 2s ease;
}
.matrix-background.visible {
opacity: 1;
}
.grid-container {
display: flex;
gap: 10px;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin-top: 25px;
}
.counter-container {
display: flex;
justify-content: center;
margin-top: 30px;
padding: 20px;
}
.mechanical-counter {
display: flex;
gap: 3px;
border-radius: 8px;
box-shadow: inset 0 2px 5px rgba(0,0,0,0.8), 0 0 20px rgba(255,0,0,0.3);
}
.digit-container {
width: 35px;
height: 50px;
background: #000000cc;
border: 2px solid #ff00007d;
border-radius: 4px;
overflow: hidden;
position: relative;
box-shadow: inset 0 2px 5px rgba(0,0,0,0.9);
}
.digit-roller {
position: absolute;
width: 100%;
transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
text-align: center;
}
.digit {
height: 50px;
line-height: 50px;
font-family: 'Courier New', monospace;
font-size: 32px;
font-weight: bold;
color: #ff0000;
text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
}
.item {
background-color: #000000cc;
padding: 20px;
text-align: center;
border: 2px solid #ff00007d;
text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.9);
width: 35vh;
font-weight: bolder;
display: inline-table;
}
.item2 {
background-color: black;
padding: 20px;
text-align: center;
border-style: solid;
width: 35vh;
font-weight: bolder;
display: inline-table;
min-height: 35px;
}
a:link {
color: red;
}
a:visited {
color: red;
}
a:hover {
color: white;
}
a:active {
color: red;
}
.header-wrapper {
display: contents;
}
.header-container {
width: 1222px;
height: 70px;
margin: 0px;
display: flex;
position: relative;
align-items: center;
flex-direction: column;
justify-content: center;
}
.headerroot-class-name {
z-index: 2;
}
.headerroot-class-name1 {
width: 75%;
height: 50px;
}
.main-wrapper {
display: contents;
}
.main-header78 {
gap: var(--dl-layout-space-threeunits);
width: 75%;
height: 75%;
display: flex;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
}
.main-image {
width: 250px;
object-fit: cover;
}
.main-text1 {
width: 370px;
height: 110px;
text-align: center;
border-color: var(--dl-color-theme-neutral-dark);
border-style: ridge;
border-width: 5px;
background-color: rgba(84, 0, 101, 0.43);
}
.main-text2 {
text-align: center;
border-color: var(--dl-color-theme-neutral-dark);
border-style: ridge;
border-width: 5px;
background-color: rgba(84, 0, 101, 0.43);
}
.main-content {
gap: var(--dl-layout-space-oneandhalfunits);
width: 75%;
display: flex;
position: relative;
align-items: flex-start;
flex-direction: column;
align-self: anchor-center;
margin-top: 69px;
}
.main-row-container1 {
width: 100%;
}
.main-placeholder-image10 {
width: 150px;
height: 150px;
}
.main-placeholder-image11 {
width: 150px;
height: 150px;
}
.main-placeholder-image12 {
width: 150px;
height: 150px;
}
.main-placeholder-image13 {
width: 150px;
height: 150px;
}
.main-placeholder-image14 {
width: 150px;
height: 150px;
}
.main-placeholder-image15 {
width: 150px;
height: 150px;
}
.main-placeholder-image16 {
width: 150px;
height: 150px;
}
.main-placeholder-image17 {
width: 150px;
height: 150px;
}
.main-placeholder-image18 {
width: 150px;
height: 150px;
}
.main-placeholder-image19 {
width: 150px;
height: 150px;
}
.main-placeholder-image20 {
width: 150px;
height: 150px;
}
.main-placeholder-image21 {
width: 150px;
height: 150px;
}
.main-row-container2 {
width: 100%;
}
.main-placeholder-image22 {
width: 150px;
height: 150px;
}
.main-placeholder-image23 {
width: 150px;
height: 150px;
}
.main-placeholder-image24 {
width: 150px;
height: 150px;
}
.main-placeholder-image25 {
width: 150px;
height: 150px;
}
.main-placeholder-image26 {
width: 150px;
height: 150px;
}
.main-placeholder-image27 {
width: 150px;
height: 150px;
}
.main-placeholder-image28 {
width: 150px;
height: 150px;
}
.main-placeholder-image29 {
width: 150px;
height: 150px;
}
.main-placeholder-image30 {
width: 150px;
height: 150px;
}
.main-placeholder-image31 {
width: 150px;
height: 150px;
}
.main-placeholder-image32 {
width: 150px;
height: 150px;
}
.main-placeholder-image33 {
width: 150px;
height: 150px;
}
.main-placeholder-image34 {
width: 150px;
height: 150px;
}
.main-placeholder-image35 {
width: 150px;
height: 150px;
}
.main-placeholder-image36 {
width: 150px;
height: 150px;
}
.main-placeholder-image37 {
width: 150px;
height: 150px;
}
.main-placeholder-image38 {
width: 150px;
height: 150px;
}
.main-placeholder-image39 {
width: 150px;
height: 150px;
}
.main-placeholder-image40 {
width: 150px;
height: 150px;
}
.main-placeholder-image41 {
width: 150px;
height: 150px;
}
.main-placeholder-image42 {
width: 150px;
height: 150px;
}
.main-placeholder-image43 {
width: 150px;
height: 150px;
}
.main-placeholder-image44 {
width: 150px;
height: 150px;
}
.main-placeholder-image45 {
width: 150px;
height: 150px;
}
.main-placeholder-image46 {
width: 150px;
height: 150px;
}
.main-placeholder-image47 {
width: 150px;
height: 150px;
}
.main-placeholder-image48 {
width: 150px;
height: 150px;
}
.main-placeholder-image49 {
width: 150px;
height: 150px;
}
.main-placeholder-image50 {
width: 150px;
height: 150px;
}
.main-placeholder-image51 {
width: 150px;
height: 150px;
}
.main-placeholder-image52 {
width: 150px;
height: 150px;
}
.main-placeholder-image53 {
width: 150px;
height: 150px;
}
.main-placeholder-image54 {
width: 150px;
height: 150px;
}
.main-placeholder-image55 {
width: 150px;
height: 150px;
}
.main-placeholder-image56 {
width: 150px;
height: 150px;
}
.main-placeholder-image57 {
width: 150px;
height: 150px;
}
.main-placeholder-image58 {
width: 150px;
height: 150px;
}
.main-placeholder-image59 {
width: 150px;
height: 150px;
}
.main-placeholder-image60 {
width: 150px;
height: 150px;
}
.main-placeholder-image61 {
width: 150px;
height: 150px;
}
.main-placeholder-image62 {
width: 150px;
height: 150px;
}
.main-placeholder-image63 {
width: 150px;
height: 150px;
}
.main-placeholder-image64 {
width: 150px;
height: 150px;
}
.main-placeholder-image65 {
width: 150px;
height: 150px;
}
.main-placeholder-image66 {
width: 150px;
height: 150px;
}
.main-placeholder-image67 {
width: 150px;
height: 150px;
}
.main-placeholder-image68 {
width: 150px;
height: 150px;
}
.main-placeholder-image69 {
width: 150px;
height: 150px;
}
.main-placeholder-image70 {
width: 150px;
height: 150px;
}
.main-placeholder-image71 {
width: 150px;
height: 150px;
}
.main-placeholder-image72 {
width: 150px;
height: 150px;
}
.main-placeholder-image73 {
width: 150px;
height: 150px;
}
.main-placeholder-image74 {
width: 150px;
height: 150px;
}
.main-placeholder-image75 {
width: 150px;
height: 150px;
}
.main-placeholder-image76 {
width: 150px;
height: 150px;
}
.main-placeholder-image77 {
width: 150px;
height: 150px;
}
.main-placeholder-image78 {
width: 150px;
height: 150px;
}
.main-placeholder-image79 {
width: 150px;
height: 150px;
}
.main-placeholder-image80 {
width: 150px;
height: 150px;
}
.main-placeholder-image81 {
width: 150px;
height: 150px;
}
.main-placeholder-image82 {
width: 150px;
height: 150px;
}
.main-placeholder-image83 {
width: 150px;
height: 150px;
}
.main-placeholder-image84 {
width: 150px;
height: 150px;
}
.main-placeholder-image85 {
width: 150px;
height: 150px;
}
.main-placeholder-image86 {
width: 150px;
height: 150px;
}
.main-placeholder-image87 {
width: 150px;
height: 150px;
}
.main-placeholder-image88 {
width: 150px;
height: 150px;
}
.main-placeholder-image89 {
width: 150px;
height: 150px;
}
.main-placeholder-image90 {
width: 150px;
height: 150px;
}
.main-placeholder-image91 {
width: 150px;
height: 150px;
}
.main-placeholder-image92 {
width: 150px;
height: 150px;
}
.main-placeholder-image93 {
width: 150px;
height: 150px;
}
.main-placeholder-image94 {
width: 150px;
height: 150px;
}
.main-placeholder-image95 {
width: 150px;
height: 150px;
}
.main-placeholder-image96 {
width: 150px;
height: 150px;
}
.main-placeholder-image97 {
width: 150px;
height: 150px;
}
.main-placeholder-image98 {
width: 150px;
height: 150px;
}
.main-placeholder-image99 {
width: 150px;
height: 150px;
}
.main-placeholder-image100 {
width: 150px;
height: 150px;
}
.main-placeholder-image101 {
width: 150px;
height: 150px;
}
.main-placeholder-image102 {
width: 150px;
height: 150px;
}
.main-placeholder-image103 {
width: 150px;
height: 150px;
}
.main-placeholder-image104 {
width: 150px;
height: 150px;
}
.main-placeholder-image105 {
width: 150px;
height: 150px;
}
.main-placeholder-image106 {
width: 150px;
height: 150px;
}
.main-placeholder-image107 {
width: 150px;
height: 150px;
}
.main-placeholder-image108 {
width: 150px;
height: 150px;
}
.main-placeholder-image109 {
width: 150px;
height: 150px;
}
.main-placeholder-image110 {
width: 150px;
height: 150px;
}
.main-placeholder-image111 {
width: 150px;
height: 150px;
}
.main-placeholder-image112 {
width: 150px;
height: 150px;
}
.main-placeholder-image113 {
width: 150px;
height: 150px;
}
.main-placeholder-image114 {
width: 150px;
height: 150px;
}
.main-placeholder-image115 {
width: 150px;
height: 150px;
}
.main-placeholder-image116 {
width: 150px;
height: 150px;
}
.main-placeholder-image117 {
width: 150px;
height: 150px;
}
.main-placeholder-image118 {
width: 150px;
height: 150px;
}
.main-placeholder-image119 {
width: 150px;
height: 150px;
}
.main-placeholder-image120 {
width: 150px;
height: 150px;
}
.main-placeholder-image121 {
width: 150px;
height: 150px;
}
.main-row-container2 {
width: 100%;
}
.main-placeholder-image122 {
width: 150px;
height: 150px;
}
.main-placeholder-image123 {
width: 150px;
height: 150px;
}
.main-placeholder-image124 {
width: 150px;
height: 150px;
}
.main-placeholder-image125 {
width: 150px;
height: 150px;
}
.main-placeholder-image126 {
width: 150px;
height: 150px;
}
.main-placeholder-image127 {
width: 150px;
height: 150px;
}
.main-placeholder-image128 {
width: 150px;
height: 150px;
}
.main-placeholder-image129 {
width: 150px;
height: 150px;
}
.main-placeholder-image130 {
width: 150px;
height: 150px;
}
.main-placeholder-image131 {
width: 150px;
height: 150px;
}
.main-placeholder-image132 {
width: 150px;
height: 150px;
}
.main-placeholder-image133 {
width: 150px;
height: 150px;
}
.main-placeholder-image134 {
width: 150px;
height: 150px;
}
.main-placeholder-image135 {
width: 150px;
height: 150px;
}
.main-placeholder-image136 {
width: 150px;
height: 150px;
}
.main-placeholder-image137 {
width: 150px;
height: 150px;
}
.main-placeholder-image138 {
width: 150px;
height: 150px;
}
.main-placeholder-image139 {
width: 150px;
height: 150px;
}
.main-placeholder-image140 {
width: 150px;
height: 150px;
}
.main-placeholder-image141 {
width: 150px;
height: 150px;
}
.main-placeholder-image142 {
width: 150px;
height: 150px;
}
.main-placeholder-image143 {
width: 150px;
height: 150px;
}
.main-placeholder-image144 {
width: 150px;
height: 150px;
}
.main-placeholder-image145 {
width: 150px;
height: 150px;
}
.main-placeholder-image146 {
width: 150px;
height: 150px;
}
.main-placeholder-image147 {
width: 150px;
height: 150px;
}
.main-placeholder-image148 {
width: 150px;
height: 150px;
}
.main-placeholder-image149 {
width: 150px;
height: 150px;
}
.main-placeholder-image150 {
width: 150px;
height: 150px;
}
.main-placeholder-image151 {
width: 150px;
height: 150px;
}
.main-placeholder-image152 {
width: 150px;
height: 150px;
}
.main-placeholder-image153 {
width: 150px;
height: 150px;
}
.main-placeholder-image154 {
width: 150px;
height: 150px;
}
.main-placeholder-image155 {
width: 150px;
height: 150px;
}
.main-placeholder-image156 {
width: 150px;
height: 150px;
}
.main-placeholder-image157 {
width: 150px;
height: 150px;
}
.main-placeholder-image158 {
width: 150px;
height: 150px;
}
.main-placeholder-image159 {
width: 150px;
height: 150px;
}
.main-placeholder-image160 {
width: 150px;
height: 150px;
}
.main-placeholder-image161 {
width: 150px;
height: 150px;
}
.main-placeholder-image162 {
width: 150px;
height: 150px;
}
.main-placeholder-image163 {
width: 150px;
height: 150px;
}
.main-placeholder-image164 {
width: 150px;
height: 150px;
}
.main-placeholder-image165 {
width: 150px;
height: 150px;
}
.main-placeholder-image166 {
width: 150px;
height: 150px;
}
.main-placeholder-image167 {
width: 150px;
height: 150px;
}
.main-placeholder-image168 {
width: 150px;
height: 150px;
}
.main-placeholder-image169 {
width: 150px;
height: 150px;
}
.main-placeholder-image170 {
width: 150px;
height: 150px;
}
.main-placeholder-image171 {
width: 150px;
height: 150px;
}
.main-placeholder-image172 {
width: 150px;
height: 150px;
}
.main-placeholder-image173 {
width: 150px;
height: 150px;
}
.main-placeholder-image174 {
width: 150px;
height: 150px;
}
.main-placeholder-image175 {
width: 150px;
height: 150px;
}
.main-placeholder-image176 {
width: 150px;
height: 150px;
}
.main-placeholder-image177 {
width: 150px;
height: 150px;
}
.main-placeholder-image178 {
width: 150px;
height: 150px;
}
.main-placeholder-image179 {
width: 150px;
height: 150px;
}
.main-placeholder-image180 {
width: 150px;
height: 150px;
}
.main-placeholder-image181 {
width: 150px;
height: 150px;
}
.main-placeholder-image182 {
width: 150px;
height: 150px;
}
.main-placeholder-image183 {
width: 150px;
height: 150px;
}
.main-placeholder-image184 {
width: 150px;
height: 150px;
}
.main-placeholder-image185 {
width: 150px;
height: 150px;
}
.main-placeholder-image186 {
width: 150px;
height: 150px;
}
.main-placeholder-image187 {
width: 150px;
height: 150px;
}
.main-placeholder-image188 {
width: 150px;
height: 150px;
}
.main-placeholder-image189 {
width: 150px;
height: 150px;
}
.main-placeholder-image190 {
width: 150px;
height: 150px;
}
.main-placeholder-image191 {
width: 150px;
height: 150px;
}
.main-placeholder-image192 {
width: 150px;
height: 150px;
}
.main-placeholder-image193 {
width: 150px;
height: 150px;
}
.main-placeholder-image194 {
width: 150px;
height: 150px;
}
.main-placeholder-image195 {
width: 150px;
height: 150px;
}
.main-placeholder-image196 {
width: 150px;
height: 150px;
}
.main-placeholder-image197 {
width: 150px;
height: 150px;
}
.main-placeholder-image198 {
width: 150px;
height: 150px;
}
.main-placeholder-image199 {
width: 150px;
height: 150px;
}
.main-placeholder-image200 {
width: 150px;
height: 150px;
}
.main-container2 {
display: contents;
}
.home-fragment10 {
display: contents;
}
.home-text10 {
color: rgb(255, 255, 255);
display: inline-block;
font-family: "Treova";
line-height: 1;
letter-spacing: 3px;
}
.home-fragment11 {
display: contents;
}
.home-text14 {
display: inline-block;
font-size: 30px;
font-family: "Treova";
letter-spacing: 3px;
}
@media(max-width: 767px) {
.main-content {
width: 100%;
}
}
@media(max-width: 479px) {
.main-header78 {
width: 100%;
}
}
.footer-wrapper {
display: contents;
}
.footer-footer7 {
width: 75%;
height: 30px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.pricing-wrapper {
display: contents;
}
.pricing-pricing23 {
width: 98%;
height: 25%;
display: flex;
overflow: auto;
position: relative;
align-items: center;
flex-shrink: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
flex-direction: column;
padding-bottom: 0px;
justify-content: center;
}
.pricing-container {
gap: var(--dl-layout-space-twounits);
width: auto;
display: flex;
align-self: stretch;
align-items: flex-start;
flex-shrink: 0;
animation-name: fadeIn;
animation-delay: 0s;
justify-content: center;
animation-duration: 300ms;
animation-direction: normal;
animation-iteration-count: 1;
animation-timing-function: ease;
}
.pricing-column1 {
gap: var(--dl-layout-space-twounits);
flex: 1;
width: 100%;
display: flex;
flex-grow: 1;
max-width: 500px;
align-self: stretch;
align-items: center;
border-color: #ffffff;
border-style: ridge;
border-width: 5px;
flex-direction: column;
background-color: rgba(84, 0, 101, 0.43);
}
.pricing-price1 {
gap: var(--dl-layout-space-twounits);
display: flex;
flex-grow: 1;
align-self: stretch;
align-items: center;
flex-direction: column;
}
.pricing-price2 {
gap: var(--dl-layout-space-halfunit);
display: flex;
align-self: stretch;
align-items: center;
flex-direction: column;
}
.pricing-text10 {
font-size: 30px;
font-style: normal;
font-family: "Treova";
font-weight: 600;
letter-spacing: 2px;
}
.pricing-text11 {
font-size: 48px;
font-family: "Treova";
letter-spacing: 3px;
}
.pricing-list1 {
gap: var(--dl-layout-space-unit);
display: flex;
align-self: center;
align-items: flex-start;
flex-direction: column;
}
.pricing-list-item1 {
gap: var(--dl-layout-space-unit);
display: flex;
align-self: stretch;
align-items: flex-start;
flex-shrink: 0;
}
.pricing-text12 {
font-size: 25px;
font-family: "Treova";
letter-spacing: 3px;
}
.pricing-list-item2 {
gap: var(--dl-layout-space-unit);
display: flex;
align-self: stretch;
align-items: flex-start;
flex-shrink: 0;
}
.pricing-text13 {
font-size: 25px;
font-family: "Treova";
letter-spacing: 3px;
}
.pricing-column2 {
gap: var(--dl-layout-space-twounits);
flex: 1;
width: 100%;
display: flex;
flex-grow: 1;
max-width: 500px;
align-self: stretch;
align-items: center;
border-color: #ffffff;
border-style: ridge;
border-width: 5px;
flex-direction: column;
background-color: rgba(84, 0, 101, 0.43);
}
.pricing-price3 {
gap: var(--dl-layout-space-twounits);
display: flex;
flex-grow: 1;
align-self: stretch;
align-items: center;
flex-direction: column;
}
.pricing-price4 {
gap: var(--dl-layout-space-halfunit);
display: flex;
align-self: stretch;
align-items: center;
flex-direction: column;
}
.pricing-text14 {
font-size: 30px;
font-style: normal;
font-family: "Treova";
font-weight: 600;
letter-spacing: 2px;
}
.pricing-text15 {
font-size: 48px;
font-family: "Treova";
letter-spacing: 3px;
}
.pricing-list2 {
gap: var(--dl-layout-space-unit);
display: flex;
align-self: center;
align-items: flex-start;
flex-direction: column;
justify-content: center;
}
.pricing-text16 {
font-size: 25px;
text-align: center;
align-items: center;
font-family: "Treova";
align-content: center;
letter-spacing: 3px;
}
.pricing-text17 {
font-size: 25px;
font-family: "Treova";
letter-spacing: 3px;
}
.home-fragment15 {
display: contents;
}
.home-text18 {
display: inline-block;
}
.home-fragment12 {
display: contents;
}
.home-text15 {
display: inline-block;
}
.home-fragment19 {
display: contents;
}
.home-text22 {
display: inline-block;
}
.home-fragment16 {
display: contents;
}
.home-text19 {
display: inline-block;
}
.home-fragment14 {
display: contents;
}
.home-text17 {
display: inline-block;
}
.home-fragment13 {
display: contents;
}
.home-text16 {
display: inline-block;
}
.home-fragment17 {
display: contents;
}
.home-text20 {
display: inline-block;
}
.home-fragment18 {
display: contents;
}
.home-text21 {
display: inline-block;
}
.pricingroot-class-name {
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
}
@media(max-width: 991px) {
.pricing-container {
width: auto;
display: grid;
align-self: stretch;
}
}
@media(max-width: 479px) {
.pricing-text12 {
align-self: center;
text-align: center;
}
.pricing-text13 {
text-align: center;
}
.pricing-text17 {
text-align: center;
}
}
.footer-wrapper-93o6 {
display: contents;
}
.footer-footer71 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.footer-wrapper-zzyy {
display: contents;
}
.footer-footer72 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.footer-wrapper-gfd8 {
display: contents;
}
.footer-footer73 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.footer-wrapper-75g1 {
display: contents;
}
.footer-footer74 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.email-wrapper {
display: contents;
}
.email-pricing23 {
width: 636px;
height: 159px;
display: flex;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
flex-direction: column;
padding-bottom: 0px;
justify-content: center;
}
.email-container {
gap: var(--dl-layout-space-twounits);
display: flex;
align-self: center;
align-items: flex-start;
flex-shrink: 0;
animation-name: fadeIn;
animation-delay: 0s;
justify-content: center;
animation-duration: 300ms;
animation-direction: normal;
animation-iteration-count: 1;
animation-timing-function: ease;
}
.email-link {
display: contents;
}
.email-column {
gap: var(--dl-layout-space-twounits);
flex: 1;
width: 75%;
display: flex;
max-width: auto;
align-self: stretch;
align-items: center;
border-color: #ffffff;
border-style: ridge;
border-width: 5px;
flex-direction: column;
text-decoration: none;
background-color: rgba(84, 0, 101, 0.43);
}
.email-price1 {
gap: var(--dl-layout-space-twounits);
height: 64px;
display: flex;
align-self: stretch;
align-items: center;
flex-direction: column;
}
.email-price2 {
gap: var(--dl-layout-space-halfunit);
display: flex;
align-self: stretch;
align-items: center;
flex-direction: column;
}
.email-text1 {
font-size: 48px;
font-family: "Treova";
letter-spacing: 3px;
}
.email-list {
gap: var(--dl-layout-space-unit);
display: flex;
align-self: center;
align-items: flex-start;
flex-direction: column;
}
.email-list-item1 {
gap: var(--dl-layout-space-unit);
border: 2px dashed rgba(120, 120, 120, 0.4);
display: flex;
align-self: stretch;
align-items: flex-start;
flex-shrink: 0;
}
.email-list-item2 {
gap: var(--dl-layout-space-unit);
border: 2px dashed rgba(120, 120, 120, 0.4);
display: flex;
align-self: stretch;
align-items: flex-start;
flex-shrink: 0;
}
.home-fragment20 {
display: contents;
}
.home-text23 {
display: inline-block;
}
.emailroot-class-name {
height: 25%;
}
@media(max-width: 991px) {
.email-container {
width: auto;
display: grid;
align-self: stretch;
}
.email-column {
width: 571px;
}
}
@media(max-width: 767px) {
.email-pricing23 {
width: 586px;
}
.email-container {
width: 569px;
align-self: center;
}
.email-column {
width: 440px;
height: 109px;
}
.email-text1 {
font-size: 35px;
}
}
@media(max-width: 479px) {
.email-column {
width: 443px;
height: 113px;
}
.emailroot-class-name {
max-width: 500px;
}
}
.footer-wrapper-1sy6 {
display: contents;
}
.footer-footer75 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.footer-wrapper-h5po {
display: contents;
}
.footer-footer76 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.socials-wrapper {
display: contents;
}
.socials-container {
width: 75%;
height: 25%;
display: flex;
position: relative;
align-items: center;
flex-direction: row;
justify-content: center;
}
.socials-link1 {
display: contents;
}
.socials-image1 {
width: 18%;
display: flex;
margin-top: 0px;
object-fit: cover;
margin-left: 0px;
margin-right: var(--dl-layout-space-twounits);
margin-bottom: 0px;
justify-content: flex-start;
text-decoration: none;
}
.socials-link2 {
display: contents;
}
.socials-image2 {
width: 18%;
display: flex;
align-self: center;
object-fit: cover;
margin-left: var(--dl-layout-space-twounits);
text-decoration: none;
}
.socials-link3 {
display: contents;
}
.socials-image3 {
width: 18%;
object-fit: cover;
margin-left: var(--dl-layout-space-fourunits);
text-decoration: none;
}
.socialsroot-class-name {
overflow: hidden;
}
.footer-wrapper-9y83 {
display: contents;
}
.footer-footer77 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.footer-wrapper-q884 {
display: contents;
}
.footer-footer78 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.footer-wrapper-0uuu {
display: contents;
}
.footer-footer79 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.footer-wrapper-c3l3 {
display: contents;
}
.footer-footer710 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.footer-wrapper-nk34 {
display: contents;
}
.footer-footer711 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.footer-wrapper-yaru {
display: contents;
}
.footer-footer712 {
width: 75%;
height: 43px;
display: flex;
padding: 0px;
overflow: hidden;
position: relative;
align-items: center;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
}
.home-container {
width: 100%;
display: flex;
min-height: 100vh;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("public/ninaverse-1500w.jpg");
}
.home-fragment10 {
display: contents;
}
.home-text10 {
color: rgb(255, 255, 255);
display: inline-block;
font-family: "Treova";
line-height: 1;
letter-spacing: 3px;
}
.home-fragment11 {
display: contents;
}
.home-text14 {
display: inline-block;
font-size: 30px;
font-family: "Treova";
letter-spacing: 3px;
}
.home-fragment12 {
display: contents;
}
.home-text15 {
display: inline-block;
}
.home-fragment13 {
display: contents;
}
.home-text16 {
display: inline-block;
}
.home-fragment14 {
display: contents;
}
.home-text17 {
display: inline-block;
}
.home-fragment15 {
display: contents;
}
.home-text18 {
display: inline-block;
}
.home-fragment16 {
display: contents;
}
.home-text19 {
display: inline-block;
}
.home-fragment17 {
display: contents;
}
.home-text20 {
display: inline-block;
}
.home-fragment18 {
display: contents;
}
.home-text21 {
display: inline-block;
}
.home-fragment19 {
display: contents;
}
.home-text22 {
display: inline-block;
}
.home-fragment20 {
display: contents;
}
.home-text23 {
display: inline-block;
}
@font-face {
font-family: "Treova";
font-style: normal;
font-format: opentype;
font-weight: 400;
src: url("public/fonts/treova.demo.otf") ;
}
:root {
--dl-layout-size-large: 144px;
--dl-layout-size-small: 48px;
--dl-layout-space-unit: 16px;
--dl-layout-size-medium: 96px;
--dl-layout-size-xlarge: 192px;
--dl-layout-size-xsmall: 16px;
--dl-color-theme-accent1: #CCC7D6;
--dl-color-theme-accent2: #AEA7BF;
--dl-layout-radius-round: 50%;
--dl-layout-size-xxlarge: 288px;
--dl-color-theme-primary1: #ed2a4f;
--dl-color-theme-primary2: #698a93;
--dl-layout-size-maxwidth: 1400px;
--dl-layout-radius-radius2: 2px;
--dl-layout-radius-radius4: 4px;
--dl-layout-radius-radius8: 8px;
--dl-layout-space-halfunit: 8px;
--dl-layout-space-sixunits: 96px;
--dl-layout-space-twounits: 32px;
--dl-color-theme-secondary1: #E6EBE0;
--dl-color-theme-secondary2: #d9ded3;
--dl-layout-space-fiveunits: 80px;
--dl-layout-space-fourunits: 64px;
--dl-layout-space-threeunits: 48px;
--dl-color-theme-neutral-dark: #ffffffff;
--dl-layout-radius-cardradius: 8px;
--dl-color-theme-neutral-light: #000000ff;
--dl-layout-radius-imageradius: 8px;
--dl-layout-radius-inputradius: 24px;
--dl-layout-radius-buttonradius: 24px;
--dl-layout-space-oneandhalfunits: 24px;
}
.button {
color: var(--dl-color-theme-neutral-dark);
display: inline-block;
padding: 0.5rem 1rem;
border-color: var(--dl-color-theme-neutral-dark);
border-width: 1px;
border-radius: 4px;
background-color: var(--dl-color-theme-neutral-light);
}
.input {
color: var(--dl-color-theme-neutral-dark);
cursor: auto;
padding: 0.5rem 1rem;
border-color: var(--dl-color-theme-neutral-dark);
border-width: 1px;
border-radius: 4px;
background-color: var(--dl-color-theme-neutral-light);
}
.textarea {
color: var(--dl-color-theme-neutral-dark);
cursor: auto;
padding: 0.5rem;
border-color: var(--dl-color-theme-neutral-dark);
border-width: 1px;
border-radius: 4px;
background-color: var(--dl-color-theme-neutral-light);
}
.list {
width: 100%;
margin: 1em 0px 1em 0px;
display: block;
padding: 0px 0px 0px 1.5rem;
list-style-type: none;
list-style-position: outside;
}
.list-item {
display: list-item;
}
.teleport-show {
display: flex !important;
transform: none !important;
}
.thq-input {
color: var(--dl-color-theme-neutral-dark);
cursor: auto;
outline: none;
padding: 0.5rem 1rem;
align-self: stretch;
text-align: center;
border-color: var(--dl-color-theme-neutral-dark);
border-width: 1px;
border-radius: var(--dl-layout-radius-inputradius);
background-color: var(--dl-color-theme-neutral-light);
}
.thq-input:focus {
outline: 1px solid var(--dl-color-theme-primary1);
}
.thq-button-filled {
gap: var(--dl-layout-space-halfunit);
fill: var(--dl-color-theme-secondary1);
color: var(--dl-color-theme-secondary1);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
font-weight: bold;
padding-top: var(--dl-layout-space-halfunit);
white-space: nowrap;
border-color: var(--dl-color-theme-primary1);
border-width: 1px;
padding-left: var(--dl-layout-space-oneandhalfunits);
border-radius: var(--dl-layout-radius-buttonradius);
padding-right: var(--dl-layout-space-oneandhalfunits);
padding-bottom: var(--dl-layout-space-halfunit);
justify-content: center;
background-color: var(--dl-color-theme-primary1);
}
.thq-button-filled:hover {
fill: var(--dl-color-theme-secondary2);
color: var(--dl-color-theme-secondary2);
border-color: var(--dl-color-theme-primary2);
background-color: var(--dl-color-theme-primary2);
}
.thq-button-outline {
gap: var(--dl-layout-space-halfunit);
fill: var(--dl-color-theme-primary1);
color: var(--dl-color-theme-primary1);
border: 1px solid;
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
font-weight: bold;
padding-top: var(--dl-layout-space-halfunit);
white-space: nowrap;
border-color: var(--dl-color-theme-primary1);
padding-left: var(--dl-layout-space-oneandhalfunits);
border-radius: var(--dl-layout-radius-buttonradius);
padding-right: var(--dl-layout-space-oneandhalfunits);
padding-bottom: var(--dl-layout-space-halfunit);
justify-content: center;
}
.thq-button-outline:hover {
fill: var(--dl-color-theme-secondary2);
color: var(--dl-color-theme-secondary2);
border-color: var(--dl-color-theme-primary2);
background-color: var(--dl-color-theme-primary2);
}
.thq-button-flat {
gap: var(--dl-layout-space-halfunit);
fill: var(--dl-color-theme-primary1);
color: var(--dl-color-theme-primary1);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
font-weight: bold;
padding-top: var(--dl-layout-space-halfunit);
white-space: nowrap;
border-color: transparent;
border-width: 1px;
padding-left: var(--dl-layout-space-oneandhalfunits);
border-radius: var(--dl-layout-radius-buttonradius);
padding-right: var(--dl-layout-space-oneandhalfunits);
padding-bottom: var(--dl-layout-space-halfunit);
justify-content: center;
}
.thq-button-flat:hover {
fill: var(--dl-color-theme-secondary1);
color: var(--dl-color-theme-secondary1);
border-color: var(--dl-color-theme-primary2);
background-color: var(--dl-color-theme-primary2);
}
.thq-heading-1 {
font-size: 48px;
font-family: Raleway;
font-weight: 700;
line-height: 1.5;
}
.thq-heading-2 {
font-size: 35px;
font-family: Raleway;
font-weight: 600;
line-height: 1.5;
}
.thq-heading-3 {
font-size: 26px;
font-family: Raleway;
font-weight: 600;
line-height: 1.5;
}
.thq-body-large {
font-size: 18px;
font-family: Lato;
line-height: 1.5;
}
.thq-body-small {
font-size: 16px;
font-family: Lato;
line-height: 1.5;
}
.thq-team-image-round {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 50%;
}
.thq-section-padding {
width: 100%;
display: flex;
padding: var(--dl-layout-space-fiveunits);
position: relative;
align-items: center;
flex-direction: column;
}
.thq-section-max-width {
width: 100%;
max-width: var(--dl-layout-size-maxwidth);
}
.thq-img-ratio-1-1 {
width: 100%;
object-fit: cover;
aspect-ratio: 1/1;
border-radius: var(--dl-layout-radius-imageradius);
}
.thq-img-ratio-16-9 {
width: 100%;
object-fit: cover;
aspect-ratio: 16/9;
border-radius: var(--dl-layout-radius-imageradius);
}
.thq-img-ratio-4-3 {
width: 100%;
object-fit: cover;
aspect-ratio: 4/3;
border-radius: var(--dl-layout-radius-imageradius);
}
.thq-img-ratio-4-6 {
width: 100%;
object-fit: cover;
aspect-ratio: 4/6;
border-radius: var(--dl-layout-radius-imageradius);
}
.thq-img-round {
width: 100%;
border-radius: var(--dl-layout-radius-round);
}
.thq-flex-column {
gap: var(--dl-layout-space-twounits);
display: flex;
overflow: hidden;
position: relative;
align-items: center;
flex-direction: column;
}
.thq-flex-row {
gap: var(--dl-layout-space-twounits);
display: flex;
overflow: hidden;
position: relative;
align-items: center;
}
.thq-grid-6 {
display: grid;
grid-gap: var(--dl-layout-space-twounits);
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.thq-grid-5 {
display: grid;
grid-gap: var(--dl-layout-space-twounits);
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.thq-card {
gap: var(--dl-layout-space-oneandhalfunits);
display: flex;
padding: var(--dl-layout-space-twounits);
align-items: stretch;
border-radius: var(--dl-layout-radius-cardradius);
flex-direction: column;
}
.thq-box-shadow {
box-shadow: 0px 0px 5px -2px var(--dl-color-theme-neutral-dark);
}
.thq-grid-3 {
display: grid;
grid-gap: var(--dl-layout-space-twounits);
grid-template-columns: 1fr 1fr 1fr;
}
.thq-grid-4 {
display: grid;
grid-gap: var(--dl-layout-space-twounits);
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.thq-grid-2 {
width: 100%;
display: grid;
grid-gap: var(--dl-layout-space-twounits);
grid-template-columns: 1fr 1fr;
}
.thq-checkbox {
width: var(--dl-layout-size-xsmall);
height: var(--dl-layout-size-xsmall);
}
.thq-select {
cursor: pointer;
appearance: none;
padding-top: var(--dl-layout-space-halfunit);
padding-left: var(--dl-layout-space-unit);
border-radius: var(--dl-layout-radius-inputradius);
padding-right: var(--dl-layout-space-twounits);
padding-bottom: var(--dl-layout-space-halfunit);
background-color: var(--dl-color-theme-neutral-light);
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg width%3D%2220%22 height%3D%2220%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 20 20%22 fill%3D%22%23000%22%3E%3Cpath d%3D%22M4.293 7.293a1 1 0 011.414 0L10 11.586l4.293-4.293a1 1 0 111.414 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414z%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: right 8px center;
}
.thq-divider-horizontal {
width: 100%;
height: 1px;
background-color: var(--dl-color-theme-neutral-dark);
}
.thq-icon-small {
width: 24px;
height: 24px;
}
.thq-button-icon {
fill: var(--dl-color-theme-secondary1);
padding: 3px;
transition: 0.3s;
border-radius: var(--dl-layout-radius-round);
}
.thq-button-icon:hover {
fill: var(--dl-color-theme-secondary2);
}
.thq-icon-medium {
width: var(--dl-layout-size-small);
height: var(--dl-layout-size-small);
}
.thq-icon-x-small {
width: var(--dl-layout-size-xsmall);
height: var(--dl-layout-size-xsmall);
}
.thq-link {
cursor: pointer;
display: inline-block;
overflow: hidden;
background: linear-gradient(to right, var(--dl-color-theme-primary1) 50%, var(--dl-color-theme-neutral-dark) 50%);
transition: background-position 300ms ease;
font-weight: 600;
background-clip: text;
background-size: 200% 100%;
background-position: 100%;
-webkit-text-fill-color: transparent;
}
.thq-link:hover {
background-position: 0 100%;
}
.thq-grid-auto-300 {
display: grid;
grid-gap: var(--dl-layout-space-oneandhalfunits);
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.thq-animated-group-vertical-reverse {
gap: var(--dl-layout-space-unit);
width: 100%;
display: flex;
animation: scroll-y 20s linear infinite;
align-items: flex-start;
flex-direction: column;
justify-content: space-around;
animation-direction: reverse;
}
.thq-animated-group-horizontal-reverse {
gap: var(--dl-layout-space-unit);
display: flex;
animation: scroll-x 120s linear infinite;
min-width: 100%;
align-items: center;
flex-shrink: 0;
justify-content: space-around;
animation-direction: reverse;
}
.thq-animated-group-vertical {
gap: var(--dl-layout-space-unit);
width: 100%;
display: flex;
animation: scroll-y 20s linear infinite;
align-items: flex-start;
flex-direction: column;
justify-content: space-around;
}
.thq-animated-group-horizontal {
gap: var(--dl-layout-space-unit);
display: flex;
animation: scroll-x 120s linear infinite;
min-width: 100%;
align-items: center;
flex-shrink: 0;
justify-content: space-around;
}
.thq-animated-group-container-vertical {
gap: var(--dl-layout-space-unit);
display: flex;
overflow: hidden;
flex-direction: column;
}
.thq-animated-group-container-horizontal {
gap: var(--dl-layout-space-unit);
display: flex;
overflow: hidden;
}
.thq-mask-image-vertical {
mask-image: linear-gradient(to bottom, transparent, black 1%, black 99%, transparent);
}
.thq-mask-image-horizontal {
mask-image: linear-gradient(to right, transparent, black 1%, black 99%, transparent);
}
.thq-img-scale {
transition: 0.3s;
}
.thq-img-scale:hover {
scale: 1.05;
}
.thq-animated-card-bg-1 {
width: 100%;
height: 100%;
transition: transform 0.3s;
border-radius: var(--dl-layout-radius-cardradius);
background-color: var(--dl-color-theme-accent1);
}
.thq-animated-card-bg-2 {
transition: transform 0.3s;
border-radius: var(--dl-layout-radius-cardradius);
background-color: var(--dl-color-theme-accent2);
}
.thq-button-animated {
outline: none;
z-index: 1;
overflow: hidden;
position: relative;
border-width: 2px;
}
.thq-input::placeholder {
text-align: center;
vertical-align: middle;
}
.thq-animated-group-container-vertical:hover div {
animation-play-state: paused;
}
.thq-animated-group-container-horizontal:hover div {
animation-play-state: paused;
}
.thq-animated-card-bg-2:has([data-animated="true"]:hover) {
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(3deg) skew(0deg, 0deg);
}
.thq-animated-card-bg-1:has([data-animated="true"]:hover) {
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-6deg) skew(0deg, 0deg);
}
.thq-button-animated:before {
top: 0;
left: -20%;
color: var(--dl-color-theme-neutral-light);
width: 200%;
height: 101%;
content: "";
z-index: 1;
position: absolute;
transform: scaleX(0);
transition: transform 0.5s;
border-radius: var(--dl-layout-radius-buttonradius);
background-color: var(--dl-color-theme-neutral-dark);
transform-origin: 0 0;
transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
}
.thq-button-animated:hover::before {
color: var(--dl-color-theme-neutral-light);
z-index: -1;
transform: scaleX(1);
}
.Content {
font-size: 16px;
font-family: Inter;
font-weight: 400;
line-height: 1.15;
text-transform: none;
text-decoration: none;
}
@media(max-width: 991px) {
.thq-grid-4 {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media(max-width: 767px) {
.thq-section-padding {
padding: var(--dl-layout-space-threeunits);
}
.thq-flex-column {
gap: var(--dl-layout-space-oneandhalfunits);
}
.thq-flex-row {
gap: var(--dl-layout-space-oneandhalfunits);
}
.thq-grid-6 {
grid-gap: var(--dl-layout-space-oneandhalfunits);
grid-template-columns: 1fr 1fr 1fr;
}
.thq-grid-5 {
grid-gap: var(--dl-layout-space-oneandhalfunits);
grid-template-columns: 1fr 1fr 1fr;
}
.thq-card {
padding: var(--dl-layout-space-oneandhalfunits);
}
.thq-grid-3 {
grid-gap: var(--dl-layout-space-oneandhalfunits);
grid-template-columns: 1fr 1fr;
}
.thq-grid-4 {
grid-gap: var(--dl-layout-space-oneandhalfunits);
flex-direction: row;
grid-template-columns: 1fr 1fr;
}
.thq-grid-2 {
grid-gap: var(--dl-layout-space-oneandhalfunits);
grid-template-columns: 1fr;
}
.thq-img-scale {
width: 100%;
}
}
@media(max-width: 479px) {
.thq-section-padding {
padding: var(--dl-layout-space-oneandhalfunits);
}
.thq-flex-column {
gap: var(--dl-layout-space-unit);
}
.thq-flex-row {
gap: var(--dl-layout-space-unit);
}
.thq-grid-6 {
grid-gap: var(--dl-layout-space-unit);
grid-template-columns: 1fr 1fr;
}
.thq-grid-5 {
grid-gap: var(--dl-layout-space-unit);
grid-template-columns: 1fr 1fr;
}
.thq-grid-3 {
grid-gap: var(--dl-layout-space-unit);
align-items: center;
grid-template-columns: 1fr;
}
.thq-grid-4 {
grid-gap: var(--dl-layout-space-unit);
align-items: center;
flex-direction: column;
grid-template-columns: 1fr;
}
.thq-grid-2 {
grid-gap: var(--dl-layout-space-unit);
}
.thq-grid-auto-300 {
grid-template-columns: 1fr;
}
}