Removed unnecessary scrollbar in some components (#1087)

Components/Accordions/Simple-Accordion/style.css

@@ -14,8 +14,7 @@
 
 html,
 body {
-    overflow: auto;
-    min-height: 100vh;
+    height: 100vh;
     width: 100%;
     background: var(--color-bg);
     display: flex;

Components/Backgrounds/Animated-Colorful-Background/style.css

@@ -1,5 +1,6 @@
 body {
     height: 100vh;
+    overflow: hidden;
     background-size: cover;
 }
 

Components/Backgrounds/Connecting-Dots-Background/style.css

@@ -1,42 +1,47 @@
-/* Header */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
 .large-header {
-	position: relative;
-	width: 100%;
-	background: #333;
-	overflow: hidden;
-	background-size: cover;
-	background-position: center center;
-	z-index: 1;
+    position: relative;
+    width: 100%;
+    background: #333;
+    overflow: hidden;
+    background-size: cover;
+    background-position: center center;
+    z-index: 1;
 }
 
 #large-header {
-	background-image: url('https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/img/demo-1-bg.jpg');
+    background-image: url('https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/img/demo-1-bg.jpg');
 }
 
 .main-title {
-	position: absolute;
-	margin: 0;
-	padding: 0;
-	color: #f9f1e9;
-	text-align: center;
-	top: 50%;
-	left: 50%;
-	-webkit-transform: translate3d(-50%, -50%, 0);
-	transform: translate3d(-50%, -50%, 0);
+    position: absolute;
+    margin: 0;
+    padding: 0;
+    color: #f9f1e9;
+    text-align: center;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate3d(-50%, -50%, 0);
+    transform: translate3d(-50%, -50%, 0);
 }
 
 .demo-1 .main-title {
-	text-transform: uppercase;
-	font-size: 4.2em;
-	letter-spacing: 0.1em;
+    text-transform: uppercase;
+    font-size: 4.2em;
+    letter-spacing: 0.1em;
 }
 
 .main-title .thin {
-	font-weight: 200;
+    font-weight: 200;
 }
 
 @media only screen and (max-width : 768px) {
-	.demo-1 .main-title {
-		font-size: 3em;
-	}
-}
+    .demo-1 .main-title {
+        font-size: 3em;
+    }
+}

Components/Backgrounds/Interactive-Balls-Background/style.css

@@ -1,7 +1,14 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
 body {
     position: relative;
     width: 100%;
-    min-height: 100vh;
+    height: 100vh;
+    overflow: hidden;
 }
 
 section {
@@ -74,4 +81,4 @@ section {
 
 #hexagonGrid .row .hexagon:hover::after {
     background: #000000;
-}
+}

Components/Backgrounds/Interactive-Hexagonal-Background/style.css

@@ -10,6 +10,7 @@ section {
     left: 0;
     width: 100%;
     height: 100%;
+    overflow: hidden;
 }
 
 #particles {

Components/Backgrounds/Zoom-And-Fade-Background/style.css

@@ -1,5 +1,13 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+
 .body {
     background: #381f1fc8;
+    height: 100vh;
 }
 
 .imgbackground {

Components/Breadcrumbs/Colored-Breadcrumb/style.css

@@ -9,6 +9,7 @@ body {
     justify-content: center;
     align-items: center;
     font-family: 'Lato', sans-serif;
+    overflow: hidden;
 }
 
 /* ------------------------- Separate line ------------------------- */

Components/Breadcrumbs/Parallel-Park-Breadcrumb/style.css

@@ -1,6 +1,12 @@
 @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
 @import url(https://fonts.googleapis.com/css?family=Lato);
 
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
 input {
     display: none;
 }
@@ -788,4 +794,4 @@ input.passo1:checked+input.passo2:checked+input.passo3:checked+input.passo4:chec
     visibility: visible;
     filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
     opacity: 1;
-}
+}

Components/Buttons/3D-Button-2/style.css

@@ -1,3 +1,9 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
 body {
     display: flex;
     width: 100%;
@@ -51,4 +57,4 @@ body {
 
 .btn:hover {
     transform: rotateX(30deg) rotateZ(0);
-}
+}

Components/Buttons/3D-Button/style.css

@@ -1,3 +1,9 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
 body {
     background-color: #ffcbcb;
 }
@@ -96,4 +102,4 @@ section {
     height: calc(100% - 4px);
     background-color: rgba(0, 0, 0, .15);
     box-shadow: 0 1px 1px 0 rgba(255, 255, 255, .75), inset 0 2px 2px rgba(0, 0, 0, .25);
-}
+}

