.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#202020;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:var(--space-3);}.elementor-element{--widgets-spacing:var(--space-3) var(--space-3);--widgets-spacing-row:var(--space-3);--widgets-spacing-column:var(--space-3);}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
    
    --color__black: #202030;
    --color__white: #fdfeff;
    --color__accent: #b94995;
    
    --multiplier: 1.618;
    
    --font__base: 1.125rem;
    
    --font__h3: calc(var(--font__base) * var(--multiplier));
    --font__h2: calc(var(--font__h3) * var(--multiplier));
    --font__h1: calc(var(--font__h2) * var(--multiplier));
    --font__small: calc(var(--font__base) / var(--multiplier));
    
    --space-1: 0.25em;
    --space-2: 0.5em;
    --space-3: 1em;
    --space-4: 2em;
    --space-5: 4em;
    --space-6: 8em;
}

body {background-color: var(--color__black)}

* {color: var(--color__white); background: center center / cover no-repeat}

*::selection {
    background: var(--color__accent);
    color: var(--color__white);
}

h1, h2, h3, h4, p {
    font-family: "Barlow", Sans-Serif;
}

h1, h2, h3, h4 {
    font-weight: bold;
    max-width: 45ch;
}

p {
    font-size: var(--font__base);
    max-width: min(45ch, 100%);
    text-wrap: pretty;
}

a {
    color: inherit;
    text-decoration: none;
}

p a {
    color: var(--color__accent);
    transform: translatey(-3px);
    text-decoration: underline !important;
    text-underline-offset: 4px;
    transition: 200ms ease-in-out;
    text-wrap: nowrap;
    font-weight: 500;
}

p a:hover {
    color: var(--color__accent);
    text-underline-offset: 6px;
}

p: a:visited {color: oklch(from var(--color__accent) l c h / 0.5);}

h4 {font-size: var(--font__base);}
h3 {font-size: var(--font__h3);}
h2 {font-size: var(--font__h2);}
h1 {font-size: var(--font__h1);}

.space-1, .space-1 > .e-con-inner {gap: var(--space-1)}
.space-2, .space-2 > .e-con-inner {gap: var(--space-2)}
.space-3, .space-3 > .e-con-inner {gap: var(--space-3)}
.space-4, .space-4 > .e-con-inner {gap: var(--space-4)}
.space-5, .space-5 > .e-con-inner {gap: var(--space-5)}

.section__hero, .section__banner, .section {
    padding: var(--space-3);
}

.section__hero {
    display: grid;
    min-height: max(90svh, 400px);
    padding-top: var(--space-5); padding-bottom: var(--space-5);
}

#header-container {
    padding: 1.5em 1em;
}

.nav-bar {
    padding: 0.5em 1em;
    border-radius: 500px;
    backdrop-filter: blur(5px);
    background: oklch(from var(--color__white) l c h / 0.1);
}

#nav-menu span{
    color: var(--color__white);
    transition: 0.3s;
}
    

#nav-menu span:hover{
    color: var(--color__accent);
    cursor: pointer;
}

#nav-menu span:after {
    content: "⬇";
    font-family: "Raleway", Sans-Serif;
    font-size: 0.9em;
    color: var(--color__accent);
    margin-left: 0.5ch;
    
}

#nav-menu span:hover:after {
    color: var(--color__white);
}

.slide-button {
    padding: 0.5em 2em;
}

.slide-button:hover {
    background: oklch(from var(--color__white) l c h / 0.2);
}

.slide-button:before {
    content: ">";
    height: 1em;
    width: 1em;
    background: var(--color__accent);
    top: 12px;
    left: 12px;
    right: 0px;
    border-radius: 100px;
    transition: 0.3s;
}

.slide-button:hover:before {
    content: "<";
    top: 12px;
    left: 0px;
    right: 12px;
    cursor: pointer;
}/* End custom CSS */