*{color:#fff;box-sizing:border-box;font-family:Roboto,sans-serif}body{z-index:-1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#000}.header-main{display:flex;justify-content:center;align-content:center;margin:15px;width:100%}.header-main ul{z-index:1;border:2px solid;padding:15px;padding-inline:40px;border-radius:12px;display:flex;justify-content:center;background-color:#000;position:fixed;color:beige;box-shadow:0 0 100px #000;width:45%}.header-main li{list-style-type:none;margin-inline:8px;background-color:#0000001a;padding-inline:15px}.header-main a{text-decoration:none;color:#fff;padding:8px;border-radius:10px}.header-main a:hover{color:#4f4a4a;background-color:gray;color:#000}.header-main a:active:after{background-color:red;border:1px solid}.Home{display:flex;flex-direction:grid;flex-direction:column;justify-content:center;align-items:center;height:80vh;margin-top:100px}.u2{display:flex;flex-direction:row;justify-content:space-around}.u2 a{overflow:hidden;border:1px solid;width:190px;height:200px;margin:20px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:1px 1px 10px #fff;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 40px #ffffff62}.new-box{width:530px;border:1px solid;height:200px;margin:20px;border-radius:15px;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 50px #ffffff62;box-shadow:1px 1px 10px #fff}.u1{display:flex;flex-direction:row}.UL1{display:flex;flex-direction:column}.UL2{display:flex;flex-direction:row;justify-content:center}.newdiv{display:flex;flex-direction:column}.UL11{display:flex}.UL11 a{border:1px solid;border-radius:15px;width:510px;height:220px;margin:20px;display:flex;text-decoration:dotted;overflow:hidden;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 40px #ffffff62;box-shadow:1px 1px 10px #fff}.ULL2{display:flex;flex-direction:row}.ULL2 a{width:240px;height:160px;border:1px solid;margin:20px;border-radius:15px;display:flex;justify-content:center;align-items:center;box-shadow:1px 1px 10px #fff;text-decoration:dotted;overflow:hidden;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 40px #ffffff62}.UL2 div1{width:200px;border:1px solid;border-radius:15px;height:410px;margin:20px;display:flex;justify-content:center;overflow:hidden;align-items:center;box-shadow:1px 1px 10px #fff;transition:ease 1s;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%}.UL2 div1:hover{transform:scale(1.05)}.UL2 div1:hover:after{transform:scale(1);transition-duration:1s}.UL2 a{width:200px;border:1px solid;border-radius:12px;height:410px;margin:20px;display:flex;justify-content:center;align-items:center;box-shadow:1px 1px 10px #fff;text-decoration:dotted;overflow:hidden;cursor:text;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 40px #ffffff62}.profile-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.profile-box p{font-size:22px;margin:28px;text-decoration:none}.name{font-family:Dancing Script,cursive;color:#ff5252;font-size:xx-large}.profile{width:100px;margin:38px;border-radius:50px;box-shadow:1px 1px 1px;transition:.5s ease-in-out;z-index:-1}.profile:hover{transform:scale(1.2);border-radius:40px}.projects{font-family:Dancing Script,cursive;font-size:33px;color:azure;padding:12px}.sub-text{padding:12px}.carer{display:flex;flex-direction:column}.enter{width:90px;background-color:#ffffffbf;color:#000;height:50px;border-radius:12px;margin-right:70px;border:2px solid;font-family:Dancing Script,cursive;font-size:20px;transition:ease 1.2s}.enter:hover{width:100px;border-radius:15px;transition:ease-in-out .9s;margin-left:55px;border:2px solid}.enter:hover:after{transition-duration:2s}.vs{color:#ff5252}.copybutton{background-color:transparent;border:none;cursor:copy}.contact{display:flex;flex-direction:column;justify-content:center}.gmail{margin-top:-16px;display:flex}.name1{font-family:Dancing Script,cursive;font-size:25px;font-weight:2000}.left p{font-size:18px}.resume{display:flex;flex-direction:column}.enter1{width:100px;background-color:#ffffffbf;color:#000;height:45px;border-radius:12px;margin-top:10px;border:2px solid;font-family:Dancing Script,cursive;font-size:20px;cursor:pointer}.pro{width:300px;border-radius:12px;height:200px;margin-left:200px;position:relative;top:-45px;box-shadow:1px 1px 10px #fff;transition:ease .9s}.pro:hover{transform:scale(1.2)}.new-box{overflow:hidden;display:flex;flex-direction:column-reverse;justify-content:space-around;align-items:center}.new-box p{padding:30px}.enter2{width:100px;background-color:#ffffffbf;color:#000;height:45px;border-radius:12px;margin-bottom:40px;margin-right:40px;padding:10px;border:2px solid;font-family:Dancing Script,cursive;font-size:20px;cursor:pointer;transition:ease 1s}.enter2:hover{transform:scale(1.2)}.img12{width:100px}.enter3{width:100px;background-color:#fff;color:#000;height:45px;border-radius:12px;margin-top:120px;border:4px solid;font-family:Dancing Script,cursive;font-size:20px;cursor:pointer;transition:ease 1s;text-decoration:none;position:absolute}.enter3:hover{border:5px solid black}.skill{overflow:hidden;position:relative}.img234{width:190px;position:relative;transition:ease 1s}.img234:hover{transform:scale(1.1)}#light{background-color:beige}#drak{background-color:red}.profile-page{height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.gradient-img{position:fixed;top:0;right:0;opacity:.1;z-index:-1;width:100%}.Dbox{pointer-events:none;cursor:not-allowed;width:1000px;scroll-padding:100px;overflow:hidden}.layer{background-color:#000;width:200px;position:absolute;right:0;height:100px;bottom:185px}.intro{line-height:1.5re;margin-left:120px;font-size:30px;margin-top:40px;padding:10px 10px 10px 40px;border:2px;border-radius:15px;box-shadow:0 0 30px #ffffff62}.app{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.App{width:500px;line-height:40px}.scroll-btn{background-color:transparent;height:50px;width:90px;border:none;font-size:large;color:beige;border:1px solid;border-radius:12px;margin:30px 10px 10px;transition-duration:1.2s}.scroll-btn1{background-color:#fff;height:50px;width:90px;border:2px solid;font-size:large;color:#000;border:1px solid;border-radius:12px;margin:30px 10px 10px;transition-duration:1.2s}.Link1{display:flex;flex-direction:row;font-size:12px;justify-content:right;width:100%;margin:10px}.Link1 a{margin-right:30px}@keyframes appear{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.footer{padding-top:100px;width:100%;display:flex;justify-content:center;align-items:center}.footer button{width:50px;height:50px;background:transparent;border:none;box-shadow:0 0 40px #ffffff62;border-radius:50px}.layer1{width:10rem;top:71%;position:absolute;right:24%;z-index:0;border-radius:12px;box-shadow:0 0 75px 7px #fff}.About-new{display:grid;grid-template-columns:repeat(1,3fr);gap:10rem;margin:160px}.card{border:1px solid;border-radius:12px;padding:20px;height:200px;background-color:#000;box-shadow:1px 1px 10px #fff;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 40px #ffffff62;cursor:pointer;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:-1}.card .default,.card .hover{position:absolute;width:100%;height:100%;transition:opacity .3s ease-in-out}.card .hover{background:#000;color:#fff;opacity:0}.card:hover .default{opacity:0}.card:hover .hover{opacity:1}.about-box{display:grid;grid-template-columns:repeat(2,1fr);margin:-20px 50px -20px -20px}.about-left{border:1px solid;padding:12px;margin:-50px 10px 10px;width:80%;border-radius:12px;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 40px #ffffff62}.about-box h2{font-weight:700}.about-left li{display:flex;flex-direction:row;justify-content:space-between;box-shadow:#000;margin-top:30px;padding:10px}.right p{color:#ff0202}.about-right{border:1px solid;padding:12px;margin:-50px 10px 10px;width:110%;height:350px;border-radius:12px;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 40px #ffffff62}.con .left li{list-style-type:none}.con{display:flex;justify-content:space-around;flex-direction:row}.u2 a{text-decoration:none;padding:20px}.input input{background-color:transparent}.terminal{display:flex;flex-direction:column;width:300px;padding:10px;padding-inline:100px;border:1px solid;margin:200px;width:70%;height:200px;align-items:right}.tech-stack-marquee{white-space:nowrap;line-height:1re;overflow-y:auto;padding:10px;margin-left:120px;height:180px;font-size:30px;margin-top:50px;border:2px;border-radius:15px;box-shadow:0 0 1px #ffffff62}.track{display:grid;grid-template-columns:repeat(4,1fr);animation:scroll 30s linear infinite}.track span{display:inline-block;padding:0 2rem 1rem;font-size:3rem;font-weight:700;color:#61dafb}@keyframes scroll{50%{transform:translateY(100%)}50%{transform:translateY(-60%)}}.tech{display:flex;flex-direction:column}.scroll-btn:hover{background-color:#fff;color:#000;border:2px black}.scroll-btn1:hover{color:#d60000;background-color:#000}.project_main{display:grid;grid-template-columns:repeat(2,2fr);padding:2rem}.project-header{display:flex;flex-direction:column;align-items:center;padding-top:5.5rem}.project-header h1{font-size:3rem;font-style:bold;font-weight:bolder}.project_card{border:.05rem solid white;padding:2rem;margin:2rem;height:29rem;overflow-y:scroll;border-radius:20px;background:#08080803;-webkit-backdrop-filter:blur(22.5px);backdrop-filter:blur(22.5px);z-index:0;transition:ease-in-out .5s}.project_card h1{color:#eee}.project_card p{color:#aaa}.project_card:hover{transform:scale3d(1.3);box-shadow:0 0 20px #fff}.cnter{align-items:center}.projectImage{border:.01rem solid grey;position:relative;width:65%;height:40%;overflow:hidden;margin-left:5rem}.projectImage img{height:100%;width:100%;object-fit:fill;object-position:center}.tech{display:flex;flex-wrap:wrap;flex-direction:row;align-items:left}.framework{margin:1rem;border:.02rem solid #333;border-radius:15%;padding:.3rem;background-color:#5d5c5c;color:#eee;max-width:5rem}.projectbutton{display:flex;flex-direction:row;justify-content:space-evenly;margin:1rem}.projectbutton a{width:38%;padding:.5rem;text-align:center;text-decoration:none;background-color:#454343;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;transition:background .3s ease}.projectbutton a:hover{box-shadow:0 0 7px #f2f2f2,0 0 10px #868585}.projectbutton .live2{background-color:#d4d3d3;color:#000;font-size:large;font-weight:700}.projectbutton .live2:hover{box-shadow:0 0 7px gray,0 0 10px #b100ec;color:#580058}.contactpage{display:flex;flex-direction:column;padding-top:4rem;align-items:center}.contactinto{text-align:center}.contactinto a{color:#fff;font-weight:10000}.DetailsForm{display:flex;flex-direction:column;background:#08080803;-webkit-backdrop-filter:blur(22.5px);backdrop-filter:blur(22.5px);z-index:0;transition:ease-in-out .5s;padding:2rem;border:1px solid #5d5c5c;margin-top:3rem}.DetailsForm .data{padding:.3rem 3rem;margin:.1rem;border-radius:8px;border:none;color:#000;width:75%}.DetailsForm button{background-color:#2323ca;height:3rem;width:50%;border:none;border-radius:4px;margin-top:1rem}.DetailsForm p{color:#aaa;margin:1rem}.basicDeatils{padding:1.5rem;margin:5rem;border-radius:10px;border:none;background-color:#2f2e2e}.block_details{background-color:#b7b7b7;margin:.5rem;border:none;border-radius:10px;padding:.1rem}.block_details p{color:#2a2700;text-align:center}.contactinto p{color:#aaa}.basicDeatils h2{color:red}.skills-page{padding:2rem;text-align:center}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:1rem}.skill-category{min-width:200px;border:1px solid #ddd;border-radius:12px;padding:1rem;background:#f9f9f9}.skill-category h3{margin-bottom:1rem;font-size:1.2rem;color:#333}.skill-item{list-style:none;padding:4px 0;color:#444}