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

.box {
  border-right: 1px solid #d0d5dd33;
  border-bottom: 1px solid #d0d5dd33;
  border-top: 0;
  border-left: 0;
}

.main-box {
  border-right: 1px solid #d0d5dd1A;
  border-left: 1px solid #d0d5dd1A;
  border-bottom: 1px solid #d0d5dd1A;

}

.feature-1 {
  background: 
        radial-gradient(200px circle at 75% 10%, #6F4EF633 0%, transparent 100%),
        radial-gradient(200px circle at 85% 15%, #F64EE633 0%, transparent 100%),

        radial-gradient(200px circle at 15% 30%, #6F4EF633 0%, transparent 100%),
        radial-gradient(200px circle at 25% 35%, #F64EE633 0%, transparent 100%),

        radial-gradient(200px circle at 75% 40%, #6F4EF633 0%, transparent 100%),
        radial-gradient(200px circle at 85% 45%, #F64EE633 0%, transparent 100%),

        radial-gradient(200px circle at 50% 72%, #6F4EF633 0%, transparent 100%),
        radial-gradient(200px circle at 60% 77%, #F64EE633 0%, transparent 100%),

        radial-gradient(200px circle at 75% 75%, #6F4EF633 0%, transparent 100%),
        radial-gradient(200px circle at 85% 80%, #F64EE633 0%, transparent 100%);
}

.feature-2 {
  background: 
        radial-gradient(200px circle at 5% 15%, #F64EE633 0%, transparent 100%),
        radial-gradient(200px circle at 15% 20%, #6F4EF633 0%, transparent 100%),

        radial-gradient(200px circle at 75% 85%, #F64EE633 0%, transparent 100%),
        radial-gradient(200px circle at 85% 90%, #6F4EF633 0%, transparent 100%);
}

html {
  scroll-behavior: smooth;
  font-size: small;
}

::-webkit-scrollbar {
  display: none;
}