.app{background-color:#101010;width:100%;height:100vh}@media only screen and (max-width:600px){.app{background-color:#101010;width:100%;height:max-content;position:absolute;top:0;left:0;padding:0;margin:0;box-sizing:border-box}.menu{width:60px;height:60px;position:sticky;top:0;z-index:100}}.sidebar{width:95px;height:100vh;background-color:#1f2123;position:fixed;top:0;left:-95px;transition:left .3s ease-in-out;padding:5px;box-sizing:border-box;z-index:10;opacity:.9}.sidebar .firstcon{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;top:2%}.sidebar .firstcon .logo{display:flex;gap:0px;font-size:1em;font-weight:900;align-items:center;color:#f5f5f5}.sidebar .firstcon .menu{display:none}.sidebar .menucon{width:100%;position:relative;top:50%;transform:translateY(-50%);height:max-content}.sidebar .menucon .listnavs{display:flex;flex-direction:column;gap:8px}.sidebar .menucon .listnavs .list{display:flex;cursor:pointer;gap:5px;align-items:center;width:100%;padding:4px;box-sizing:border-box;background-color:#3fa0ef;border-radius:4px}.sidebar .menucon .listnavs .list .icon{color:#fff}.sidebar .menucon .listnavs .list .name{color:#333;font-size:.7em;font-weight:800}.sidebar .menucon .listnavs .list:hover{animation:pulse 1s ease-in-out}.sidebar .resume{position:absolute;bottom:40px;width:calc(100% - 10px);padding:4px;box-sizing:border-box;background-color:#3fa0ef;border-radius:4px;text-align:center}.sidebar .resume a{text-align:center;color:#f5f5f5}.sidebar.open{left:0}.btncon{width:30px}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(107,208,255,.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(26,116,226,0)}to{-webkit-box-shadow:0 0 0 0 rgba(26,116,226,0)}}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(107,208,255,.4);box-shadow:0 0 #6bd0ff66}70%{-moz-box-shadow:0 0 0 10px rgba(26,116,226,0);box-shadow:0 0 0 10px #1a74e200}to{-moz-box-shadow:0 0 0 0 rgba(26,116,226,0);box-shadow:0 0 #1a74e200}}@media only screen and (max-width: 600px){.sidebar{width:70%;left:-70%;padding:0 20px;box-sizing:border-box;opacity:.98}.sidebar .firstcon{top:5%}.sidebar .firstcon .menu{display:inline-block;color:#f0f8ff;font-size:1.8em}.sidebar .menucon .listnavs{gap:20px}}.homecon{width:calc(100% - 95px);height:100vh;position:absolute;left:95px;display:flex;flex-direction:row}.homecon .leftcon{width:60%;height:100%;background-color:none;display:flex;flex-direction:column;position:relative}.homecon .leftcon .textall{width:100%;height:max-content;padding:0 20px 0 100px;box-sizing:border-box;position:absolute;top:50%;transform:translateY(-50%)}.homecon .leftcon .textall .greetings{color:#f5f5f5;font-size:1.2em;font-weight:700}.homecon .leftcon .textall .name{font-size:3.2em;font-weight:1000;color:#1a74e2}.homecon .leftcon .textall .designation{color:#f5f5f5;font-size:1.5em;font-weight:800;margin-bottom:20px}.homecon .leftcon .textall .breif{width:100%;height:auto;color:#3fa0ef;font-size:1em;font-weight:600}.homecon .rightcon{width:40%;height:100%;position:relative}.homecon .rightcon img{width:auto;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(.6rem .6rem 1rem rgba(107,208,255,.8))}.homecon .dropdown{width:25px;height:25px;border-radius:50%;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.homecon .dropdown:hover{animation:cpulse 1s ease-in-out;cursor:pointer}@media only screen and (max-width: 600px){.homecon{width:100%;height:max-content;background-color:#101010;position:absolute;left:0;display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.homecon .leftcon{width:100%;height:500px;background-color:none;display:flex;flex-direction:column;position:relative;padding:0;box-sizing:border-box}.homecon .leftcon .textall{width:100%;height:max-content;padding:0 0 0 20px;box-sizing:border-box;position:absolute;top:50%;justify-content:center;transform:translateY(-50%)}.homecon .rightcon{width:100%;height:300px}.homecon .rightcon img{width:auto;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(.6rem .6rem 1rem rgba(107,208,255,.8))}.homecon .dropdown{display:none}}.aboutcon{width:calc(100% - 95px);height:100vh;position:absolute;left:95px;display:flex;flex-direction:column}.aboutcon .abouthead{text-align:center;position:relative;top:20px;font-weight:900;font-size:.9em;background-color:#6bd0ff;width:max-content;margin:0 auto;padding:0 4px;color:#1f2123;border-radius:3px;animation:cpulse 1s alternate-reverse infinite}.aboutcon .aboutwrapper{position:absolute;top:20%;width:100%;padding:0 200px;box-sizing:border-box}.aboutcon .aboutwrapper .firstsec{font-size:1em;font-weight:700;line-height:1.7em;color:#f5f5f5;margin-bottom:30px;text-align:justify}.aboutcon .aboutwrapper .techstack{display:flex;width:100%;flex-direction:row;gap:50px;align-items:center}.aboutcon .aboutwrapper .techstack span{font-size:1em;font-weight:700}.aboutcon .aboutwrapper .techstack img{width:auto;height:50px;object-fit:cover;border-radius:50%}.aboutcon .dropdown{width:25px;height:25px;border-radius:50%;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.aboutcon .dropdown:hover{animation:cpulse 1s ease-in-out;cursor:pointer}@media only screen and (max-width: 600px){.aboutcon{width:100%;height:max-content;position:absolute;left:0;padding:0;box-sizing:border-box}.aboutcon .aboutwrapper{width:100%;height:max-content;padding:20px;flex-direction:column;box-sizing:border-box;position:relative;top:20px}.aboutcon .aboutwrapper div{width:100%}.aboutcon .aboutwrapper .firstsec{width:100%;padding:0;height:max-content;box-sizing:border-box}.aboutcon .aboutwrapper .techstack{width:100%;padding:0;box-sizing:border-box;gap:10px}.aboutcon .aboutwrapper .dropdown{display:none}}.skillsconmain{width:calc(100% - 95px);height:100vh;position:absolute;left:95px}.skillsconmain .skilsshead{text-align:center;position:relative;top:20px;font-weight:900;font-size:.9em;background-color:#6bd0ff;width:max-content;margin:0 auto;padding:0 4px;color:#1f2123;border-radius:3px;animation:cpulse 1s alternate-reverse infinite}.skillsconmain .skillswrapper{position:absolute;top:15%;left:50%;transform:translate(-50%);width:100%}.skillsconmain .skillswrapper .skillscon{display:flex;flex-direction:row;gap:50px;justify-content:space-evenly}.skillsconmain .skillswrapper .skillscon .left_part{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:60px;padding-left:60px}.skillsconmain .skillswrapper .skillscon .right_part{padding-right:40px;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.skillsconmain .skillswrapper .skillscon .right_part .programming{display:flex;flex-direction:row;gap:12px;justify-content:space-evenly;flex-wrap:wrap;align-items:center;text-align:center;justify-content:center}.skillsconmain .skillswrapper .skillscon .right_part .programming .imgcon{display:flex;flex-direction:column;gap:2px}.skillsconmain .skillswrapper .skillscon .right_part .programming .imgcon .language{font-size:smaller}.skillsconmain .skillswrapper .skillscon .right_part .programming .imgcon img{width:10px;height:10px;object-fit:contain;object-position:50% 50%;border-radius:50%;box-shadow:0 0 0 1px #3fa0ef,0 0 0 2px #6bd0ff;box-sizing:border-box}.skillsconmain .skillswrapper .skillscon .right_part .ev{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly}.skillsconmain .skillswrapper .skillscon .right_part .ev .evskills{font-size:smaller}.skillsconmain .skillswrapper .skillscon .right_part .mech{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly}.skillsconmain .skillswrapper .skillscon .right_part .mech .mechskills{font-size:smaller}.skillsconmain .skillswrapper .skillscon .right_part .managment{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly}.skillsconmain .skillswrapper .skillscon .right_part .managment .managementskills{font-size:smaller}.skillsconmain .skillswrapper .skillscon .right_part .tools{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly}.skillsconmain .skillswrapper .skillscon .right_part .tools .toolsname{font-size:smaller}.skillsconmain .skillswrapper .skillconhead{text-align:center;font-size:1em;font-weight:600;margin-bottom:40px}.skillsconmain .skillswrapper .ev{display:flex;flex-direction:row;gap:50px;padding-left:50px;text-align:center;justify-content:center}.skillsconmain .skillswrapper .ev .evcontent{display:flex;flex-direction:row;font-size:small}.skillsconmain .dropdown{width:25px;height:25px;border-radius:50%;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.skillsconmain .dropdown:hover{animation:cpulse 1s ease-in-out;cursor:pointer}@media only screen and (max-width: 600px){.skillsconmain{width:100%;position:absolute;left:0}.skillsconmain .skillswrapper{position:relative;top:40px;padding:0 0 20px;box-sizing:border-box}.skillsconmain .skillswrapper .skillscon{padding:0;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}}.projects{width:calc(100% - 95px);height:100vh;position:absolute;left:95px}.projects .head{text-align:center;position:relative;top:20px;font-weight:900;font-size:.9em;background-color:#6bd0ff;width:max-content;margin:0 auto;padding:0 4px;color:#1f2123;border-radius:3px;animation:cpulse 1s alternate-reverse infinite}.projects .cardcon{padding:40px 80px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px}.projects .dropdown{width:25px;height:25px;border-radius:50%;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.projects .dropdown:hover{animation:cpulse 1s ease-in-out;cursor:pointer}@media only screen and (max-width: 600px){.projects{width:100%;height:max-content;left:0;padding:0}.projects .cardcon{padding:20px;position:relative;top:20px}.card .overlay .linkcon{padding:20px}.card .rightbox{display:none}}.card{width:500px;height:250px;border-radius:20px;overflow:hidden;position:relative}.card .overlay{width:0%;height:0%;background:rgba(57,57,57,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;transition:.3s ease-out;display:flex;align-items:center;justify-content:center}.card .overlay .linkcon{display:flex;background-color:#000;display:none;padding:5px;gap:15px;color:#f5f5f5;align-items:center;justify-content:center;border-radius:4px}.card .overlay .linkcon a{display:flex;align-items:center;color:#fff}.card .overlay .linkcon a span{font-size:.8em;font-weight:800}.card .overlay:after{width:100%;height:100%}.card img{width:100%;height:100%;object-fit:cover;z-index:0;display:block}.card .rightbox{width:150px;transition:right .3s ease-in-out;position:absolute;right:-150px;height:100%;background-color:#1a74e2;z-index:10;padding:5px;box-sizing:border-box}.card .rightbox .descriptionofproject{width:100%;position:relative;top:50%;transform:translateY(-50%);color:#f0f8ff;font-size:.7em;font-weight:500;text-align:justify}.card .rightbox .projectetech{display:flex;flex-direction:column}.card .rightbox .projectetech .techhead{width:100%;color:#f0f8ff;font-size:.7em}.card .rightbox .projectetech .Imgcon{display:flex}.card:hover{animation:cpulse 1s ease-in-out}.card:hover img{z-index:2;position:absolute;background-image:linear-gradient(to bottom right,#000000,#dc4225)}.card:hover .rightbox{right:0;z-index:10}.card:hover .overlay{width:100%;height:100%}.card:hover .overlay .linkcon{display:flex}@-webkit-keyframes cpulse{0%{-webkit-box-shadow:0 0 0 0 rgba(107,208,255,.4)}70%{-webkit-box-shadow:0 0 0 20px rgba(26,116,226,0)}to{-webkit-box-shadow:0 0 0 0 rgba(26,116,226,0)}}@keyframes cpulse{0%{-moz-box-shadow:0 0 0 0 rgba(107,208,255,.4);box-shadow:0 0 #6bd0ff66}70%{-moz-box-shadow:0 0 0 20px rgba(26,116,226,0);box-shadow:0 0 0 10px #1a74e200}to{-moz-box-shadow:0 0 0 0 rgba(26,116,226,0);box-shadow:0 0 #1a74e200}}.contactcon{width:calc(100% - 95px);height:100vh;position:absolute;left:95px;display:flex;flex-direction:column}.contactcon .conhead{text-align:center;position:relative;top:20px;font-weight:900;font-size:.9em;background-color:#6bd0ff;width:max-content;margin:0 auto;padding:0 4px;color:#1f2123;border-radius:3px;animation:cpulse 1s alternate-reverse infinite}.contactcon .maincon{width:100%;position:absolute;top:15%;height:max-content;display:flex}.contactcon .maincon .conleft{width:50%;display:flex;flex-direction:column;padding:50px 20px 0 150px;box-sizing:border-box;align-items:center}.contactcon .maincon .conleft .firsttext{font-size:.95em;font-weight:700;line-height:1.7em;color:#f0f8ff;margin-bottom:40px}.contactcon .maincon .conleft .secondtext{font-size:.95em;font-weight:700;color:#f0f8ff;margin-bottom:40px;line-height:1.7em}.contactcon .maincon .conleft .followus{width:100%;display:flex;gap:20px;font-size:1em;font-weight:700;justify-content:flex-start;cursor:pointer}.contactcon .maincon .conleft .followus a{text-decoration:none;background-color:none;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.contactcon .maincon .conleft .followus a:hover{animation:cpulse 1s ease-in-out}.contactcon .maincon .conleft .followus .flwicn{font-size:1.4em;border-radius:50%;box-shadow:0 0 0 3px #3fa0ef,0 0 0 6px #6bd0ff}.contactcon .maincon .conright{width:50%;display:flex;flex-direction:column}.contactcon .maincon .conright h3{margin-top:0;font-weight:500}.contactcon .maincon .conright form{position:relative;width:100%;margin:0 auto;border-radius:10px;background:#1f2123;display:flex;flex-direction:column;align-items:center}.contactcon .maincon .conright .form-left-decoration,.contactcon .maincon .conright .form-right-decoration{content:"";position:absolute;width:50px;height:20px;border-radius:20px;background:#3FA0EF}.contactcon .maincon .conright .form-left-decoration{bottom:60px;left:-30px}.contactcon .maincon .conright .form-right-decoration{top:60px;right:-30px}.contactcon .maincon .conright .form-left-decoration:before,.contactcon .maincon .conright .form-left-decoration:after,.contactcon .maincon .conright .form-right-decoration:before,.contactcon .maincon .conright .form-right-decoration:after{content:"";position:absolute;width:50px;height:20px;border-radius:30px;background:#fff}.contactcon .maincon .conright .form-left-decoration:before{top:-20px}.contactcon .maincon .conright .form-left-decoration:after{top:20px;left:10px}.contactcon .maincon .conright .form-right-decoration:before{top:-20px;right:0}.contactcon .maincon .conright .form-right-decoration:after{top:20px;right:10px}.contactcon .maincon .conright .circle{position:absolute;bottom:80px;left:-55px;width:20px;height:20px;border-radius:50%;background:#fff}.contactcon .maincon .conright .form-inner{padding:40px}.contactcon .maincon .conright .form-inner input,.contactcon .maincon .conright .form-inner textarea{display:inline-flex;width:100%;padding:15px 30px;box-sizing:border-box;margin-bottom:10px;border:none;border-radius:10px;background:#101010;color:#f0f8ff}.contactcon .maincon .conright .form-inner textarea{resize:none}.contactcon .maincon .conright button{width:100%;padding:10px;box-sizing:border-box;margin-top:20px;border-radius:10px;border:none;background:#1A74E2;font-size:16px;font-weight:400;color:#fff;transition:.2s}.contactcon .maincon .conright button:hover{background:#3FA0EF;cursor:pointer}.contactcon .maincon .conright .output{width:100%;height:max-content;font-size:.8em;color:#fff}@media (min-width: 568px){.contactcon .maincon .conright form{width:60%}}@media only screen and (max-width: 600px){.contactcon{width:100%;height:max-content;left:0}.contactcon .maincon{display:flex;flex-direction:column;position:relative;top:40px;padding-bottom:50px}.contactcon .maincon .conleft,.contactcon .maincon .conright{width:100%;padding:20px;box-sizing:border-box}.contactcon .maincon .conright .form-inner{padding:10px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;padding:0;box-sizing:border-box;margin:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}