div[islink] { margin: 0 !important; } * { box-sizing: border-box; transform-origin: top left; text-decoration: none; } * .timelines { transform-origin: center; } h1,h2,h3,h4,h5,h6,a,p,span,ol,ul,li { margin: 0; padding: 0; } .main_container { } .main_container, .page{ width: 100%; display: grid; grid-template-columns: 100%; padding: 0px; margin: auto; } .grid_item_auto_fill { grid-area: 1 / 1 / 2 / 2; } .start_auto_fill, .const_y_top{ align-self: start; } .center_y_auto_fill, .const_y_center{ align-self: center; } .end_auto_fill, .const_y_bottom{ align-self: end; } .right_auto_fill, .const_x_right{ justify-self: right; } .center_x_auto_fill, .const_x_center{ justify-self: center; } .left_auto_fill, .const_x_left{ justify-self: left; } .fixed{ position: fixed; } .inner_grid{ display: grid; } img { object-fit: contain; object-position: center; } @media only screen and (max-width: 640px) { .hide_on_mobile, .mobile_hide{ display: none; } } @media only screen and (max-width: 1023px) and (min-width: 641px) { .hide_on_tablet, .tablet_hide{ display: none; } } @media only screen and (min-width: 1024px) { .hide_on_desktop, .desktop_hide{ display: none; } } .scrollfade { opacity: 0; transition: all 1.5s cubic-bezier(0.04, 0.7, 0.25, 1); } .fadein_up { transform: translate(0%,50%); } .fadein_down { transform: translate(0%,-50%); } .fadein_left { transform: translate(-50%,0%); } .fadein_right { transform: translate(50%,0%); } .scrollfade.active { opacity: 1; transform: translate(0%,0%); } .parallax-bg { background-repeat: no-repeat; background-attachment: fixed; } .hover_scale { transition: all .5s; cursor: pointer; } .hover_scale.active { transform: scale(1.1); } .scrollparallax { transition: all 1.5s cubic-bezier(0.04, 0.5, 0.3, 1); } [add_link_url]{ cursor: pointer; } body{ margin: 0; background-color: white; } div.cover { background-size: cover; } div.contain { background-size: contain; } div.contain { background-size: 100% 100%; } img.cover { object-fit: cover; } img.contain { object-fit: contain; } .embed_elem { position: relative; width: 100%; height: 100%; } .frame { align-content: start; position: relative; max-width: 100%; display: none; grid-template-rows: minmax(20px, auto) 1fr; display: grid; grid-template-columns: 100%; padding: 0px; margin: auto; overflow: hidden; } .frame.has_sections { display: flex; flex-direction: column; } .has_sections > *:not(.section) { position: absolute; } .has_sections > .section { position: relative; grid-template-columns: minmax(20px, auto) 1fr; grid-template-columns: 100% 1fr; grid-template-rows: 100% 1fr; } .rel { position: relative; }svg{position:relative;} svg > g { transform: translate(50%,50%); } .lottie svg > g { transform: translate(0%,0%);} .will-change{will-change: auto;} .overflow-hidden{overflow: hidden;} .origin-top-left {transform-origin: top left;} .display_none {display: none !important;} input, button {border-width: 0px; outline: none;} input::placeholder{opacity: 0.5;} .abs {position: absolute;}