@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('amalthea/assets/fonts/GFS_Bodoni/gfs-bodoni.css');
@import url('https://use.typekit.net/hvb2woe.css');

:root {
    --manrope-font: "Manrope", arial;
    --inter-font: "Inter", arial;
    --oktah-font: "Okta Neue", arial;
    --gfs-bodoni-font: 'GFS Bodoni', arial;
    --minion-pro: "minion-pro", arial;
    --future-pt: "futura-pt", arial;
    --yellow: #c3ce88;
    --purple: #6168e5;
    --green: #8bc864;
    --red: #b34228;
    --orange: #d5ab5f;
    --blue: #82b0db;
    --brown: #190b00;
}

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

body {
    height: 100%;
    font-family: var(--manrope-font);
    background: var(--brown);
}

.landing-hero {
    height: 100vh;
    position: relative;
}

.disco {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
}

.stars {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
}

.pre-logo { 
    position: absolute;
    top: 80%;
    transform: translate(0, 80%);
    width: 100%;
    padding: 0 10%;
}

.main-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}