:root {
  --deep: #101828;
  --white: #ffffff;


/* Apply Fraunces font to headlines */
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Fraunces', sans-serif;

        }
        /* Apply Space Grotesk font to body */
        body {
            font-family: 'Space Grotesk', sans-serif;
        }




.hero {
   
    background-color: var(--deep);
}

.container {
    max-width: 1200px;
}

.avatarjonathan {
    background-image: url(JonathanJungloev.png);
    background-size: cover;
    position: bottom center;
    width: 100px;
    height: 100px;
    border-radius: 100%;
}