/*RESET*/

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




/*basics*/

/*colours*/
:root {
    --black: #000000;
    --cream: #FAF7F2;
    --lightlavender: #EAD9EF;
    --lavender: #ca9eff;
    --darklavender: #ab67ef;


}

/*body*/
html, body {
    font-family: 'Instrument Serif', 'Montserrat', sans-serif;
    background-color: var(--cream);
    margin: 6% 10% 0% 10%;
	overflow-x: hidden;
}

/*links and hovers*/
a {
    text-decoration: none;
    color: var(--black);
}

    /* a:visited {
        color: var(--darklavender);
    } */

::marker {
    background-color: var(--darklavender);
    color: var(--cream);
}

/*headings*/

h1 {
    font-family: 'Instrument Serif';
    font-style: italic;
    font-size: 8rem;
	text-align: center;
}

h2 {
    font-family: 'Instrument Serif';
    font-style: italic;
    font-size: 6rem;
}

h3 {
    font-family: 'Instrument Serif';
    font-style: italic;
    font-size: 4rem;
}

h4 {
    font-family: 'Instrument Serif';
    font-style: italic;
    font-size: 3rem;
}

p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 2rem;
}


/*navigation*/

#menu-primary {
    display: flex;
    justify-content: space-between;
    flex-direction: row;

    margin-bottom: 8%;
}

#menu-social {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.menu-item {
    font-family: 'Instrument Serif';
    font-size: 2rem;
    font-style: italic;

    margin: 3%;
}


/*buttons*/

.opener{
    display: flex;
    justify-content: center;
    margin: 4% 30% 6% 30%;

    font-family: 'Instrument Serif';
    font-style: italic;
    font-size: 2rem;


    background: var(--cream);
    color: var(--black);
   

    border: 2px solid;
    border-color: var(--black);
    border-radius: 30px;
}

.opener_e2 {
    padding: 2%;
}


h1.onboarding {
    margin-top: 50%;
}


/*HOME*/ 

.letterspacing {
	display: flex;
	justify-content: center;
	align-items: center;
    text-align: center;
	margin-top: 40%;
	margin-bottom: 50%;
	max-width: 100%;
	background-color: aquamarine;
	
}

.in_letterspacing {
	letter-spacing: 120px;
}