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

html {
    font-family: "Poppins", arial;
}

body {
  background: #fdf0d5;
  color: #003049;
  width: 100vw;
  overflow-x: hidden;
}

canvas {
  position: fixed;
  background: transparent;
  top: 0;
  pointer-events: none;
  left: 0;
  z-index: 2;
}

.bigTitle {
  color: #003049;
  font-size: 300px;
  font-family: "poppins", arial;
  font-weight: bold;
  text-align: center;
  display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.blocks .mediumTitle {
  font-size: 4vw;
  font-family: "poppins", arial;
  font-weight: bold;
  display: block;
  margin-bottom: 2vw;
}

.blocks p {
  font-size: 2vw;
  font-family: "poppins", arial;
  font-weight: normal;
  display: block;
  line-height: 3vw;
}

.thisHtml {
  /* background: transparent; */
}

.blocks {
  position: relative;
  padding: 100vh 0;
}

.blocks section {
  display: block;
  height: 100vh;
  padding: 20vw 0;
}

.introductionBlock {
  background: #BFCDE0;
}

.contentWrapper {
  padding-left: 50vw;
  padding-right: 10vw;
}

.contentWrapper.left {
  padding-right: 50vw;
  padding-left: 10vw;
}