.pagebuilder {display: grid;gap: 20px;grid-template-areas: "header" "navigation" "content" "sidebar" "footer";} .pagebuilder>.header {grid-area: header;} .pagebuilder>.content {grid-area: content;} .pagebuilder>.navigation {grid-area: navigation;} .pagebuilder>.sidebar {grid-area: sidebar;} .pagebuilder>.footer {grid-area: footer;} @media (min-width: 768px) {.pagebuilder {grid-template-columns: 3fr 1fr;grid-template-areas: "header header" "navigation navigation" "content sidebar" "content sidebar" "footer footer";} .pagebuilder>.navigation>ul {display: flex;justify-content: space-between;}} @media (min-width: 1280px) {.pagebuilder {grid-template-columns: 1fr 2fr 1fr;grid-template-areas: "header header header" "navigation content sidebar" "navigation content sidebar" "footer footer footer";} .pagebuilder>.navigation>ul {flex-direction: column;}} .Anchor {font-weight: 500;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;} .Anchor:hover {color: var(--active-color);} .Flex {display: flex;flex-direction: row;flex-wrap: wrap;order: 0;flex-grow: 0;flex-shrink: 0;flex-basis: auto;justify-content: flex-start;align-self: auto;align-items: flex-start;align-content: flex-start;gap: normal;row-gap: normal;column-gap: normal;} .FlexItem {display: flex;flex-direction: row;flex-wrap: wrap;order: 0;flex-grow: 0;flex-shrink: 0;flex-basis: auto;justify-content: flex-start;align-self: auto;align-items: flex-start;align-content: flex-start;gap: normal;row-gap: normal;column-gap: normal;} .FlexItem > * {display: block;} .Button {font-weight: 500;text-align: center;border: 1px solid transparent;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;border-radius: 0.375rem;transition: all 150ms ease-in-out;cursor: pointer;} .Button.primary {background-color: var(--primary-color);color: var(--text-color-complement);} .Button.primary:hover {background-color: var(--primary-color);filter: brightness(1.3);outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Button.primary:focus {outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Button.primary:active {background-color: var(--primary-color);border-color: var(--border-color);} .Button.secondary {background-color: var(--secondary-color);color: var(--text-color-mix);} .Button.secondary:hover {background-color: var(--secondary-color);outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Button.secondary:focus {outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Button.secondary:active {background-color: var(--secondary-color);border-color: var(--border-color);} .Button[disabled] {opacity: 0.5;cursor: not-allowed;} .Container {position: relative;width: 100%;} .Label {display: block;font-weight: 500;font-size: 0.875rem;line-height: 1.25rem;color: var(--text-color);padding-left: 0.5rem;} .InputOverwrite {box-sizing: border-box;width: 100%;background-color: var(--primary-color);border: 1px solid transparent;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;border-radius: 0.375rem;transition: all 150ms ease-in-out;cursor: pointer;border-color: var(--border-color);} .InputOverwrite::placeholder {color: var(--text-color);} .InputOverwrite:focus {outline: none;box-shadow: 0 0 0 2px rgba(39, 128, 253, 0.3);border-color: var(--border-color-dark);} .OptionContainer {box-sizing: border-box;width: 100%;position: absolute;z-index: 10;overflow-y: auto;overflow-x: hidden;display: block;background-color: var(--secondary-color);filter: brightness(1.3);margin-top: 0.4rem;padding-top: 0.75rem;padding-right: 1rem;padding-bottom: 0.75rem;padding-left: 1rem;max-height: 240px;font-size: 0.875rem;line-height: 1.25rem;border-radius: 0.375rem;border: 1px solid var(--border-color);} .OptionContainer > ul {padding: 0px;margin: 0px;} .OptionContainer > ul > li {padding-left: 0.5rem;padding-right: 0.5rem;} .OptionContainer > ul > li:hover {background-color: var(--primary-color-light);color: var(--text-color);cursor: pointer;} .combobox-icon {padding-right: 10px;height: 16px;width: 16px;} .Input {box-sizing: border-box;background-color: var(--primary-color);border: 1px solid transparent;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;border-radius: 0.375rem;transition: all 150ms ease-in-out;cursor: pointer;border-color: var(--border-color);} .CheckboxContainer {text-align: left;} .Checkbox {box-sizing: border-box;width: 20px;background-color: var(--primary-color);border: 1px solid transparent;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;border-radius: 0.375rem;transition: all 150ms ease-in-out;cursor: pointer;border-color: var(--border-color);} .Input.primary {background-color: rgb(217, 217, 217);color: #1a1a1a;} .Input.primary:hover {background-color: var(--secondary-color);outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Input.primary:focus {outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Input.primary:active {border-color: var(--border-color);} .Input.secondary {background-color: var(--primary-color);color: rgb(229, 229, 229);} .Input.secondary:hover {outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Input.secondary:focus {outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Input.secondary:active {border-color: var(--border-color);} .Input[disabled] {opacity: 0.5;cursor: not-allowed;} .Option {box-sizing: border-box;background-color: var(--primary-color);border: 1px solid transparent;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;border-radius: 0.375rem;transition: all 150ms ease-in-out;cursor: pointer;border-color: var(--border-color);} .Option.primary {background-color: var(--primary-color);color: var(--text-color);} .Option.primary:hover {background-color: var(--primary-color-light);outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Option.primary:focus {outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Option.primary:active {background-color: var(--primary-color-light);border-color: var(--border-color);} .Option.secondary {background-color: var(--secondary-color);color: var(--text-color);} .Option.secondary:hover {background-color: var(--secondary-color-light);outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Option.secondary:focus {outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Option.secondary:active {background-color: var(--secondary-color-light);border-color: var(--border-color);} .Option[disabled] {opacity: 0.5;cursor: not-allowed;} .Select {box-sizing: border-box;background-color: var(--primary-color);border: 1px solid transparent;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;border-radius: 0.375rem;transition: all 150ms ease-in-out;cursor: pointer;border-color: var(--border-color);} .Select.primary {background-color: var(--primary-color);color: #f1f1f1;} .Select.primary:hover {background-color: var(--primary-color-light);outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Select.primary:focus {outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Select.primary:active {background-color: var(--primary-color-light);;border-color: var(--border-color);} .Select.secondary {background-color: var(--secondary-color);color: #121212;} .Select.secondary:hover {background-color: var(--secondary-color-light);outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Select.secondary:focus {outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: var(--border-color);} .Select.secondary:active {background-color: var(--secondary-color-light);border-color: var(--border-color);} .Select[disabled] {opacity: 0.5;cursor: not-allowed;} .Textarea {font-weight: 500;border: 1px solid transparent;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;border-radius: 0.375rem;width: calc(100% - 2rem - 2px) !important;resize: vertical;transition: all 150ms ease-in-out;cursor: pointer;} .Textarea.primary {background-color: rgb(217, 217, 217);color: #1a1a1a;} .Textarea.primary:hover {background-color: rgb(217, 217, 217);outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: rgb(114, 113, 113);} .Textarea.primary:focus {outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: rgb(114, 113, 113);} .Textarea.primary:active {background-color: #8d8d8d;border-color: rgb(114, 113, 113);} .Textarea.secondary {background-color: rgb(38, 38, 38);color: rgb(229, 229, 229);} .Textarea.secondary:hover {background-color: #191919;outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: rgb(114, 113, 113);} .Textarea.secondary:focus {outline: none;box-shadow: 0 0 0 3px rgba(141, 141, 141, 0.5);border-color: rgb(114, 113, 113);} .Textarea.secondary:active {background-color: #191919;border-color: rgb(114, 113, 113);} .Textarea[disabled] {opacity: 0.5;cursor: not-allowed;} .Grid {display: grid;gap: 1rem;grid-auto-flow: dense;grid-template-areas: none;grid-template-columns: auto;grid-template-rows: auto;} .GridItem {grid-column-start: auto;grid-column-end: auto;grid-row-start: auto;grid-row-start: auto;grid-area: auto;} .List {font-weight: 500;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;list-style-position: inside;} .ListItem {font-weight: 500;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;} .ListItem:hover {color: var(--focus-color);} .Area {margin: 0px;} .Audio {width: 100%;height: 50px;} .Image {margin-top: 1rem;margin-bottom: 1rem;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;} .Map {margin: 0px;} .Video {width: 100%;height: auto;} .Message {border-radius: 0.375rem;} .Message > p {margin: 0px;} .MessageTypeSuccess {background-color: var(--secondary-color);color: var(--text-color-mix);} .MessageTypeError {background-color: var(--secondary-color-dark);color: var(--text-color-mix);} .MessageTypeInfo {background-color: var(--secondary-color);color: var(--text-color-mix);} .ModalFooter {padding-bottom: 1rem;width: 100%;justify-content: flex-end !important;} .ModalFooter > button {width: 100%;} .ModalHeader {width: 100%;padding: 0px;align-items: center !important;justify-content: space-between !important;} .ModalHeader > h1, .ModalHeader > h2, .ModalHeader > h3, .ModalHeader > h4, .ModalHeader > h5, .ModalHeader > h6 {padding-left: 0px;} .ModalContainer {background-color: var(--secondary-color);position: fixed;top: 5%;left: 25%;max-height: 90%;width: 50%;outline: none;overflow-x: hidden;overflow-y: auto;padding: 15px;border-radius: 0.5rem;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;} .ModalInner {position: relative;width: 100%;box-shadow: none;} .ModalContent {width: auto;box-shadow: none;} .Table {margin: 0;width: 100%;height: auto;text-align: center;border-collapse: collapse;} .THead {margin: 0;width: 100%;height: auto;} .TBody {margin: 0;width: 100%;height: auto;} .Tr {margin: 0;width: 100%;height: auto;} .Th, .Td {margin: 0;width: auto;height: auto;padding: 10px;border: 1px solid var(--border-color);} .Heading {font-weight: 500;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;color: var(--text-color-mix);} .Heading.h1 {font-size: 1.75rem;} .Heading.h2 {font-size: 1.5rem;} .Heading.h3 {font-size: 1.25rem;} .Heading.h4 {font-size: 1rem;} .Heading.h5 {font-size: 0.75rem;} .Heading.h6 {font-size: 0.5rem;} .Heading:hover {color: var(--text-color-mix);} .Label {font-weight: 500;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;color: var(--text-color-mix);} .Label:hover {color: var(--text-color-mix);} .Paragraph {font-weight: 500;padding: 0.5rem 1rem;font-size: 1rem;line-height: 1.5rem;color: var(--text-color-mix);} .Paragraph:hover {color: var(--text-color-mix);} .imageViewer {position: fixed;z-index: 10000;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;} .closeButton {position: fixed;z-index: 10010;bottom: 10px;right: 10px;padding: 5px 10px;background-color: var(--primary-color);border: 1px solid #000;border-radius: 50%;} .gfm {white-space: normal !important;word-wrap: normal !important;line-height: 1.6;color: var(--text-color-mix);} .gfm h1, .gfm h2, .gfm h3, .gfm h4, .gfm h5, .gfm h6 {font-weight: bold;margin-bottom: 0.5em;} .gfm h1 {font-size: 2em;} .gfm h2 {font-size: 1.5em;} .gfm h3 {font-size: 1.17em;} .gfm h4 {font-size: 1em;} .gfm h5 {font-size: 0.83em;} .gfm h6 {font-size: 0.67em;} .gfm p {display: block;margin-top: 0;margin-bottom: 1em;padding: 0;} .gfm img {zoom: normal;width: 100%;margin: 0px;padding: 0px;border-radius: 20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .gfm img:hover {cursor: pointer;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .gfm p:has(> :nth-child(2)) > img {width: calc(100% / 2 - 3px);} .gfm p:has(> :nth-child(3)) > img {width: calc(100% / 3 - 3px);} .gfm p:has(> :nth-child(4)) > img {width: calc(100% / 4 - 4px);} .gfm a {color: #0366d6;text-decoration: none;} .gfm a:hover {color: #0366d6;text-decoration: underline;} .gfm ul, .gfm ol {margin-top: 0;margin-bottom: 1em;padding-left: 2em;} .gfm li {margin-bottom: 0.5em;} .gfm code {background-color: #f6f8fa;border-radius: 3px;font-size: 0.9em;padding: 0.2em 0.4em;} .gfm pre {background-color: #f6f8fa;border-radius: 3px;font-size: 0.9em;line-height: 1.4;margin-bottom: 1em;padding: 1em;overflow-x: auto;white-space: pre-wrap;} .gfm table {width: 100%;border-collapse: collapse;} .gfm table, .gfm th, .gfm td {height: 16px;border: 1px solid black;}  :root {--primary-color: hsla(0, 0%, 15%, 1);--primary-color-h: 0;--primary-color-s: 0%;--primary-color-l: 15%;--primary-color-a: 1;--primary-color-contrast-threshold: 60%;--primary-color-darken-percentage: 15%;--primary-color-lighten-percentage: 20%;--primary-color: hsla(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l), var(--primary-color-a));--primary-color-light: hsla(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + var(--primary-color-lighten-percentage)), var(--primary-color-a));--primary-color-dark: hsla(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) - var(--primary-color-darken-percentage)), var(--primary-color-a));--primary-color-complement: hsla(calc(var(--primary-color-h) + 180), var(--primary-color-s), var(--primary-color-l), var(--primary-color-a));--primary-color-triad1: hsla(calc(var(--primary-color-h) + 120), var(--primary-color-s), var(--primary-color-l), var(--primary-color-a));--primary-color-triad2: hsla(calc(var(--primary-color-h) + 240), var(--primary-color-s), var(--primary-color-l), var(--primary-color-a));--primary-color-switch: calc((var(--primary-color-l) - var(--primary-color-contrast-threshold)) * -100);--primary-color-mix: hsla(0, 0%, var(--primary-color-switch), var(--primary-color-a));--secondary-color: hsl(0, 0%, 85%, 1);--secondary-color-h: 0;--secondary-color-s: 0%;--secondary-color-l: 85%;--secondary-color-a: 1;--secondary-color-contrast-threshold: 60%;--secondary-color-darken-percentage: 15%;--secondary-color-lighten-percentage: 20%;--secondary-color: hsla(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l), var(--secondary-color-a));--secondary-color-light: hsla(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) + var(--secondary-color-lighten-percentage)), var(--secondary-color-a));--secondary-color-dark: hsla(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) - var(--secondary-color-darken-percentage)), var(--secondary-color-a));--secondary-color-complement: hsla(calc(var(--secondary-color-h) + 180), var(--secondary-color-s), var(--secondary-color-l), var(--secondary-color-a));--secondary-color-triad1: hsla(calc(var(--secondary-color-h) + 120), var(--secondary-color-s), var(--secondary-color-l), var(--secondary-color-a));--secondary-color-triad2: hsla(calc(var(--secondary-color-h) + 240), var(--secondary-color-s), var(--secondary-color-l), var(--secondary-color-a));--secondary-color-switch: calc((var(--secondary-color-l) - var(--secondary-color-contrast-threshold)) * -100);--secondary-color-mix: hsla(0, 0%, var(--secondary-color-switch), var(--secondary-color-a));--border-color: hsl(0, 0%, 45%);--border-color-h: 0;--border-color-s: 0%;--border-color-l: 45%;--border-color-a: 1;--border-color-contrast-threshold: 60%;--border-color-darken-percentage: 15%;--border-color-lighten-percentage: 20%;--border-color: hsla(var(--border-color-h), var(--border-color-s), var(--border-color-l), var(--border-color-a));--border-color-light: hsla(var(--border-color-h), var(--border-color-s), calc(var(--border-color-l) + var(--border-color-lighten-percentage)), var(--border-color-a));--border-color-dark: hsla(var(--border-color-h), var(--border-color-s), calc(var(--border-color-l) - var(--border-color-darken-percentage)), var(--border-color-a));--border-color-complement: hsla(calc(var(--border-color-h) + 180), var(--border-color-s), var(--border-color-l), var(--border-color-a));--border-color-triad1: hsla(calc(var(--border-color-h) + 120), var(--border-color-s), var(--border-color-l), var(--border-color-a));--border-color-triad2: hsla(calc(var(--border-color-h) + 240), var(--border-color-s), var(--border-color-l), var(--border-color-a));--border-color-switch: calc((var(--border-color-l) - var(--border-color-contrast-threshold)) * -100);--border-color-mix: hsla(0, 0%, var(--border-color-switch), var(--border-color-a));--text-color: hsl(0, 0%, 100%, 1);--text-color-h: 0;--text-color-s: 0%;--text-color-l: 100%;--text-color-a: 1;--text-color-contrast-threshold: 60%;--text-color-darken-percentage: 15%;--text-color-lighten-percentage: 20%;--text-color: hsla(var(--text-color-h), var(--text-color-s), var(--text-color-l), var(--text-color-a));--text-color-light: hsla(var(--text-color-h), var(--text-color-s), calc(var(--text-color-l) + var(--text-color-lighten-percentage))), var(--text-color-a);--text-color-dark: hsla(var(--text-color-h), var(--text-color-s), calc(var(--text-color-l) - var(--text-color-darken-percentage)), var(--text-color-a));--text-color-complement: hsla(calc(var(--text-color-h) + 180), var(--text-color-s), var(--text-color-l), var(--text-color-a));--text-color-triad1: hsla(calc(var(--text-color-h) + 120), var(--text-color-s), var(--text-color-l), var(--text-color-a));--text-color-triad2: hsla(calc(var(--text-color-h) + 240), var(--text-color-s), var(--text-color-l), var(--text-color-a));--text-color-switch: calc((var(--text-color-l) - var(--text-color-contrast-threshold)) * -100);--text-color-mix: hsla(0, 0%, var(--text-color-switch), var(--text-color-a));--focus-color: hsla(0, 0%, 55%, 0.502);--focus-color-h: 0;--focus-color-s: 0%;--focus-color-l: 55%;--focus-color-a: 0.502;--focus-color-contrast-threshold: 60%;--focus-color-darken-percentage: 15%;--focus-color-lighten-percentage: 20%;--focus-color: hsla(var(--focus-color-h), var(--focus-color-s), var(--focus-color-l), var(--focus-color-a));--focus-color-light: hsla(var(--focus-color-h), var(--focus-color-s), calc(var(--focus-color-l) + var(--focus-color-lighten-percentage)), var(--focus-color-a));--focus-color-dark: hsla(var(--focus-color-h), var(--focus-color-s), calc(var(--focus-color-l) - var(--focus-color-darken-percentage))), var(--focus-color-a);--focus-color-complement: hsla(calc(var(--focus-color-h) + 180), var(--focus-color-s), var(--focus-color-l), var(--focus-color-a));--focus-color-triad1: hsla(calc(var(--focus-color-h) + 120), var(--focus-color-s), var(--focus-color-l), var(--focus-color-a));--focus-color-triad2: hsla(calc(var(--focus-color-h) + 240), var(--focus-color-s), var(--focus-color-l), var(--focus-color-a));--focus-color-switch: calc((var(--focus-color-l) - var(--focus-color-contrast-threshold)) * -100);--focus-color-mix: hsla(0, 0%, var(--focus-color-switch), var(--focus-color-a));--active-color: hsl(220, 26%, 14%);--active-color-h: 0;--active-color-s: 26%;--active-color-l: 14%;--active-color-a: 1;--active-color-contrast-threshold: 60%;--active-color-darken-percentage: 15%;--active-color-lighten-percentage: 20%;--active-color: hsla(var(--active-color-h), var(--active-color-s), var(--active-color-l), var(--active-color-a));--active-color-light: hsla(var(--active-color-h), var(--active-color-s), calc(var(--active-color-l) + var(--active-color-lighten-percentage)), var(--active-color-a));--active-color-dark: hsla(var(--active-color-h), var(--active-color-s), calc(var(--active-color-l) - var(--active-color-darken-percentage)), var(--active-color-a));--active-color-complement: hsla(calc(var(--active-color-h) + 180), var(--active-color-s), var(--active-color-l), var(--active-color-a));--active-color-triad1: hsla(calc(var(--active-color-h) + 120), var(--active-color-s), var(--active-color-l), var(--active-color-a));--active-color-triad2: hsla(calc(var(--active-color-h) + 240), var(--active-color-s), var(--active-color-l), var(--active-color-a));--active-color-switch: calc((var(--active-color-l) - var(--active-color-contrast-threshold)) * -100);--active-color-mix: hsla(0, 0%, var(--active-color-switch), var(--active-color-a));} @font-face {font-family: "Mister Vampire";src: url("../../public/fonts/MISTV___.TTF");font-display: swap;} @font-face {font-family: "CODE Light";src: url("../../public/fonts/CODE_Light.otf");font-display: swap;} @font-face {font-family: "CODE Bold";src: url("../../public/fonts/CODE_Bold.otf");font-display: swap;} body {color: white;font-family: monospace;background-color: #2c3531;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23116466' fill-opacity='0.5' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");} h1 {font-size: 3em;} p {font-size: 1em;} #tsparticles {position: sticky;top: 0px;z-index: -1000;} .blink {animation: blinker 1s linear infinite;} @keyframes blinker {50% {opacity: 0;}} .recorder-container {max-width: 300px;margin-left: auto;margin-right: auto;} .record-button {width: 300px;height: 54px;border: 0px;border-radius: 50px;overflow: hidden;background-color: #116466;} .recording-container {display: flex;gap: 5px;flex-direction: column;} .send-record-button {width: 300px;height: 54px;border: 0px;border-radius: 50px;overflow: hidden;background-color: #116466;} .cancel-record-button {width: 300px;height: 54px;border: 0px;border-radius: 50px;overflow: hidden;background-color: #116466;color: red;} audio::-webkit-media-controls-panel {background-color: #116466 !important;} .recording-result {text-align: center;padding-left: 15px;padding-right: 15px;} .about-us {width: 100%;height: auto;min-height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;} .about-us > h1 {color: #116466;} .about-us > p {overflow-wrap: normal;word-wrap: normal;background-image: url("../../../../../public/images/third.avif");text-align: center;color: rgb(183, 183, 183);width: 768px;height: 447px;font-size: 2em;border-radius: 10px;-webkit-box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);-moz-box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);display: flex;justify-content: center;align-items: center;} .contact-form {width: 100%;height: auto;min-height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;} .contact-form > h1 {color: #116466;} .contact-form > form {width: 768px;} .contact-form > form > div > label {text-align: left;} .contact-form > form > div > textarea {height: 270px;} @media (max-width: 1360px) {.contact-form > form {max-width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;}} .elevator-pitch {width: 100%;height: auto;min-height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .elevator-pitch > h1 {color: #116466;} .elevator-pitch > .picture-and-text {display: flex;flex-direction: row;justify-content: center;align-items: center;} .elevator-pitch > .picture-and-text > img {display: block;max-inline-size: 100%;block-size: auto;aspect-ratio: 90/73;object-fit: cover;object-position: top center;max-height: 468px;margin-left: 60px;margin-right: 60px;border-radius: 10px;-webkit-box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);-moz-box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);} .elevator-pitch > .picture-and-text > div {max-width: calc(100% - 120px);margin-left: 60px;margin-right: 60px;} @media (max-width: 1360px) {.elevator-pitch > .picture-and-text {width: 100%;flex-direction: column;gap: 20px;margin-left: 20px;margin-right: 20px;} .elevator-pitch > .picture-and-text > img {max-height: 300px;} .elevator-pitch > .picture-and-text > div {max-width: calc(100% - 240);margin-left: 120px;margin-right: 120px;} .landing-about-us > p {max-width: calc(100% - 60px);margin-left: 30px;margin-right: 30px;padding-left: 20px;padding-right: 20px;overflow-wrap: break-word;word-break: break-all;}} @media (max-width: 768px) {.elevator-pitch > h1 {width: calc(100% - 40px);text-align: center;margin-left: 20px;margin-right: 20px;} .elevator-pitch > .picture-and-text {width: 100%;flex-direction: column;gap: 20px;margin-left: 20px;margin-right: 20px;} .elevator-pitch > .picture-and-text > img {max-height: 200px;margin-bottom: 20px;} .elevator-pitch > .picture-and-text > div {width: calc(100% - 40px);}} .specialicing {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;overflow-x: auto;} .specialicing > a {margin: 15px;padding: 20px;background-color: #1F1F1F;border-radius: 90px;} .the-stack {width: 100%;height: auto;min-height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;} .the-stack > h1 {color: #116466;} .the-stack > p {margin-top: 150px;} .menu-container {position: fixed;top: 10px;left: 10px;top: 0;left: 0;} .menu-open-button {cursor: pointer;z-index: 1500;border: none;margin: 0;padding: 0;width: auto;overflow: visible;background: transparent;color: inherit;font: inherit;line-height: normal;-webkit-font-smoothing: inherit;-moz-osx-font-smoothing: inherit;appearance: none;-webkit-appearance: none;} .menu-open-button > svg {cursor: pointer;height: 32px;width: 32px;margin: 16px;fill: #116466;} .menu-open-button > svg:hover {cursor: pointer;fill: #106162;} .menu-close-button {display: block;margin-left: auto;margin-right: auto;cursor: pointer;z-index: 1500;border: none;padding: 0;width: auto;overflow: visible;background: transparent;color: inherit;font: inherit;line-height: normal;-webkit-font-smoothing: inherit;-moz-osx-font-smoothing: inherit;appearance: none;-webkit-appearance: none;} .menu-close-button > svg {cursor: pointer;height: 32px;width: 32px;margin: 16px;fill: #116466;} .menu-close-button > svg:hover {cursor: pointer;fill: #106162;} .menu {position: absolute;top: 0;left: -170px;width: 170px;height: 100vh;max-width: 100vw;background-color: #2c3531;box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);transition: left 0.3s ease;} .menu > a {margin-top: 25px;display: block;width: 170px;} .menu > a > svg {height: 64px;max-width: 170px;} .menu.open {left: 0;} .menu > .menu-links {color: #116466} .menu a {text-decoration: none;color: #116466;} .menu-links-container {display: flex;flex-direction: column;justify-content: space-between;height: calc(100% - 68px - 68px - 25px);} .menu-links {list-style-type: none;padding-inline-start: 15px;margin: 0;} .menu-links > li {padding-top: 5px;padding-bottom: 5px;} .menu-links svg {max-width: 64px;height: 64px;} .disabled-link {pointer-events: none;color: #0f4a4b;} .menu-links-top {padding-top: 15px;} .menu-links-bottom {padding-bottom: 15px;} .about-opening {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .about-opening > svg {display: block;width: calc(490px * 0.85);height: calc(637px * 0.85);} .about-opening > h1 {margin: 0px;color: #116466;} .about-opening > p {width: 80vw;text-align: center;} .about-toni {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .about-toni > .about-container > img {width: 250px;height: 250px;border-radius: 50%;overflow: hidden;margin-right: 50px;} .about-harri {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .about-harri > .about-container > img {width: 250px;height: 250px;border-radius: 50%;overflow: hidden;margin-right: 50px;} .about-anssi {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .about-anssi > .about-container > img {width: 250px;height: 250px;border-radius: 50%;overflow: hidden;margin-right: 50px;} .about-simon {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .about-simon > .about-container > img {width: 250px;height: 250px;border-radius: 50%;overflow: hidden;margin-right: 50px;} .about-container {display: flex;flex-direction: row;justify-content: center;align-items: center;text-align: left;} .about-data {max-width: 50vw;} .about-data a {text-decoration: none;color: white;} @media (max-width: 768px) {.about-container {flex-direction: column;} .about-container > img {margin-top: 150px;} .about-data {max-width: 100vw;width: 100%;margin-left: 25px;margin-right: 25px;}} .CookiePolicy-opening {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .CookiePolicy-opening > svg {display: block;width: calc(490px * 0.85);height: calc(637px * 0.85);} .CookiePolicy-opening > h1 {margin: 0px;color: #116466;} .CookiePolicy-opening > p {width: 80vw;text-align: center;} .CookiePolicy-section {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .CookiePolicy-section > h1 {max-width: 60%;} .CookiePolicy-section > p {max-width: 60%;} @media (max-width: 768px) {} .GDPRPolicy-opening {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .GDPRPolicy-opening > svg {display: block;width: calc(490px * 0.85);height: calc(637px * 0.85);} .GDPRPolicy-opening > h1 {margin: 0px;color: #116466;} .GDPRPolicy-opening > p {width: 80vw;text-align: center;} .GDPRPolicy-section {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .GDPRPolicy-section > h1 {max-width: 60%;} .GDPRPolicy-section > p {max-width: 60%;} @media (max-width: 768px) {} .landing-opening {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .landing-opening > svg {display: block;width: calc(490px * 0.85);height: calc(637px * 0.85);} .landing-opening > h1 {margin: 0px;color: #116466;} .landing-opening > p {width: 729px;text-align: center;} p > a {color: inherit;text-decoration: none;font-weight: normal;} .scroll-down-button-icon {cursor: pointer;margin-top: 50px;fill: #116466;width: 60px;height: 60px;padding: 10px;border-radius: 50px;background-color: #1F1F1F;-webkit-box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);-moz-box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);} .npx {font-family: "monospace";border: 1px solid #ccc;border-radius: 10px;padding: 15px;box-shadow: 0 2px 5px rgba(0,0,0,0.2);background-color: white;} .npx > p {margin: 0px;} .scroll-up-button-icon {cursor: pointer;margin-top: 50px;fill: #116466;width: 60px;height: 60px;padding: 10px;border-radius: 50px;background-color: #1F1F1F;-webkit-box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);-moz-box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);box-shadow: -7px 6px 14px 1px rgba(0,0,0,0.39);} @media (max-width: 1360px) {.landing-opening > p {max-width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;overflow-wrap: normal;word-break: normal;}}  @media (max-width: 768px) {.landing-opening > img {width: calc(100% - 40px);height: 250px;margin-left: 20px;margin-right: 20px;} .landing-opening > h1 {width: calc(100% - 40px);text-align: center;margin-left: 20px;margin-right: 20px;} .landing-opening > p {width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;overflow-wrap: normal;word-break: normal;}} .podcast-opening {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .podcast-opening > h1 {margin: 0px;color: #116466;} .voice-redorder-message {width: 60vw;max-width: 80vw;} .podcast-opening > .voice-recorder {margin-top: 50px;} .privacy-policy-opening {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .privacy-policy-opening > svg {display: block;width: calc(490px * 0.85);height: calc(637px * 0.85);} .privacy-policy-opening > h1 {margin: 0px;color: #116466;} .privacy-policy-opening > p {width: 80vw;text-align: center;} .privacy-policy-collectionOfData {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .privacy-policy-useOfData {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .privacy-policy-protectionOfData {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .privacy-policy-rightsOfDataSubjects {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .privacy-policy-contactInformation {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} @media (max-width: 768px) {} .ranking-opening {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .ranking-opening > h1 {text-align: center;margin: 0px;color: #116466;} .ranking-form {margin-top: 50px;margin-bottom: 50px;width: 35vw;} .ranking-message {text-align: center;width: 60vw;max-width: 80vw;} .termsOfService-opening {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} .termsOfService-opening > svg {display: block;width: calc(490px * 0.85);height: calc(637px * 0.85);} .termsOfService-opening > h1 {margin: 0px;color: #116466;} .termsOfService-opening > p {width: 80vw;text-align: center;} .termsOfService-section {min-width: 100%;min-height: 100vh;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: left;} @media (max-width: 768px) {}