From 73511da2e610d9e39bb3c21b5d2f5b3532d0daaf Mon Sep 17 00:00:00 2001 From: ayan878 Date: Thu, 9 Mar 2023 22:38:21 +0530 Subject: [PATCH 1/4] title update --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 64c5cda..9975663 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@
- +
    @@ -33,7 +33,7 @@

    With the India's largest
    Tutorial Site.

    -

    Welcome to Arise Tech


    +

    Welcome to Webster


    The ultimate resource for computer science students!
    Whether you're just starting out or looking to enhance your skills
    our comprehensive tutorials and guides From 2ed22f60b680993b4d986658af40c5789eedf5cb Mon Sep 17 00:00:00 2001 From: ayan878 Date: Fri, 10 Mar 2023 03:42:13 +0530 Subject: [PATCH 2/4] commit --- index.html | 66 ++++++++++++-------------- style.css | 136 ++++++++++++++++++++++++++++++++++++----------------- 2 files changed, 122 insertions(+), 80 deletions(-) diff --git a/index.html b/index.html index 9975663..5f565b3 100644 --- a/index.html +++ b/index.html @@ -5,59 +5,55 @@ -
    -
    -
    - -
    -
    - -
    - +
    +
    + + +

    With the India's largest
    Tutorial Site.

    -

    -

    Welcome to Webster


    +
    +

    Welcome to Webster

    +

    The ultimate resource for computer science students! -
    Whether you're just starting out or looking to enhance your - skills
    our comprehensive tutorials and guides - cover everything from
    programming languages to algorithms and data - structures.
    + Whether you're just starting out or looking to enhance your + skills our comprehensive tutorials and guides + cover everything from programming languages to algorithms and data + structures. With easy-to-follow explanations, practical examples, and interactive - exercises
    + exercises you'll be able to master the fundamentals and advance your knowledge - in no time.
    + in no time. Join our community of learners and let's embark on a journey of - discovery
    + discovery and growth in the exciting world of computer science!"

    -
    +
    +
    -

    Login Here

    - - +

    Sign in to Webster

    + + -

    Don't have an account
    - Sign Up Here

    -

    Login With

    +

    Don't have an account? + Sign Up

    +
    @@ -65,8 +61,6 @@

    Login Here

    - -
    diff --git a/style.css b/style.css index f7a8bef..7351eae 100644 --- a/style.css +++ b/style.css @@ -1,18 +1,37 @@ +/* Gredient color: background: rgb(2,0,36); +background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); +Primary color:#0073ff +secoundary color: +box-shadow: 0 0 6px rgba(255, 255, 255, 0.25);*/ + * { margin: 0; padding: 0; + box-sizing: border-box; } -.main { - width: 100%; +body { + font-family: "inter", sans-serif; background: linear-gradient( to top, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 50% ), url(2.jpg); - background-position: center; - background-size: cover; - height: 109vh; +} +.nav { + display: flex; + gap: 12px; + box-shadow: 0 0 6px rgba(255, 255, 255, 0.25); + background: radial-gradient( + circle at -0.1% 100.8%, + rgb(0, 234, 255) 0.2%, + rgb(0, 124, 255) 59.1%, + rgb(198, 0, 255) 100.2% + ); + + /* background-position: center; */ + /* background-size: cover; */ + /* height: 109vh; */ } .navbar { width: 1200px; @@ -26,7 +45,7 @@ } .logo { - color: #e9e9e9; + color: #fff; font-size: 35px; font-family: Arial; padding-left: 20px; @@ -72,32 +91,29 @@ ul li a:hover { margin-left: 270px; } .srch { - margin-top: 13px; + margin-top: 12px; font-family: "Times New Roman"; width: 200px; height: 40px; background: transparent; border: 1px solid #0073ff; - border-color: #0073ff; color: #fff; border-right: none; font-size: 16px; float: left; padding: 10px; - border-bottom-left-radius: 5px; - border-bottom-left-radius: 5px; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .btn { width: 100px; height: 40px; background: #0073ff; border: 2px solid #0073ff; - margin-top: 13px; + /* margin-top: 13px; */ color: #fff; - font-size: 15px; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - border-bottom-right-radius: 5px; + font-size: 12px; + margin: 14px auto; } .btn:focus { outline: none; @@ -109,7 +125,7 @@ ul li a:hover { .content { width: 1200px; height: auto; - margin: auto; + margin: 86px; color: #fff; position: relative; } @@ -127,6 +143,14 @@ ul li a:hover { margin-top: 9%; letter-spacing: 2px; } +.text { + width: 600px; + line-height: 1.5; + margin-top: 14px; + display: flex; + flex-direction: column; + gap: 12px; +} .content .cn { width: 160px; height: 40px; @@ -138,6 +162,7 @@ ul li a:hover { border-radius: 18px; cursor: pointer; transition: 0.4s ease; + box-shadow: 0 0 6px rgba(255, 255, 255, 0.25); } .content .cn a { text-decoration: none; @@ -152,63 +177,82 @@ ul li a:hover { font-size: 60px; } +/* Form Code Start +--------------------- */ .form { - width: 250px; + width: 300px; height: 380px; - background: linear-gradient( + /* background: linear-gradient( to top, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.8) 50% + ); */ + + background: linear-gradient( + 90deg, + rgba(2, 0, 36, 1) 0%, + rgba(9, 9, 121, 1) 35%, + rgb(66, 49, 175) 100% ); + box-shadow: 0 0 10px rgba(215, 213, 213, 0.25); position: absolute; top: -20px; left: 870px; - border-radius: 10px; - padding: 25px; + border-radius: 8px; + padding: 14px; } .form h2 { width: 220px; font-family: sans-serif; text-align: center; - color: #0073ff; + color: #ffffff; font-size: 22px; - background-color: #fff; - border-radius: 10px; - margin: 2px; - padding: 8px; + /* background-color: #fff; */ + /* border-radius: 8px; */ + margin: 20px auto; + padding: 4px; } .form input { - width: 240px; - height: 35px; + display: flex; + flex-direction: column; + width: 200px; + height: 36px; background: transparent; + border: none; border-bottom: 1px solid #0073ff; - border-top: none; - border-right: none; - border-left: none; color: #fff; font-size: 15px; letter-spacing: 1px; margin-top: 30px; - font-family: sans-serif; + margin: 10px auto; + font-family: "inter" sans-serif; } .form input:focus { outline: none; } ::placeholder { color: #fff; - font-family: Arial; + font-family: "inter", sans-serif; + font-size: 16px; } .btnn { - width: 240px; - height: 40px; - background: #0073ff; + width: 202px; + height: 36px; + background: radial-gradient( + circle at -0.1% 100.8%, + rgb(0, 234, 255) 0.2%, + rgb(0, 124, 255) 59.1%, + rgb(198, 0, 255) 100.2% + ); border: none; - margin-top: 30px; font-size: 18px; - border-radius: 10px; + border-radius: 8px; cursor: pointer; color: #fff; transition: 0.4s ease; + margin-top: 20px; + margin-left: 34px; + box-shadow: 0 0 10px rgba(215, 213, 213, 0.25); } .btnn:hover { background: #fff; @@ -216,27 +260,31 @@ ul li a:hover { } .btnn a { text-decoration: none; - color: #000; + color: #fff; font-weight: bold; } .form .link { - font-family: Arial, Helvetica, sans-serif; - font-size: 17px; - padding: 20px; - text-align: center; + margin-left: 30px; + font-family: "inter", sans-serif; + font-size: 12px; + padding: 8px; + text-align: left; } .form .link a { text-decoration: none; color: #0073ff; } -.liw { +/* .liw { padding-top: 3px; padding-bottom: 10px; text-align: center; -} +} */ .icon { text-decoration: none; color: #fff; + display: flex; + flex-direction: row; + margin: 10px 50px; } .icon ion-icon { color: #fff; From c3f9d63a8894d12c70267741f6e9267b34465145 Mon Sep 17 00:00:00 2001 From: ayan878 Date: Sat, 11 Mar 2023 19:41:43 +0530 Subject: [PATCH 3/4] commit --- index.html | 103 ++++++++++++++---------------- style.css | 180 +++++++++++++++++++++++++++++++---------------------- 2 files changed, 154 insertions(+), 129 deletions(-) diff --git a/index.html b/index.html index 5f565b3..a26f065 100644 --- a/index.html +++ b/index.html @@ -5,69 +5,62 @@ - + + - -
    -

    With the India's largest
    Tutorial Site.

    -
    + +
    +
    +

    With the India's largest
    Tutorial Site.

    +

    Welcome to Webster

    - The ultimate resource for computer science students! - Whether you're just starting out or looking to enhance your - skills our comprehensive tutorials and guides - cover everything from programming languages to algorithms and data - structures. - With easy-to-follow explanations, practical examples, and interactive - exercises - you'll be able to master the fundamentals and advance your knowledge - in no time. - Join our community of learners and let's embark on a journey of - discovery - and growth in the exciting world of computer science!" + The ultimate resource for computer science students! Whether you're + just starting out or looking to enhance your skills our comprehensive + tutorials and guides cover everything from programming languages to + algorithms and data structures. With easy-to-follow explanations, + practical examples, and interactive exercises you'll be able to master + the fundamentals and advance your knowledge in no time. Join our + community of learners and let's embark on a journey of discovery and + growth in the exciting world of computer science!"

    - - -
    -

    Sign in to Webster

    - - - -

    Don't have an account? - Sign Up

    - -
    - - - - - - -
    -
    -
    -
    - +
    + +
    +

    Sign in to Webster

    + + + +

    Don't have an account? Sign Up

    + +
    + + + + + +
    +
    diff --git a/style.css b/style.css index 7351eae..d63d0ad 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,12 @@ /* Gredient color: background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); Primary color:#0073ff + background: linear-gradient( + 90deg, + rgba(2, 0, 36, 1) 0%, + rgba(9, 9, 121, 1) 35%, + rgb(66, 49, 175) 100% + ); secoundary color: box-shadow: 0 0 6px rgba(255, 255, 255, 0.25);*/ @@ -11,37 +17,63 @@ box-shadow: 0 0 6px rgba(255, 255, 255, 0.25);*/ } body { font-family: "inter", sans-serif; - background: linear-gradient( + /* background: linear-gradient( to top, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 50% ), - url(2.jpg); + url("2.jpg"); + */ + + background: linear-gradient( + 138deg, + rgb(32, 201, 255) 36.7%, + rgb(0, 8, 187) 84.4%, + rgb(255, 255, 255) 119.7% + ); + border-style: dotted; + } + .nav { + width: 100%; + height: 5rem; display: flex; - gap: 12px; + flex-direction: row; + gap: 0.5rem; box-shadow: 0 0 6px rgba(255, 255, 255, 0.25); - background: radial-gradient( - circle at -0.1% 100.8%, - rgb(0, 234, 255) 0.2%, - rgb(0, 124, 255) 59.1%, - rgb(198, 0, 255) 100.2% +} +.navbar { + width: 8rem; + height: 2rem; + margin: 22px 10px; + + background: linear-gradient( + 90deg, + rgba(2, 0, 36, 1) 0%, + rgba(9, 9, 121, 1) 35%, + rgb(66, 49, 175) 100% ); + box-shadow: 0 0 10px rgba(255, 255, 255, 0.25); + border: none; + border-radius: 0.5rem; + font-size: 1rem; + font-weight: bold; +} - /* background-position: center; */ - /* background-size: cover; */ - /* height: 109vh; */ +.navbar a { + color: #fff; + text-decoration: none; } -.navbar { - width: 1200px; - height: 75px; - margin: auto; +.hero { + width: 100%; + display: grid; + grid-template-columns: auto; } .icon { width: 200px; float: left; - height: 70px; + height: 2rem; } .logo { @@ -55,46 +87,16 @@ body { .logo span { color: #0073ff; } -.menu { - width: 400px; - float: left; - height: 70px; -} -ul { - float: left; - display: flex; - justify-content: center; - align-items: center; -} -ul li { - list-style: none; - margin-left: 62px; - margin-top: 27px; - font-size: 14px; -} - -ul li a { - text-decoration: none; - color: #fff; - font-family: Arial; - font-weight: bold; - transition: 0.4s ease-in-out; -} ul li a:hover { color: #0073ff; } -.search { - width: 330px; - float: left; - margin-left: 270px; -} .srch { - margin-top: 12px; - font-family: "Times New Roman"; + margin-top: 22px; + font-family: "inter", sans-serif; width: 200px; - height: 40px; + height: 24px; background: transparent; border: 1px solid #0073ff; color: #fff; @@ -105,15 +107,18 @@ ul li a:hover { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } -.btn { - width: 100px; - height: 40px; +.srch::placeholder { + color: grey; +} +.search_btn { + width: 60px; + height: 24px; background: #0073ff; border: 2px solid #0073ff; - /* margin-top: 13px; */ + margin-left: 22px; color: #fff; font-size: 12px; - margin: 14px auto; + margin: 22px auto; } .btn:focus { outline: none; @@ -121,30 +126,33 @@ ul li a:hover { .srch:focus { outline: none; } +/* description/hero section */ +.hero { + display: flex; + justify-content: space-evenly; + align-items: center; +} .content { - width: 1200px; + margin-top: 30px; + width: 590px; height: auto; - margin: 86px; + right: 20%; color: #fff; position: relative; + /* background-color: red; */ } -.content .par { - padding-left: 20px; - padding-bottom: 25px; - font-family: Arial; - letter-spacing: 1.2px; - line-height: 30px; -} + .content h1 { font-family: "Times New Roman"; font-size: 50px; - padding-left: 20px; - margin-top: 9%; + /* padding-left: 20px; */ + /* margin-top: 9%; */ letter-spacing: 2px; } .text { - width: 600px; + font-size: 1rem; + text-align: justify; line-height: 1.5; margin-top: 14px; display: flex; @@ -162,11 +170,17 @@ ul li a:hover { border-radius: 18px; cursor: pointer; transition: 0.4s ease; + background: linear-gradient( + 90deg, + rgba(2, 0, 36, 1) 0%, + rgba(9, 9, 121, 1) 35%, + rgb(66, 49, 175) 100% + ); box-shadow: 0 0 6px rgba(255, 255, 255, 0.25); } .content .cn a { text-decoration: none; - color: #000; + color: #fff; transition: 0.3s ease; } .cn:hover { @@ -196,10 +210,12 @@ ul li a:hover { ); box-shadow: 0 0 10px rgba(215, 213, 213, 0.25); position: absolute; - top: -20px; + top: 8rem; left: 870px; + right: 0.2rem; border-radius: 8px; padding: 14px; + margin-right: 36px; } .form h2 { width: 220px; @@ -227,6 +243,9 @@ ul li a:hover { margin: 10px auto; font-family: "inter" sans-serif; } +.form p{ + color: #fff; +} .form input:focus { outline: none; } @@ -235,6 +254,7 @@ ul li a:hover { font-family: "inter", sans-serif; font-size: 16px; } + .btnn { width: 202px; height: 36px; @@ -242,7 +262,7 @@ ul li a:hover { circle at -0.1% 100.8%, rgb(0, 234, 255) 0.2%, rgb(0, 124, 255) 59.1%, - rgb(198, 0, 255) 100.2% + rgb(155, 67, 180) 100.2% ); border: none; font-size: 18px; @@ -274,11 +294,6 @@ ul li a:hover { text-decoration: none; color: #0073ff; } -/* .liw { - padding-top: 3px; - padding-bottom: 10px; - text-align: center; -} */ .icon { text-decoration: none; color: #fff; @@ -298,3 +313,20 @@ ul li a:hover { .icon ion-icon:hover { color: #0073ff; } +/* making responsive */ +/* small device/smartphones */ + +/* @media only screen and(max-width:537px) { + .form{ + background: red; + } + form h1{ + color: pink; + font-size: 1rem; + } +} */ + + + + + From 7f8bbd3d84d7c37641b2e997ce4efd0b883dd169 Mon Sep 17 00:00:00 2001 From: Ayan Raza Date: Sat, 25 Mar 2023 15:09:11 +0530 Subject: [PATCH 4/4] commit --- .vscode/settings.json | 3 + chech.h | 0 index.html | 10 ++- majicNav.css | 145 ++++++++++++++++++++++++++++++++++++++++++ majicNav.html | 64 +++++++++++++++++++ responsive.css | 58 +++++++++++++++++ style.css | 62 ++++++++---------- 7 files changed, 304 insertions(+), 38 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 chech.h create mode 100644 majicNav.css create mode 100644 majicNav.html create mode 100644 responsive.css diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..febb024 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "githubPullRequests.ignoredPullRequestBranches": ["main"] +} diff --git a/chech.h b/chech.h new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html index a26f065..77cc0ca 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,13 @@ - arise tech + Webster + + - +
    @@ -61,6 +63,8 @@

    Sign in to Webster

+ + diff --git a/majicNav.css b/majicNav.css new file mode 100644 index 0000000..1627dec --- /dev/null +++ b/majicNav.css @@ -0,0 +1,145 @@ +* +{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +body +{ + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + background: #222327; +} +.navigation +{ + position: relative; + width: 400px; + height: 60px; + background: #6d1e1e; + display: flex; + justify-content: center; + align-items: center; + border-radius: 10px; +} +.navigation ul +{ + display: flex; + width: 350px; +} +.navigation ul li +{ + list-style: none; + position: relative; + /* 350 / 5 = 70 */ + width: 70px; + height: 60px; + z-index: 2; +} +.navigation ul li a +{ + position: relative; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + width: 100%; + text-align: center; +} +.navigation ul li a .icon +{ + position: relative; + display: block; + line-height: 65px; + font-size: 1.5em; + width: 55px; + height: 55px; + border-radius: 50%; + transition: 0.5s; + transition-delay: 0s; + color: #222327; +} +.navigation ul li.active a .icon +{ + transform: translateY(-27px); + color: #fff; + transition-delay: 0.25s; + background: var(--clr); +} +.navigation ul li a .icon::before +{ + content: ''; + position: absolute; + top: 10px; + left: 0; + width: 100%; + height: 100%; + transition: 0.5s; + transition-delay: 0s; + border-radius: 50%; + background: var(--clr); + filter: blur(5px); + opacity: 0; +} +.navigation ul li.active a .icon::before +{ + transition-delay: 0.5s; + opacity: 0.5; +} +.indicator +{ + position: absolute; + top: -35px; + width: 70px; + height: 70px; + background: #fff; + border-radius: 50%; + z-index: 1; + transition: 0.5s; +} +.indicator::before +{ + content: ''; + position: absolute; + top: 5px; + left: -28px; + width: 30px; + height: 30px; + background: transparent; + border-radius: 50%; + box-shadow: 15px 18px #fff; +} +.indicator::after +{ + content: ''; + position: absolute; + top: 5px; + right: -28px; + width: 30px; + height: 30px; + background: transparent; + border-radius: 50%; + box-shadow: -15px 18px #fff; +} + +.navigation ul li:nth-child(1).active ~ .indicator +{ + transform: translateX(calc(70px * 0)); +} +.navigation ul li:nth-child(2).active ~ .indicator +{ + transform: translateX(calc(70px * 1)); +} +.navigation ul li:nth-child(3).active ~ .indicator +{ + transform: translateX(calc(70px * 2)); +} +.navigation ul li:nth-child(4).active ~ .indicator +{ + transform: translateX(calc(70px * 3)); +} +.navigation ul li:nth-child(5).active ~ .indicator +{ + transform: translateX(calc(70px * 4)); +} \ No newline at end of file diff --git a/majicNav.html b/majicNav.html new file mode 100644 index 0000000..e101269 --- /dev/null +++ b/majicNav.html @@ -0,0 +1,64 @@ + + + +Magic Menu Indicator | 03 + + + + +
+ +
+ + + + + + + \ No newline at end of file diff --git a/responsive.css b/responsive.css new file mode 100644 index 0000000..cd814bf --- /dev/null +++ b/responsive.css @@ -0,0 +1,58 @@ +/* for small device/smartphones */ + +@media (max-width: 537px) { + .form { + /* background-color: red; + width: 40%; */ + display: none; + } + .form > h2 { + font-size: 1.3rem; + color: yellow; + } + .hero .content, + .hero .form { + width: 50%; + } + + body{ + background-color: white !important; + } + .navbar{ + + + + } + + + .nav { + width: 50%; + display: flex; + flex-direction: row; + gap: 0.5rem; + /* box-shadow: 14px 0 6px 4px rgba(255, 255, 255, 0.25); */ + background: blue; + display: inline-block; +margin-top: 60px; +position: relative; + +} +.navbar{ + background-color: red !important; + margin: 2px 5px 3px 5px; +} +nav h1{ + position:absolute; + left: -10; + bottom: 0; +} + +.content{ + display: none; + width: 45%; + min-height: 800px; + background-color: orange; +} +} + + diff --git a/style.css b/style.css index d63d0ad..eca2b4a 100644 --- a/style.css +++ b/style.css @@ -14,16 +14,17 @@ box-shadow: 0 0 6px rgba(255, 255, 255, 0.25);*/ margin: 0; padding: 0; box-sizing: border-box; + font-family: "inter", sans-serif; } body { + height: 100vh; font-family: "inter", sans-serif; /* background: linear-gradient( to top, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 50% - ), - url("2.jpg"); - */ + ) + url("2.jpg"); */ background: linear-gradient( 138deg, @@ -31,8 +32,9 @@ body { rgb(0, 8, 187) 84.4%, rgb(255, 255, 255) 119.7% ); - border-style: dotted; - + background-size: cover; + + } .nav { @@ -41,10 +43,10 @@ body { display: flex; flex-direction: row; gap: 0.5rem; - box-shadow: 0 0 6px rgba(255, 255, 255, 0.25); + box-shadow: 14px 0 6px 4px rgba(255, 255, 255, 0.25); } .navbar { - width: 8rem; + width: 7.7rem; height: 2rem; margin: 22px 10px; @@ -59,6 +61,12 @@ body { border-radius: 0.5rem; font-size: 1rem; font-weight: bold; + list-style: none; + text-align: center; + + + + /* display: inline-block; */ } .navbar a { @@ -85,9 +93,8 @@ body { padding-top: 10px; } .logo span { - color: #0073ff; + color: #6217e4; } - ul li a:hover { color: #0073ff; } @@ -96,9 +103,9 @@ ul li a:hover { margin-top: 22px; font-family: "inter", sans-serif; width: 200px; - height: 24px; + height: 2rem; background: transparent; - border: 1px solid #0073ff; + border: 1px solid #fff; color: #fff; border-right: none; font-size: 16px; @@ -108,15 +115,15 @@ ul li a:hover { border-bottom-left-radius: 8px; } .srch::placeholder { - color: grey; + color: #fff; } .search_btn { width: 60px; - height: 24px; - background: #0073ff; - border: 2px solid #0073ff; + height: 2rem; + background: #3de417; + border: 1px solid #ffffff; margin-left: 22px; - color: #fff; + color: #0073ff; font-size: 12px; margin: 22px auto; } @@ -126,6 +133,7 @@ ul li a:hover { .srch:focus { outline: none; } + /* description/hero section */ .hero { @@ -140,7 +148,6 @@ ul li a:hover { right: 20%; color: #fff; position: relative; - /* background-color: red; */ } .content h1 { @@ -187,7 +194,7 @@ ul li a:hover { background-color: #fff; } .content span { - color: #0073ff; + color: #6217e4; font-size: 60px; } @@ -243,7 +250,7 @@ ul li a:hover { margin: 10px auto; font-family: "inter" sans-serif; } -.form p{ +.form p { color: #fff; } .form input:focus { @@ -252,7 +259,7 @@ ul li a:hover { ::placeholder { color: #fff; font-family: "inter", sans-serif; - font-size: 16px; + font-size: 1rem; } .btnn { @@ -313,20 +320,5 @@ ul li a:hover { .icon ion-icon:hover { color: #0073ff; } -/* making responsive */ -/* small device/smartphones */ - -/* @media only screen and(max-width:537px) { - .form{ - background: red; - } - form h1{ - color: pink; - font-size: 1rem; - } -} */ - - -