@media (prefers-color-scheme: light) {
    body, #content{
        background-color: white;
        color: black;
    }
    #post-preloader{
        background-color: white;
    }
    #post-preloader #line{
        background-color: rgb(96, 71, 217);
    }
    navbar{
        background-color: inherit;
        color: black;
        -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
        box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    }
    navbar #navbar-name, navbar .navbar-link:hover, .half-half .about #greetings, .section .title, .experience-company{
        color:rgb(96, 71, 217);
    }
    #side-navbar{
        background-color: white;
    }
    .rounded-button{
        border: 2px solid rgb(96, 71, 217);
        color: black;
    }
    .rounded-button:hover{
        background-color: rgba(96, 71, 217, 0.2);
        color: inherit;
    }
    footer{
        background-color: rgb(96, 71, 217);
    }
    .floating-circle,#cursor-follower{
        background-color:rgb(96, 71, 217);
    }
    .experience{
        border-bottom: 0px solid rgb(96, 71, 217);
    }
    .project-git:hover, .project-demo:hover{
        background-color: rgba(0, 0, 0, 0.1);
    }
    ::-moz-selection {
        background: rgb(96, 71, 217);
        color: white;
    }
    ::selection {
        background: rgb(96, 71, 217);
        color: white;
    }
    .back-to-portfolio{
        background-color: rgb(96, 71, 217);
    }
    #rag-username{
        color: black;
    }
}

@media (prefers-color-scheme: dark){
    body, #content{
        background-color: rgb(24,25,40);
        color: white;
    }
    #post-preloader{
        background-color: rgb(24,25,40);
    }
    #post-preloader #line{
        background-color: rgb(172, 37, 58);
    }
    navbar{
        background-color: rgb(24,25,40);
        color: white;
        -webkit-box-shadow: 0 8px 6px -6px rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 8px 6px -6px rgba(255, 255, 255, 0.2);
        box-shadow: 0 8px 6px -6px rgba(255, 255, 255, 0.2);
    }
    navbar #navbar-name, navbar .navbar-link:hover, .half-half .about #greetings, .section .title, .experience-company{
        color:rgb(172, 37, 58);
    }
    #side-navbar{
        background-color: rgb(24,25,40);
    }
    .rounded-button{
        border: 2px solid rgb(172, 37, 58);
        color:white;
    }
    .rounded-button:hover{
        background-color: rgba(172, 37, 58, 0.2);
        color: inherit;
    }
    footer{
        background-color: rgb(172, 37, 58);
    }.floating-circle,#cursor-follower{
        background-color:rgb(172, 37, 58);
    }
    .experience{
        border-bottom: 0px solid rgb(172, 37, 58);
    }
    .project-git:hover, .project-demo:hover{
        background-color: rgba(255, 255, 255, 0.1);
    }
    ::-moz-selection {
        background: rgb(172, 37, 58);
    }
    ::selection {
        background: rgb(172, 37, 58);
    }
    .back-to-portfolio{
        background-color: rgb(172, 37, 58);
    }
    #rag-username{
        color: white;
    }
}