html{scroll-behavior:smooth!important;scroll-padding-top:60px}body{background-color:#1e1e2f}.appContainer{display:flex}.leftFixed{display:flex;justify-content:center;width:45%;padding:40px;position:fixed;left:0;top:0;bottom:0;z-index:1}.rightScroll{display:flex;flex-direction:column;width:55%;padding:40px;margin-left:45%;gap:50px}.hamburger{display:none;align-items:center;gap:10px}.mediaName{display:none;color:#8b5cf6;font-weight:700}.icon{transition:transform .5s ease-in-out;color:#e2e8f0}.header{margin-bottom:50px;display:flex;justify-content:space-around;align-items:center;position:fixed;top:0;left:0;z-index:1000;color:#e2e8f0;box-shadow:0 5px 10px #95959532;width:100%;background-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header ul{padding-left:55%}.header ul li{display:inline;padding-left:50px;font-family:Verdana,Geneva,Tahoma,sans-serif}.header ul li a{text-decoration:none;color:#e2e8f0}.header ul li a:hover{color:#b494ff}.footer{margin-top:50px;color:#e2e8f0}.sticky-name{position:sticky;top:0;width:100%;background-color:#0f0f1c;padding:10px 0;text-align:center;font-weight:700;color:#8b5cf6;z-index:1;transition:all .3s ease-in-out}.outerBanner{display:flex;margin-top:60px;color:#e2e8f0}.bannerLeft{text-align:center;font-family:Arial,Helvetica,sans-serif}.bannerLeft h1{font-size:50px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;color:#8b5cf6}.outerAbout{display:flex;justify-content:center}.about{justify-items:center;line-height:2;font-family:Arial,Helvetica,sans-serif;color:#e2e8f0}.resume{text-align:center;line-height:3;font-family:Arial,Helvetica,sans-serif;color:#e2e8f0}.resumeBtn{padding:10px 15px;color:#1e1e2f;background-color:#8b5cf6;font-size:17px;border-style:none;border:2px solid #8b5cf6;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.resumeBtn:hover{background-color:#1e1e2f;color:#8b5cf6}.outerSkill{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;color:#e2e8f0;font-family:Arial,Helvetica,sans-serif}.skillContainer{width:500px}.skills{display:grid;place-items:center;pointer-events:auto;cursor:pointer;width:100%}.skillText,.skillProgress{display:flex;align-items:center;justify-content:center;grid-area:1/1;width:100%;height:100%;transition:opacity .3s ease;pointer-events:none}.skillProgress{display:inline;width:100%;height:25px;background-color:transparent;border-radius:16px}.skillProgress div{background-color:#8b5cf6;opacity:0;height:100%;border-radius:16px;transition:width .5s ease}.skillText{opacity:1}.projectDiv{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:25px;font-family:Arial,Helvetica,sans-serif;color:#e2e8f0;transition:.5s ease-in}.project{max-width:100%;height:auto;padding:25px;text-align:center;border:#ffffff1a 1px solid;border-radius:16px;background-color:#ffffff0d;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(10px);box-shadow:0 5px 15px #00000059;color:#e2e8f0}.project{animation:scalingUp;animation-timeline:view();animation-range:entry 0% cover 75%}.project h3{margin-bottom:30px}.project p{line-height:1.5}.projectDiv a{text-decoration:none}.contact{position:relative;display:flex;flex-direction:column;align-items:center;font-family:Arial,Helvetica,sans-serif;line-height:3;color:#e2e8f0;z-index:2;transition:transform .3s ease}.contactBtn{display:inline-block;padding:10px 15px;color:#1e1e2f;background-color:#8b5cf6;font-size:17px;border-style:none;border:2px solid #8b5cf6;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.contactBtn:hover{background-color:#1e1e2f;color:#8b5cf6}.socialLinks{display:inline-flex;gap:10px;padding:20px;background-color:transparent}.linkBtn{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:transparent;border:1px solid #8b5cf6;width:40px;height:40px;font-size:20px;cursor:pointer;transition:background-color .3s ease;z-index:2}.linkBtn .icons,.linkBtn i{color:#8b5cf6!important;transition:color .3s ease;fill:#8b5cf6!important}.linkBtn:hover{background-color:#8b5cf6!important}.linkBtn:hover .icons,.linkBtn:hover i{color:#1e1e2f!important;fill:#1e1e2f!important}@keyframes scalingUp{0%{transform:scale(.05);filter:blur(7px)}to{transform:scale(1);filter:blur(0px)}}.mediaHeader{width:200px;margin-top:30px;height:max-content;position:fixed;left:0;top:0;display:flex;box-shadow:0 5px 15px #00000059;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:20px;transform:translate(-210px);transition:.5s ease-in-out}.mediaHeader li,.mediaHeader a{list-style:none;text-decoration:none;color:#e2e8f0;font-family:Arial,Helvetica,sans-serif}.mediaHeader li{padding:10px}@media screen and (max-width:431px){html{scroll-padding-top:60px}.bannerLeft h1{font-size:25px}h2{font-size:large}p{font-size:small}h3{font-size:medium}.header{display:flex;justify-content:start;position:fixed}.header ul{display:none}.header .hamburger{display:block}.appContainer{display:flex;flex-direction:column}.leftFixed{padding:10px;width:100%;position:static}.rightScroll{padding:0;width:100%;margin-left:0;text-align:center}.mediaName{display:block}.skillContainer{width:250px}}