header{color:#48356b;background-color:#e4e4e4;align-items:center;text-align:center;height:220px}nav .navlinks ul{display:flex;list-style:none;align-items:center;justify-content:center;margin-left:15px}nav .navlinks ul li{margin-top:4px;margin-right:30px;margin-left:10px}.navlinks a{text-decoration:none;color:#48356b;display:inline-block;transition:color 1s}.navlinks a:hover{color:#4ce082;font-size:20px}h1{padding:2rem;font-size:40px}.logo{flex-direction:column;align-items:center;justify-content:center;text-align:center}.logo img{margin-top:-20px;border-radius:50%;max-width:130px;max-height:130px}body{justify-content:center;text-align:center}body .AboutMe{margin-top:100px;border:1px solid #48356B;padding:1rem;width:90%;align-items:center;justify-content:center;margin-left:5%;border-radius:2rem;background-color:#48356b;color:#e4e4e4}body .AboutMe p{margin-top:5px;padding:1rem}#stacks{color:#f4d44d}#backend{color:#4ce082}#frontend{color:#889eca}#projectSec{width:100%;background-color:#48356b;height:1500px;margin-bottom:-20px;margin-top:-10px}.wave{display:block;width:100%;height:auto;margin-top:-1px}.curve{width:100%;height:80px;margin-top:-80px;margin-bottom:-10}.Projects{margin-top:0;border:1px solid #48356B;padding:.5rem;width:90%;align-items:center;justify-content:center;margin-left:5%;border-radius:2rem;background-color:#48356b;color:#e4e4e4;border-bottom:2px solid #F4D44D;padding:3rem}main .Projects h3{margin-top:50px;padding:.5rem}main .Projects p{margin-top:5px;margin-bottom:10px}.Projects a{padding:10px;text-decoration:none;color:#f4d44d;margin-bottom:20px}#doc a{padding:10px;text-decoration:none;color:#4ce082!important;margin-bottom:20px}#lp{margin-top:40px}#skillSec{width:100%;background-color:#e4e4e4;height:1100px;margin-bottom:-20px;color:#48356b;padding:2px}#skillSec h2{margin-bottom:20px}#skillSec h3{margin-bottom:20px;transition:transform .5s;animation:float 1.5s ease-in-out infinite;font-size:20px}#backendSkill{color:#48356b}.back_end_ul{justify-content:center;align-items:center;width:50px;height:auto;display:flex;margin-left:35%;list-style:none;margin-bottom:50px;animation:moveLeft 10s linear infinite}@keyframes moveLeft{0%{transform:translate(100%);opacity:1}to{transform:translate(-100%);opacity:0}}.back_end_ul img{justify-content:center;align-items:center;width:80px;height:auto;margin-left:60px;margin-top:20px}#frontendSkill{color:#48356b;align-items:center;justify-content:center;text-align:center}.front_end_ul{justify-content:center;align-items:center;width:50px;height:auto;display:flex;margin-left:35%;list-style:none;margin-bottom:50px;text-align:center;transition:transform .5s;animation:moveLeft 10s linear infinite}.front_end_ul img{justify-content:center;align-items:center;text-align:center;width:90px;height:auto;margin-left:35%;margin-top:20px;margin-right:15px;gap:10px}#languageSKill{color:#48356b;align-items:center;justify-content:center;text-align:center;display:flex}.languages_ul{justify-content:center;align-items:center;width:50px;height:auto;display:flex;margin-left:35%;list-style:none;margin-bottom:50px;text-align:center;gap:30px;transition:transform .5s;animation:moveLeft 10s linear infinite}.languages_ul img{justify-content:center;align-items:center;text-align:center;width:90px;height:auto;margin-left:35%;margin-top:20px;margin-right:15px}#dbSkill{color:#48356b;align-items:center;justify-content:center;text-align:center}.database_ul{justify-content:center;align-items:center;width:50px;height:auto;display:flex;margin-left:35%;list-style:none;margin-bottom:50px;text-align:center;transition:transform .5s;animation:moveLeft 10s linear infinite}.database_ul img{justify-content:center;align-items:center;text-align:center;width:120px;height:auto;margin-left:35%;margin-top:20px;margin-right:15px;gap:10px}#versionSkill{color:#48356b;align-items:center;justify-content:center;text-align:center}.version_ul{justify-content:center;align-items:center;width:50px;height:auto;display:flex;margin-left:35%;list-style:none;margin-bottom:50px;text-align:center;transition:transform .5s;animation:moveLeft 10s linear infinite}.version_ul img{justify-content:center;align-items:center;text-align:center;width:90px;height:auto;margin-left:35%;margin-top:20px;margin-right:15px;gap:10px}#skillSec h2{padding-top:40px;font-size:40px}#skillSec{background-color:#e4e4e4}#skillSec h3{animation:moveLeft 10s linear infinite}#contactSec{text-align:center;padding:20px;background-color:#48356b}#contactSec h2{font-size:2rem;color:#48356b;margin-bottom:10px}#contactSec p{font-size:1.2rem;color:#e4e4e4;margin-bottom:20px}.btn-container{display:flex;justify-content:center;gap:15px}.btn-container a{display:inline-block}.btn-container img{width:50px;height:50px;transition:transform .3s}.btn-container img:hover{transform:scale(1.1)}footer{background-color:#e4e4e4;color:#48356b;text-align:center;padding:20px;position:relative;bottom:0;width:100%;margin-bottom:-20px}@media (min-width: 320px){#projectSec{height:1700px}.curve{position:absolute;top:0;opacity:0}#skillSec{height:1200px}}@media (min-width: 360px){.curve{position:absolute;top:2720px;opacity:1}}@media (min-width: 375px){.curve{position:absolute;top:500px;opacity:0}#projectSec{height:1500px}}@media (min-width: 384px){.curve{position:absolute;top:500px;opacity:0}#projectSec{height:1400px}}@media (min-width: 390px){.curve{position:absolute;top:500px;opacity:0}#projectSec{height:1400px}}@media (min-width: 412px){.curve{position:absolute;top:500px;opacity:0}#projectSec{height:1400px}}@media (min-width: 414px){.curve{position:absolute;top:2330px;opacity:1}#projectSec{height:1400px}}@media (min-width: 428px){.curve{position:absolute;top:2310px;opacity:1}#projectSec{height:1400px}}@media (min-width: 810px){.curve{position:absolute;top:500px;opacity:0}#projectSec{height:1150px}}@media (min-width: 800px){.curve{position:absolute;top:500px;opacity:0}#projectSec{height:1200px}.logo{margin-top:40px}@media (min-width: 1440px){#projectSec{height:1100px}.back_end_ul img,.front_end_ul img,.database_ul img,.version_ul img,.languages_ul img{margin-left:400px}}}*{padding:0;margin:0;box-sizing:border-box;font-family:Rubik}body,html{height:3780px;width:100%;box-sizing:border-box}main{overflow-x:hidden}@media (min-width: 800px){html,body{height:3420px}}