hide scrollbar (might be bad implementation)

demo/portfolio.css

@@ -13,8 +13,13 @@
     opacity: 1;
   }
 }
-body {
-  overflow-y: hidden;
+html {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.html::-webkit-scrollbar {
+  display: none;
 }
 
 .parent {

demo/portfolio.css.map

-{"version":3,"sources":["portfolio.scss","portfolio.css"],"names":[],"mappings":"AAAQ,wBAAA;AAER;EACI,oCAAA;EACA,4BAAA;EACA,6BAAA;ACAJ;;ADGA;EACI;IACI,UAAA;ECAN;EDEE;IACI,UAAA;ECAN;AACF;ADGA;EACI,kBAAA;ACDJ;;ADIA;EACI,aAAA;ACDJ;ADEI;EACI,mBAAA;EACA,eAAA;EACA,uBAAA;ACAR;ADCQ;EACI,kBAAA;EACA,gBAAA;EACA,iBAAA;ACCZ;ADAY;EACI,0BAAA;ACEhB;ADEI;EACI,SAAA;EACA,qBAAA;ACAR;;ADQA;EACI;IACI,aAAA;ECLN;AACF","file":"portfolio.css"}
\ No newline at end of file
+{"version":3,"sources":["portfolio.scss","portfolio.css"],"names":[],"mappings":"AAAQ,wBAAA;AAER;EACI,oCAAA;EACA,4BAAA;EACA,6BAAA;ACAJ;;ADGA;EACI;IACI,UAAA;ECAN;EDEE;IACI,UAAA;ECAN;AACF;ADIA;EACI,wBAAA;EACA,qBAAA;ACFJ;;ADIA;EACI,aAAA;ACDJ;;ADIA;EACI,aAAA;ACDJ;ADEI;EACI,mBAAA;EACA,eAAA;EACA,uBAAA;ACAR;ADCQ;EACI,kBAAA;EACA,gBAAA;EACA,iBAAA;ACCZ;ADAY;EACI,0BAAA;ACEhB;ADEI;EACI,SAAA;EACA,qBAAA;ACAR;;ADQA;EACI;IACI,aAAA;ECLN;AACF","file":"portfolio.css"}
\ No newline at end of file

demo/portfolio.scss

@@ -15,8 +15,13 @@
      }
 }
 
-body{
-    overflow-y: hidden;
+// Not sure about these because they're applied to html but did not figure out another way
+html{
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+.html::-webkit-scrollbar { 
+    display: none;
 }
 
 .parent{