/* Color styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --black: rgba(23, 23, 23, 1);
    --white: rgba(255, 255, 255, 1);
    --porsche--porsche-50: rgba(254, 253, 250, 1);
    --porsche--porsche-100: rgba(252, 244, 232, 1);
    --porsche--porsche-200: rgba(247, 227, 196, 1);
    --porsche--porsche-300: rgba(242, 210, 160, 1);
    --porsche--porsche-400: rgba(238, 192, 124, 1);
    --porsche--porsche-500: rgba(233, 175, 88, 1);
    --porsche--porsche-600: rgba(226, 151, 38, 1);
    --porsche--porsche-700: rgba(184, 120, 24, 1);
    --porsche--porsche-800: rgba(135, 88, 18, 1);
    --porsche--porsche-900: rgba(85, 56, 11, 1);
    --tory--blue--tory-50: rgba(206, 223, 249, 1);
    --tory--blue--tory-100: rgba(188, 211, 246, 1);
    --tory--blue--tory-200: rgba(152, 188, 241, 1);
    --tory--blue--tory-300: rgba(116, 164, 237, 1);
    --tory--blue--tory-400: rgba(80, 140, 232, 1);
    --tory--blue--tory-500: rgba(43, 117, 227, 1);
    --tory--blue--tory-600: rgba(27, 97, 203, 1);
    --tory--blue--tory-700: rgba(22, 80, 167, 1);
    --tory--blue--tory-800: rgba(15, 56, 117, 1);
    --tory--blue--tory-900: rgba(9, 33, 68, 1);
    --gray--gray-50: rgba(224, 224, 224, 1);
    --gray--gray-100: rgba(214, 214, 214, 1);
    --gray--gray-200: rgba(194, 194, 194, 1);
    --gray--gray-300: rgba(173, 173, 173, 1);
    --gray--gray-400: rgba(153, 153, 153, 1);
    --gray--gray-500: rgba(133, 133, 133, 1);
    --gray--gray-600: rgba(112, 112, 112, 1);
    --gray--gray-700: rgba(92, 92, 92, 1);
    --gray--gray-800: rgba(71, 71, 71, 1);
    --gray--gray-900: rgba(51, 51, 51, 1);
    --red--red-50: rgba(254, 242, 242, 1);
    --red--red-100: rgba(254, 226, 226, 1);
    --red--red-200: rgba(254, 202, 202, 1);
    --red--red-300: rgba(252, 165, 165, 1);
    --red--red-400: rgba(248, 113, 113, 1);
    --red--red-500: rgba(239, 68, 68, 1);
    --red--red-600: rgba(220, 38, 38, 1);
    --red--red-700: rgba(185, 28, 28, 1);
    --red--red-800: rgba(153, 27, 27, 1);
    --red--red-900: rgba(127, 29, 29, 1);

    /* Text-size styles */
    /* base size: text-base (16px) */
    --text-9xl: 8rem;
    --text-8xl: 6rem;
    --text-7xl: 4.5rem;
    --text-6xl: 3.75rem;
    --text-5xl: 3rem;
    --text-4xl: 2.25rem;
    --text-3xl: 1.88rem;
    --text-2xl: 1.5rem;
    --text-xl: 1.25rem;
    --text-lg: 1.12rem;
    --text-base: 1rem;
    --text-sm: 0.88rem;
    --text-xs: 0.75rem;


    /* Effect styles */
    --shadow--shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.05);
    --shadow--shadow: 0px 1px 2px rgba(0, 0, 0, 0.1),
        0px 1px 3px rgba(0, 0, 0, 0.1);
    --shadow--shadow-md: 0px 2px 4px rgba(0, 0, 0, 0.1),
        0px 4px 6px rgba(0, 0, 0, 0.1);
    --shadow--shadow-lg: 0px 4px 6px rgba(0, 0, 0, 0.1),
        0px 10px 15px rgba(0, 0, 0, 0.1);
    --shadow--shadow-xl: 0px 8px 10px rgba(0, 0, 0, 0.1),
        0px 20px 25px rgba(0, 0, 0, 0.1);
    --shadow--shadow-2xl: 0px 25px 50px rgba(0, 0, 0, 0.25);
    --shadow--shadow-inner: inset 0px 2px 4px rgba(0, 0, 0, 0.05);

}