Components/Buttons/Delete-Animation-Button/style.css

@@ -1,3 +1,9 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
 body {
     background-color: lightgoldenrodyellow;
     height: 100vh;
@@ -60,4 +66,4 @@ body {
     opacity: 1;
     transform: translateY(30px);
     transition-duration: .3s;
-}
+}

Components/Cards/3D-Animated-Card/style.css

@@ -44,9 +44,7 @@ p {
     height: 30rem;
     padding: .3rem 1.1rem;
     color: white;
-
     transition: all linear .5s;
-
 }
 
 .card:hover {
@@ -56,4 +54,4 @@ p {
     .content {
         top: 5rem;
     }
-}
+}

Components/Cards/Drag-&-Drop-Card/style.css

@@ -7,6 +7,7 @@ body {
     margin-top: 20px;
     color: white;
     background: radial-gradient(circle, #d3d199, #e78b1b);
+    overflow: hidden;
 }
 
 .drop_container {

Components/Cards/Flip-Card/style.css

@@ -1,3 +1,9 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
 body {
     background-image: url('background-image.jpg');
 }
@@ -47,4 +53,4 @@ body {
     background: radial-gradient(circle, #cdcccc, #181818);
     color: #0d0d0d;
     transform: rotateY(180deg);
-}
+}

Components/Cards/Product-Order-Validation-Card/style.css

@@ -1,3 +1,9 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
 body {
     background-color: rgb(111, 111, 168);
 }

Components/Cards/Profile-Card/style.css

@@ -13,7 +13,6 @@ body {
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     overflow: hidden;
-
 }
 
 .header {

Components/Forms/Contact-Form/style.css

@@ -10,10 +10,8 @@ body {
     padding: 0;
     box-sizing: border-box;
     background-color: black;
-    /* height: 100%;
-    width: 100vw; */
     font-family: "Poppins", sans-serif;
-    /* overflow-y: hidden;  -- Content below is not accessible in small screen*/
+    overflow-x: hidden;
 }
 
 .styling {
@@ -312,4 +310,4 @@ input[type="file"] {
     .main {
         height: 100vh;
     }
-}
+}

Components/Forms/Newsletter-Subscription-Form-2/style.css

@@ -3,6 +3,7 @@ body {
     align-items: center;
     justify-content: center;
     height: 100vh;
+    overflow: hidden;
 }
 
 .form {

Components/Forms/Toggling-SignIn-SignUp-Form/style.css

@@ -5,6 +5,7 @@ body {
     align-items: center;
     justify-content: center;
     background-color: #E8E8E8;
+    overflow: hidden;
 }
 
 .wrapper {

Components/Loaders/Gear-Loader/style.css

@@ -1,5 +1,6 @@
 body {
     background: #F6F6F6;
+    overflow: hidden;
 }
 
 body>h1 {

Components/Loaders/Mouse-On-Wheel-Loader/style.css

@@ -1,3 +1,9 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
 .wheel-and-hamster {
     --dur: 1s;
     position: relative;
@@ -338,4 +344,4 @@
     to {
         transform: rotate(-1turn);
     }
-}
+}

Components/Loaders/Wifi-Loader/style.css

@@ -2,6 +2,7 @@ body {
     background-color: #f5f5f5;
     padding: 0;
     margin: 0;
+    overflow: hidden;
 }
 
 .circle {

Components/Navigation-Bars/Hamburger-Navigation-Bar/style.css

@@ -4,6 +4,7 @@ body {
     display: flex;
     height: 100vh;
     justify-content: center;
+    overflow: hidden;
 }
 
 .phone {

Components/Search-Bars/Glassmorphism-Search-Bar/style.css

@@ -5,6 +5,7 @@ body {
     height: 100vh;
     background: url(https://www.pixelstalk.net/wp-content/uploads/2016/06/Free-Desktop-Gif-Pictures-HD-768x432.gif);
     background-size: cover;
+    overflow: hidden;
 }
 
 input {

Components/Text-Animations/Hovering-Spaced-Text-Animation/style.css

@@ -1,5 +1,6 @@
 body {
     background: radial-gradient(#3bbe5c, #53123a);
+    overflow: hidden;
 }
 
 .container {

Components/Text-Animations/Shuffle-Text-Animation/style.css

@@ -1,5 +1,6 @@
 body {
     background-color: black;
+    overflow: hidden
 }
 
 @import url("//fonts.googleapis.com/css?family=Inconsolata:700");