:root {
    --josefin: "Josefin Sans", sans-serif;
    --dm: "DM Serif Display", serif;
}

body {
    /* Opening Soon Page */

/* Auto layout */
height: 100vh;
width: 100vw;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 78px;
background: #644242;

}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  html {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}


.vector {
    /* Vector */

width: 367.12px;
height: 989.45px;

}

.container {
 /* Frame 1 */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
gap: 15px;

width: 478px;
height: 579px;

}

h1 {
    /* h1 */

width: 478px;
height: 200px;

font-family: var(--dm);
font-style: normal;
font-weight: 400;
font-size: 128px;
line-height: 100px;
/* or 78% */

color: #FDF0E6;

}

p {
    /* p */

width: 429px;
height: 105px;

font-family: var(--josefin);
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 36px;
/* or 112% */

color: #FDF0E6;

}

h3 {
    /* h3 */

width: 478px;
height: 67px;

font-family: var(--dm);
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 80px;
/* or 167% */

color: #FDF0E6;


}

ul {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    list-style-type: none;
    width: 425px;
height: 135px;

font-family: var(--josefin);
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 42px;
}

ul > li {


color: #FDF0E6;

}