*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Outfit}body{width:100%;overflow-x:hidden;min-height:100vh}h2{font-weight:500}.root-container{width:100%;min-height:100vh}.main-body{width:80%;min-height:100vh;margin:auto}header{background:none;border-bottom:2px solid rgb(0,0,0);position:fixed;left:10%;right:10%;padding:10px;z-index:20000}ul{list-style:none}a{text-decoration:none;color:#000}.light-mode{background-color:#fff;color:#000}.light-mode .bottom-section-p{color:#000}.dark-mode{background-color:#000;color:#fff}.dark-mode header{background:none;background-color:#0000007c;border-color:#fff}.dark-mode .see-more{background-color:#fff}.dark-mode .bottom-section-p{color:#000}.dark-mode .open-project{background-color:#000}.dark-mode .nav-btn,.dark-mode .tools-container button{border-color:#fff}.dark-mode .bottom-section p,.dark-mode .box p,.dark-mode .right-about-side p,.dark-mode .top-desc,.dark-mode .c-desc{color:#fff}.dark-mode .open-project{border:2px solid white;background-color:#f0f8ff;border-radius:5px;vertical-align:middle}.dark-mode .box,.dark-mode .card,.dark-mode .p-card{border:2px solid white}.dark-mode .p-card{border-radius:10px}.dark-mode .btn-group button:first-child{border:2px solid white}.dark-mode .submit-btn{background-color:#fff;color:#000}.dark-mode .contact{background:none}.dark-mode .ft-bottom ul li a{color:#fff}.dark-mode footer hr{background-color:#fff}.dark-mode aside{background-color:#000;border-left:2px solid white}.dark-mode .toggle-btn{border:none}.dark-mode aside ul li a{color:#fff}header{padding:20px 0;background:url(/bg.png);background-position:left;background-size:cover;background-repeat:no-repeat;height:70px}header,.centered-menu,.nav-right,.nav-btn{display:flex;justify-content:space-between;align-items:center}.logo{width:180px}.toggle-btn{background-color:transparent;border:none}.centered-menu li{margin-left:20px}nav{border:2px solid rgba(0,0,0,.1);max-width:600px;width:100%;padding:20px;border-radius:50px;background-color:#fff}.nav-right{gap:20px}.nav-btn{border:2px solid rgba(0,0,0,.1);padding:15px 30px;gap:10px;border-radius:40px;cursor:pointer}.nav-right>img{width:34px;cursor:pointer}.connect{width:15px}.switch-theme-btn{border:none;background-color:transparent;cursor:pointer}@media (max-width: 768px){.logo{width:120px}nav{display:none}header{gap:20px}.nav-right>img{width:30px}.nav-btn{display:none}.nav-right{gap:10px}}@media (min-width: 1021px){.toggle-btn{display:none}}@media (max-width: 1021px){nav{display:none}}@media (min-width: 1022px){header{gap:20px}.nav-right{gap:10px}.logo{width:150px}nav{padding:10px;max-width:460px}.centered-menu{justify-content:center;gap:10px}.nav-btn{padding:10px 20px}.nav-right>img{width:30px}}.top-btn{z-index:111111111111;position:fixed;bottom:20px;right:20px;background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:50px;cursor:pointer;font-size:1rem;display:none}.top-btn.show{display:block;transition:opacity .3s ease-in-out}.top-btn:hover{background-color:#0056b3}aside ul{display:flex;flex-direction:column;align-items:start;padding:20px}aside{position:fixed;top:84px;right:0;width:100%;height:100vh;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;transform:translate(100%);transition:transform .3s ease-in-out;padding:30px;z-index:10001}.open{transform:translate(0)}