/*

:root {
--neutral: #F6F7F8;
--black: #0E1116;

--primary-50: #F3E6F9;
--primary-100: #E1BFF0;
--primary-200: #CF95E7;
--primary-300: #BB6ADD;
--primary-400: #AC48D5;
--primary-500: #AC48D5;
--primary-600: #8D24C6;
--primary-700: #7721BE;
--primary-800: #631EB7;
--primary-900: #3818AB;
--primary-1000: #120837;

--secondary-50: #E7F7E5;
--secondary-100: #C6EBBF;
--secondary-200: #A0DE95;
--secondary-300: #76D266;
--secondary-400: #51C840;
--secondary-500: #24BD00;
--secondary-600: #11AE00;
--secondary-700: #009B00;
--secondary-800: #008A00;
--secondary-900: #006B00;
--secondary-1000: #003000;
}


.backround-gradient {
    background: radial-gradient(var(--primary-900) 35%, #170A45 80%);
}

#threedee-wrapper {
    z-index:-1;
}

.threedee {
   display: flex;
    justify-content: center;
    padding: 55px 50px;
    align-items: center;
    height: 650px;   
}


model-viewer {
    height: 100%;
    z-index: 1;
    position: absolute;
    inset: 0;
}

p {
    font-size:16px;
    color:var(--neutral);
}

.p-large {
    font-size:1.250em;
}

.big-heading {
    font-size:3.812em;
}

h1 {
    font-size:2.438em;
    line-height:normal;
  
}

h2 {
    font-size:1.250em;
    line-height:normal;
}

h3 {
   font-size:1em;
   line-height:normal;
   

}

h4 {
   font-size:0.812em;

}

h5 {
   font-size:0.625em;

}

*/