diff --git a/css/style.css b/css/style.css index 94ebc8f..6bdd870 100644 --- a/css/style.css +++ b/css/style.css @@ -1,12 +1,13 @@ @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;0,900;1,900&display=swap"); body { - font-family: "Poppins", sans-serif !important; + overflow-x: hidden; } * { margin: 0; padding: 0; + font-family: "Poppins", sans-serif !important; box-sizing: border-box; scroll-behavior: smooth; } @@ -14,9 +15,37 @@ body { li { list-style: none !important; } +/******************SCROLLBAR***************/ +::-webkit-scrollbar +{ + background: #0e2431; +} +::-webkit-scrollbar-thumb +{ + background: #3caea3; + border-radius: 10px; +} +::-webkit-scrollbar-thumb:hover +{ + background: #03423c; + border-radius: 10px; +} /******************* HEADER ******************/ +.landing +{ + padding-left: 3vw; + padding-right: 3vw; + position: absolute; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + width: 100%; + height: 100vh; + color: whitesmoke; +} header { overflow: hidden; @@ -511,4 +540,17 @@ hr { .margin-top-mobile { padding-top: 15px; } -} \ No newline at end of file +} +/* @media only screen and (min-width: 600px) +{ + .landing + { + font-size: 0.5em imp !important; + + } + #landingheader + { + font-size: 2em; + } + +} */ \ No newline at end of file diff --git a/index.html b/index.html index 4d70963..0057dad 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,9 @@ - + + + @@ -18,7 +20,7 @@ - Algo Phantoms + Algo Phantoms is an Open Source organization focusses on Data Structure and Algorithms @@ -54,10 +56,18 @@ - + +
+ +