*{margin:0;padding:0}body{height:100vh;background-color:#fefae0;color:#000;font-family:Bebas Neue,sans-serif;font-weight:400}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin-bottom:50px}.about-title{position:relative;padding:50px;font-size:40px}.about-sections{display:flex;gap:70px}.about-left>img{width:400px;margin-left:35px;margin-bottom:30px}.about-right{display:flex;flex-direction:column;gap:40px}.about-para{display:flex;flex-direction:column;gap:20px;font-size:1.8rem}.about-skills-1{display:flex;flex-direction:column;gap:20px}.about-skills-2{display:none;flex-direction:column;gap:20px}.about-skill{display:flex;gap:50px;align-items:center;transition:.3s}.about-skill>p{min-width:150px;font-size:1.4rem;font-weight:500}.about-skill>hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(to right,#61f4de,#6e78ff)}@media screen and (max-width: 480px){.about{gap:15px}.about-me{font-size:4rem;margin-left:75px}.about-title{padding:0}.about-sections{display:flex;flex-direction:column;gap:0}.about-left{margin-left:50px}.about-para{gap:0;font-size:1.5rem;margin-left:75px;width:100%}.about-para>p{display:flex;margin-bottom:10px;margin-right:30px}.about-skills-1{display:none}.about-skills-2{display:flex;width:100%;margin:2pc 2pc 2pc 75px}}.space{margin-left:10px;margin-right:10px}.footer{display:flex;justify-content:center;padding:20px;transition:.4s;width:auto}.footer:hover{transform:scale(1.12)}.copyright-container{display:flex;justify-content:center;margin-top:20px}h3>span{font-size:1.5rem}@media screen and (max-width: 480px){.footer{width:480px;padding-left:30px}.copyright-container{margin-left:85px}.copyright{font-size:1rem;width:100%;margin-left:55px}.main-footer{width:480px}}.profile-pic{width:350px;height:auto;margin:50px 100px 60px 20px}.react-typed{color:#112a46;font-weight:500;font-size:2rem}.main-content{display:flex;align-items:center;flex-direction:column}.welcome-text{display:flex;align-items:center}.main-content-head{font-family:Intel One Mono,monospace;color:#112a46;font-size:2.5rem}.main-content-head>span{background:linear-gradient(90deg,#8aadd3,#61b7e6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-content-head-h2{font-family:Intel One Mono,monospace;color:#112a46;font-size:2rem}.main-content-head-res,.main-content-head-h2-res{display:none}.react-typed-CodeX{font-family:Bitcount Grid Single,system-ui;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}.buttons{display:flex;align-items:center;gap:25px;font-size:1.3rem;font-weight:400;margin-bottom:50px;margin-top:40px}.connect{margin-right:20px;padding:15px 30px;border-radius:50px;background:linear-gradient(to right,#08203e,#557c93);cursor:pointer;transition:.5s}.connect>a{text-decoration:none;color:#fefae0;font-family:Bebas Neue,sans-serif}.resume{margin-right:20px;padding:15px 30px;border-radius:50px;border:2px solid #112a46;cursor:pointer;transition:.5s}.resume>a{text-decoration:none;color:#112a46;font-family:Bebas Neue,sans-serif}.connect:hover{transform:scale(1.15)}.resume:hover{transform:scale(1.12)}@media screen and (max-width: 480px){.profile-pic{width:150px;margin-right:0;margin-left:85px;margin-bottom:35px}.welcome-text{margin-left:1px;display:flex;align-items:center}.welcome{margin-left:45px}.codex{margin-left:85px}.main-content-head-res{display:block;font-size:1.8rem;margin-left:70px;width:100%;font-family:Intel One Mono,monospace;color:#112a46;gap:0}.main-content-head-res>span{display:flex;background:linear-gradient(90deg,#8aadd3,#61b7e6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:100%}.main-content-head,.main-content-head-h2{display:none}.main-content-head-h2-res{display:block;font-family:Intel One Mono,monospace;color:#112a46;font-size:1.5rem;margin-left:85px;width:100%}.react-typed{font-size:1.5rem;width:100%}.buttons{margin-top:20px;margin-bottom:40px;width:100%;margin-left:190px}.connect>a{font-size:1.1rem;flex-wrap:wrap;width:100%}.resume>a{font-size:1.1rem}}.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 170px}.CodeX-logo{width:200px;height:auto}.nav-list{display:flex;align-items:center;list-style:none;gap:90px;font-size:.9rem;font-size:1.5rem;font-family:Bebas Neue,sans-serif}.connect-with-me{padding:15px 30px;border-radius:50px;background:linear-gradient(to right,#08203e,#557c93);cursor:pointer;transition:.5s;font-size:1.3rem}.connect-with-me>a{text-decoration:none;color:#fefae0;font-family:Bebas Neue,sans-serif}.connect-with-me:hover{transform:scale(1.15)}.list-links{text-decoration:none;color:#112a46}.img-size{height:45px;width:45px}#sidebar-active,.open-sidebar-button,.close-sidebar-button{display:none}@media screen and (max-width: 480px){nav{display:flex;flex-direction:column;align-items:flex-start;position:fixed;top:0;right:0;z-index:10}.navbar{flex-direction:column;align-items:flex-start;position:fixed;top:0;right:-100%;z-index:10;width:235px;height:53%;background-color:#e9d557;margin:0;box-shadow:-5px 0 5px #00000040;transition:.8s ease-out;border-top-left-radius:30px;border-bottom-left-radius:30px}.nav-list{flex-direction:column;justify-content:center;gap:20px}.CodeX-logo{width:150px;height:auto}.list-links{box-sizing:border-box;height:auto;width:100%;padding-left:15px;justify-content:flex-start}.open-sidebar-button,.close-sidebar-button{padding:10px;display:block}#sidebar-active:checked~.navbar{right:0}.connect-with-me{margin:20px}}