diff --git a/style.css b/style.css
deleted file mode 100644
index f3fb708..0000000
--- a/style.css
+++ /dev/null
@@ -1,391 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
-
-*{
-    padding: 0;
-    margin: 0;
-    outline: none;
-    border: none;
-    box-sizing: border-box;
-}
-
-img{
-    width: 100%;
-    display: flex;
-}
-
-a{
-    text-decoration: none;
-}
-
-body{
-    font-family: 'Poppins', sans-serif;
-    background-color: #0f1729;
-}
-
-nav{
-    max-width: 1200px;
-    margin: auto;
-    padding: 2rem 1rem;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 2rem;
-}
-
-.nav-logo{
-    margin-top: 1.5%;
-    max-width: 70px;
-}
-
-.nav-links{
-    list-style: none;
-    display: flex;
-    align-items: center;
-    gap: 2rem;
-}
-
-.link a{
-    position: relative;
-    padding-bottom: 0.75rem;
-    color: #7d91b0;
-}
-
-.link a::after{
-    content: "";
-    position: absolute;
-    height: 2px;
-    width: 0;
-    bottom: 0;
-    left: 0;
-    background: linear-gradient(90deg, #0ea5ea, #0bd1d1 51%);
-    transition: all 0.3s ease;
-}
-
-.link a:hover::after{
-    width: 70%;
-}
-
-.btn{
-    padding: 1rem 2rem;
-    font-size: 1rem;
-    color: #fff;
-    background: linear-gradient(90deg, #0ea5ea, #0bd1d1 51%);
-    border-radius: 5px;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.btn:hover{
-    background: linear-gradient(90deg, #0ea5ea, #0bd1d1);
-}
-
-.container{
-    max-width: 1200px;
-    margin: auto;
-    padding: 5rem 2rem;
-}
-
-.blur{
-    position: absolute;
-    box-shadow: 0 0 1000px 50px #0bd1d1;
-    z-index: -100;
-}
-
-header{
-    position: relative;
-    padding-top: 2rem;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    align-items: center;
-    gap: 2rem;
-}
-
-header .content h4{
-    margin-bottom: 1rem;
-    color: #7d91b0;
-    font-size: 1rem;
-    font-weight: 600;
-}
-
-header .content h1{
-    color: #fff;
-    margin-bottom: 1rem;
-    font-size: 3rem;
-    font-weight: 700;
-    line-height: 4rem;
-}
-
-header .content h1 span{
-    text-transform: capitalize;
-    background: linear-gradient(90deg, #0ea5ea, #0bd1d1);
-    -webkit-text-fill-color: transparent;
-    -webkit-background-clip: text;
-}
-
-
-header .content p{
-    margin-bottom: 2rem;
-    color: #7d91b0;
-}
-
-header .image{
-    position: relative;
-}
-
-
-header .image img{
-    max-width: 600px;
-    margin: auto;
-}
-
-section .header{
-    margin-bottom: 1rem;
-    color: #fff;
-    text-align: center;
-    font-size: 2.25rem;
-    font-weight: 600;
-}
-
-.features{
-    margin-top: 4rem;
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 2rem;
-}
-
-.features .card{
-    background-color: #131b30;
-    padding: 1rem;
-    border: 2px solid transparent;
-    border-radius: 15px;
-    border-color: #223044;
-    transition: all 0.3s ease;
-}
-
-.features .card:hover{
-    background-color: #151f3a;
-    border-color: #fff;
-}
-
-.features .card span{
-    display: inline-block;
-    background: linear-gradient(90deg, #0ea5ea, #0bd1d1);
-    padding: 2px 9px;
-    margin-bottom: 1rem;
-    font-size: 1.75rem;
-    color: #fff;
-    border-radius: 5px;
-}
-
-.features .card h4{
-    margin-bottom: 0.5rem;
-    color: #fff;
-    font-size: 1.2rem;
-    font-weight: 600;
-}
-
-.features .card p{
-    color: #ccc;
-    margin-bottom: 1rem;
-}
-
-.features .card a{
-    color: #fff;
-    transition: all 0.3s ease;
-}
-
-.features .card a:hover{
-   background-image:linear-gradient(90deg, #0ea5ea, #0bd1d1);
-    display: inline-block;
-    -webkit-text-fill-color: transparent;
-    -webkit-background-clip: text;
-}
-
-.sub-header{
-    max-width: 600px;
-    margin: auto;
-    text-align: center;
-    color: #7d91b0;
-}
-
-.project-card {
-    background-color: #fff;
-    border: 1px solid #fff;
-    min-height: 14em;
-    width: 23em;
-    overflow: hidden;
-    border-radius: 10px;
-    margin: 20px;
-    transition: 0.7s ease;
-}
-
-.project-card:hover {
-   transform: scale(1.1);
-}
-
-.project-card:hover .project-image {
-    opacity: 0.9;
- }
-.pricing{
-    margin-top: 1rem;
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 2rem;
-}
-
-.pricing .card{
-    padding: 2rem 1rem;
-    background-color: #131b30;
-    display: flex;
-    flex-direction: column;
-    border: 2px solid transparent;
-    border-color: #223044;
-    border-radius: 15px;
-    transition: all 0.3s ease;
-}
-.pricing img{
-        border-radius: 2%;
-        margin-bottom: .5rem;
-}
-
-.pricing .card:hover{
-    background-color: #151f3a;
-    border-color: #fff;
-}
-
-.pricing .card .content{
-    flex: 1;
-    margin-bottom: .5rem;
-}
-
-.pricing .card h3{
-    color: #fff;
-    margin-bottom: .5rem;
-    font-size: 2rem;
-    font-weight: 600;
-}
-
-.pricing .card p{
-    color: #7d91b0;
-    margin-bottom: .5rem;
-}
-
-.pricing .card button{
-    color: #fff;
-    background-color: transparent;
-    border: 2px solid transparent;
-}
-
-.pricing .card button:hover{
-    background-color: #0bd1d1;
-    border-color: #fff;
-}
-
-footer{
-    position: relative;
-    display: grid;
-    grid-template-columns: 400px repeat(3, 1fr);
-    gap: 2rem;
-}
-
-footer .column .logo{
-    max-width: 100px;
-    margin-bottom: 2rem;
-}
-
-footer .column p{
-    color: #ccc;
-    margin-bottom: 2rem;
-}
-
-footer .column .socials{
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-}
-
-footer .column .socials a{
-    color: #ccc;
-    border: 1px solid #ccc;
-    padding: 5px 10px;
-    font-size: 1.25rem;
-    border-radius: 100%;
-    transition: all 0.3s ease;
-}
-
-footer .column .socials a:hover{
-    color: #fff;
-    background:linear-gradient(90deg, #0ea5ea, #0bd1d1);
-    -webkit-text-fill-color: transparent;
-    -webkit-background-clip: text;
-    border-color: #0bd1d1;
-}
-
-footer .column h4{
-    color: #fff;
-    margin-bottom: 2rem;
-    font-size: 1.2rem;
-    font-weight: 500;
-}
-
-footer .column > a{
-    display: block;
-    color: #ccc;
-    margin-bottom: 1rem;
-    transition: all 0.3s ease;
-}
-
-footer .column > a:hover{
-    background-image:linear-gradient(90deg, #0ea5ea, #0bd1d1);
-    display: inline-block;
-    -webkit-text-fill-color: transparent;
-    -webkit-background-clip: text;
-}
-
-.copyright{
-    max-width: 1200px;
-    margin: auto;
-    padding: 1rem;
-    color: #fff;
-    font-size: 0.8rem;
-    text-align: center;
-}
-
-@media (width < 900px){
-    .nav-links{
-        display: none;
-    }
-    header{
-        grid-template-columns: repeat(1, 1fr);
-    }
-    header .image{
-        grid-area: 1/1/2/2;
-    }
-    .features{
-        grid-template-columns: repeat(2, 1fr);
-    }
-    .pricing{
-        grid-template-columns: repeat(2, 1fr);
-    }
-    footer{
-        grid-template-columns: 1fr 200px;
-    }
-}
-
-@media (width < 600px){
-    header .image::before{
-        display: none;
-    }
-
-    .features{
-        grid-template-columns: repeat(1, 1fr);
-    }
-
-    .pricing{
-        grid-template-columns: repeat(1, 1fr);
-    }
-
-    footer{
-        grid-template-columns: 1fr 150px;
-    }
-}
\ No newline at end of file