html {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

body {
    min-height: 100vh;
    min-width: 100vh;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: right;
}

.font-thin {
    font-weight: 100;
}

.font-extralight {
    font-weight: 200;
}

.font-light {
    font-weight: 300;
}

.font-normal {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.font-black {
    font-weight: 900;
}

.text-9xl {
    font-size: var(--text-9xl);
    line-height: 8rem;
}

.text-8xl {
    font-size: var(--text-8xl);
    line-height: 6rem;
}

.text-7xl {
    font-size: var(--text-7xl);
    line-height: 4.5rem;
}

.text-6xl {
    font-size: var(--text-6xl);
    line-height: 3.75rem;
}

.text-5xl {
    font-size: var(--text-5xl);
    line-height: 3rem;
}

.text-4xl {
    font-size: var(--text-4xl);
    line-height: 2.5rem;
}

.text-3xl {
    font-size: var(--text-3xl);
    line-height: 2.25rem;
}

.text-2xl {
    font-size: var(--text-2xl);
    line-height: 2rem;
}

.text-xl {
    font-size: var(--text-xl);
    line-height: 1.75rem;
}

.text-lg {
    font-size: var(--text-lg);
    line-height: 1.75rem;
}

.text-base {
    font-size: var(--text-base);
    line-height: 1.5rem;
}

.text-sm {
    font-size: var(--text-sm);
    line-height: 1.25rem;
}

.text-xs {
    font-size: var(--text-xs);
    line-height: 1rem;
}

.white {
    color: var(--white);
}

.black {
    color: var(--black);
}

.tory-50 {
    color: var(--tory--blue--tory-50);
}

.tory-100 {
    color: var(--tory--blue--tory-100);
}

.tory-200 {
    color: var(--tory--blue--tory-200);
}

.tory-300 {
    color: var(--tory--blue--tory-300);
}

.tory-400 {
    color: var(--tory--blue--tory-400);
}

.tory-500 {
    color: var(--tory--blue--tory-500);
}

.tory-600 {
    color: var(--tory--blue--tory-600);
}

.tory-700 {
    color: var(--tory--blue--tory-700);
}

.tory-800 {
    color: var(--tory--blue--tory-800);
}

.tory-900 {
    color: var(--tory--blue--tory-900);
}

.red-50 {
    color: var(--red--red-50);
}

.red-100 {
    color: var(--red--red-100);
}

.red-200 {
    color: var(--red--red-200);
}

.red-300 {
    color: var(--red--red-300);
}

.red-400 {
    color: var(--red--red-400);
}

.red-500 {
    color: var(--red--red-500);
}

.red-600 {
    color: var(--red--red-600);
}

.red-700 {
    color: var(--red--red-700);
}

.red-800 {
    color: var(--red--red-800);
}

.red-900 {
    color: var(--red--red-900);
}

.porsche-50 {
    color: var(--porsche--porsche-50);
}

.porsche-100 {
    color: var(--porsche--porsche-100);
}

.porsche-200 {
    color: var(--porsche--porsche-200);
}

.porsche-300 {
    color: var(--porsche--porsche-300);
}

.porsche-400 {
    color: var(--porsche--porsche-400);
}

.porsche-500 {
    color: var(--porsche--porsche-500);
}

.porsche-600 {
    color: var(--porsche--porsche-600);
}

.porsche-700 {
    color: var(--porsche--porsche-700);
}

.porsche-800 {
    color: var(--porsche--porsche-800);
}

.porsche-900 {
    color: var(--porsche--porsche-900);
}

.gray-50 {
    color: var(--gray--gray-50);
}

.gray-100 {
    color: var(--gray--gray-100);
}

.gray-200 {
    color: var(--gray--gray-200);
}

.gray-300 {
    color: var(--gray--gray-300);
}

.gray-400 {
    color: var(--gray--gray-400);
}

.gray-500 {
    color: var(--gray--gray-500);
}

.gray-600 {
    color: var(--gray--gray-600);
}

.gray-700 {
    color: var(--gray--gray-700);
}

.gray-800 {
    color: var(--gray--gray-800);
}

.gray-900 {
    color: var(--gray--gray-900);
}

.bg-white {
    background-color: var(--white);
}

.bg-black {
    background-color: var(--black);
}

.bg-tory-50 {
    background-color: var(--tory--blue--tory-50);
}

.bg-tory-100 {
    background-color: var(--tory--blue--tory-100);
}

.bg-tory-200 {
    background-color: var(--tory--blue--tory-200);
}

.bg-tory-300 {
    background-color: var(--tory--blue--tory-300);
}

.bg-tory-400 {
    background-color: var(--tory--blue--tory-400);
}

.bg-tory-500 {
    background-color: var(--tory--blue--tory-500);
}

.bg-tory-600 {
    background-color: var(--tory--blue--tory-600);
}

.bg-tory-700 {
    background-color: var(--tory--blue--tory-700);
}

.bg-tory-800 {
    background-color: var(--tory--blue--tory-800);
}

.bg-tory-900 {
    background-color: var(--tory--blue--tory-900);
}

.bg-red-50 {
    background-color: var(--red--red-50);
}

.bg-red-100 {
    background-color: var(--red--red-100);
}

.bg-red-200 {
    background-color: var(--red--red-200);
}

.bg-red-300 {
    background-color: var(--red--red-300);
}

.bg-red-400 {
    background-color: var(--red--red-400);
}

.bg-red-500 {
    background-color: var(--red--red-500);
}

.bg-red-600 {
    background-color: var(--red--red-600);
}

.bg-red-700 {
    background-color: var(--red--red-700);
}

.bg-red-800 {
    background-color: var(--red--red-800);
}

.bg-red-900 {
    background-color: var(--red--red-900);
}

.bg-porsche-50 {
    background-color: var(--porsche--porsche-50);
}

.bg-porsche-100 {
    background-color: var(--porsche--porsche-100);
}

.bg-porsche-200 {
    background-color: var(--porsche--porsche-200);
}

.bg-porsche-300 {
    background-color: var(--porsche--porsche-300);
}

.bg-porsche-400 {
    background-color: var(--porsche--porsche-400);
}

.bg-porsche-500 {
    background-color: var(--porsche--porsche-500);
}

.bg-porsche-600 {
    background-color: var(--porsche--porsche-600);
}

.bg-porsche-700 {
    background-color: var(--porsche--porsche-700);
}

.bg-porsche-800 {
    background-color: var(--porsche--porsche-800);
}

.bg-porsche-900 {
    background-color: var(--porsche--porsche-900);
}

.bg-gray-50 {
    background-color: var(--gray--gray-50);
}

.bg-gray-100 {
    background-color: var(--gray--gray-100);
}

.bg-gray-200 {
    background-color: var(--gray--gray-200);
}

.bg-gray-300 {
    background-color: var(--gray--gray-300);
}

.bg-gray-400 {
    background-color: var(--gray--gray-400);
}

.bg-gray-500 {
    background-color: var(--gray--gray-500);
}

.bg-gray-600 {
    background-color: var(--gray--gray-600);
}

.bg-gray-700 {
    background-color: var(--gray--gray-700);
}

.bg-gray-800 {
    background-color: var(--gray--gray-800);
}

.bg-gray-900 {
    background-color: var(--gray--gray-900);
}

.flex {
    display: flex;
}

.flex-fill {
    flex: 1 1 auto;
}

.column {
    flex-direction: column;
}

.row {
    flex-direction: row;
}

.wrap {
    flex-wrap: wrap;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.shadow-sm {
    box-shadow: var(--shadow--shadow-sm);
}

.shadow {
    box-shadow: var(--shadow--shadow);
}

.shadow-md {
    box-shadow: var(--shadow--shadow-md);
}

.shadow-lg {
    box-shadow: var(--shadow--shadow-lg);
}

.shadow-xl {
    box-shadow: var(--shadow--shadow-xl);
}

.shadow-2xl {
    box-shadow: var(--shadow--shadow-2xl);
}

.shadow-inner {
    box-shadow: var(--shadow--shadow-inner);
}

.p-0 {
    padding: 0;
}

.p-1-2 {
    padding: 0.5rem;
}

.p-3-4 {
    padding: 0.75rem;
}

.p-1 {
    padding: 1rem;
}

.p-2 {
    padding: 2rem;
}

.p-3 {
    padding: 3rem;
}

.p-4 {
    padding: 4rem;
}

.self-stretch {
    align-self: stretch;
}

.w-view {
    width: 100vw;
}

.w-full {
    width: 100%;
}

.h-view {
    height: 100vh;
}

.h-full {
    height: 100%;
}

.launcher a {
    color: var(--gray--gray-700);
    text-decoration: none;
    border: 1px solid transparent;
}

.launcher a:hover {
    color: var(--gray--gray-700);
    font-weight: 600;
    border: 1px solid var(--gray--gray-50)
}

.overflow-y {
    overflow-y: auto;
    overflow-x: auto;
}