@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body, html {
    height: 100%;
  }
  
  .bg {
    /* The image used */
    background-image: url("img/bg.jpg");
  
    /* Full height */
    height: 100%;
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Roboto', sans-serif;
  }

  h1 {
    font-size: 5rem;
    font-weight: 500;
    letter-spacing: 0.5rem;
    margin-left: 1.5rem;

}

h2 {
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 0.5rem;
    margin-left: 0.5rem;
}

h3 {
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.5rem;
    margin-left: 3rem;

}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' 0,
  'opsz' 48
}

h1,h2,h3 {

    color: #372948;

}