*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#f8f9fa;color:#333;font-family:Arial,sans-serif}nav{background:#222;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:15px;position:fixed;text-align:center;top:0;width:100%}nav,nav a{color:#fff}nav a{font-size:18px;margin:0 15px;text-decoration:none}nav a:hover{text-decoration:underline}#home{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.hero-title{-webkit-animation:fadeIn 2s ease-in-out;animation:fadeIn 2s ease-in-out;font-size:48px;font-weight:700;margin-bottom:10px}.hero-subtitle{color:#666;font-size:24px}section{padding:80px 15%;text-align:center}h2{font-size:36px;font-weight:700;margin-bottom:20px}.card{background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:15px;padding:20px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.btn{background:blue;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background .3s ease-in-out}.btn:hover{background:#00008b}@media (max-width:768px){section{padding:60px 10%}.hero-title{font-size:36px}.hero-subtitle{font-size:20px}h2{font-size:28px}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}body{background-color:#000;box-sizing:border-box;color:#fff;width:100vw}#Skills,html{scroll-behavior:smooth}a{text-decoration:none}.App{background-attachment:fixed;background-color:grey;background-image:url(/static/media/173854.30900ec1ab95131b80f3.jpg);box-sizing:border-box;min-height:100vh;width:100%}.App::-webkit-scrollbar{-webkit-column-width:0}.NavBar{align-items:flex-end;background-color:#000;flex-wrap:wrap;justify-content:flex-end;margin:0 5px 10px;padding-top:10px;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:5}.NavBar,.image{box-sizing:border-box;display:flex;flex-direction:row}.image{align-items:center;justify-content:center;padding:10px}.imageicon{background-image:url(/static/media/surya2.e2dff3185e567a077cb0.jpg);background-position:bottom;background-position-x:-28px;background-position-y:-30px;background-repeat:no-repeat;background-size:200px;border:1px solid #000;border-radius:50%;height:150px;width:150px;z-index:3}.buttonsection{display:flex;flex-direction:row;padding-right:20px}.buttonsection .button{color:#fff;cursor:pointer;margin:5px;padding:10px}.line{background-color:#fff;height:2px;transition:1.3s ease;width:0}.button:hover .line{background-color:#fff;border-radius:20px;width:100%}.Home{height:100vh}.IntroPage{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%}.centerBoX .content{height:300px;scale:.8;width:600px}.centerBoX .content,.content{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-top:20px}.content{max-width:600px}.btnxxx{align-items:center;display:flex;justify-content:center}.greet{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:3rem}.greet .name{font-family:fantasy}.skills{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.red{color:red}.content span{padding:5px}.letsConntectButton{align-items:center;border:2px solid #fff;border-radius:5px;display:flex;font-weight:800;justify-content:center;margin:5px;padding:15px;position:relative;top:10px;width:150px}.letsConntectButton:hover{background:#fff;background:radial-gradient(circle,#020024 0,#677909 0,#06439f 0,#2702db 55%,#00d4ff 88%);color:#000;cursor:pointer;transition:.5s ease}.tagline{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:1.2rem}.About{box-sizing:border-box;height:100vh;margin:5px;overflow:hidden;width:100}.resumebtn{background-color:#3558b0;border:2px solid #fff;border-radius:5px;margin:60px 10px 10px;padding:10px;position:absolute;right:0}.aboutHeading{align-items:end;display:flex;font-size:30px;height:20%;padding-left:100px;position:relative;width:100%}.aboutContent,.aboutHeading{box-sizing:border-box;font-family:Georgia,Times New Roman,Times,serif}.aboutContent{font-size:20px;height:80%;margin:30px;padding-left:60px;padding-right:60px}.experience-container{height:100vh;width:98vw}.experience-title{height:20%;width:100%}.experience-content{height:80%;width:100%}.experience-card,.experience-content{box-sizing:border-box;margin:10px;padding:10px}.experience-card{border:2px solid grey;border-radius:5px}.company-name{font-size:1.3rem;width:100%}.position-duration{display:flex;justify-content:space-between;padding:10px;width:100%}.recommendation-letter-link{color:#0b0beb;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;padding:10px}.working-details{display:flex;padding:20px;width:100%}a{color:#fff}.Achievement{height:100vh;width:100}.AchievementHeading{align-items:end;font-family:Georgia,Times New Roman,Times,serif;font-size:30px;height:20%;padding-left:100px;position:relative}.AchievementHeading,.achievementContent{box-sizing:border-box;display:flex;width:100%}.achievementContent{flex-direction:row;flex-wrap:wrap;height:80%;justify-content:space-evenly;overflow-x:hidden;overflow-x:auto;overflow-y:auto;padding:70px}.achievementContent::-webkit-scrollbar{display:none}.AchievementCard{align-items:center;background-color:hsla(0,0%,9%,.884);border:2px solid #454343;border-left:5px solid #08ff08;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:row;height:150px;justify-content:center;margin:10px;min-width:45%;padding:5px;width:45%}.AchievementCard:hover{background-color:#000;border-left:2px solid #fff;border-top:2px solid #fff;transition-duration:.5s}.AchievementCard .textContainer{box-sizing:border-box;margin:10px;padding:10px;position:relative;width:95%}.AchievementCard .textContainer .header{display:flex;flex-direction:row;justify-content:space-between;margin:5px;padding:10px;width:100%}.AchievementCard .textContainer .header .title{color:#fff;font-size:20px}.AchievementCard .textContainer .date{font-size:15px;position:absolute;right:0}.ProjectWrapper{height:100vh;width:100%}.projectHeading{align-items:end;font-family:Georgia,Times New Roman,Times,serif;font-size:30px;height:20%;padding-left:100px;position:relative}.projectHeading,.project_container{box-sizing:border-box;display:flex;width:100%}.project_container{flex-direction:row;flex-wrap:wrap;height:80%;justify-content:space-evenly;overflow-x:hidden;overflow-y:auto;padding:70px}.project_container .motiondiv{height:200px;width:48%}.project_container .motiondiv a{height:100%;width:100%}.projecct_container::-webkit-scrollbar{display:none}.ProjectCard{border:2px solid #454343;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;height:100%;margin:5px;padding:5px;width:100%}.ProjectCard:hover{background-color:rgba(5,5,5,.735);border:1px solid #fff;border-top:3px solid #0df133;scale:1.009;transition-duration:.5s}.project-description{width:100%}.ProjectCard .inforamtion{box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:hidden;width:60%}.ProjectCard .inforamtion .header{background-color:#020202;box-sizing:border-box;display:flex;font-size:1.1rem;height:20%;justify-content:space-between;margin:5px;padding:10px;width:100%}.ProjectCard .inforamtion .project-description{display:flex;height:80%;justify-content:center;padding:10px;text-align:left;width:100%}.header a{font-size:1rem;padding-left:15px}.projectDate{font-size:1.5rem}.techUsed{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.TechButton{background-color:beige;border-radius:5px;color:brown;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:larger;margin:5px;padding:5px}.description{box-sizing:border-box;display:flex;flex-direction:column;height:70%;justify-content:space-between;overflow-y:auto;padding:10px;width:100%}.description::-webkit-scrollbar{color:red;width:12px}.ProjectCard .image{flex-direction:row;height:100%;width:40%}.ProjectCard .image img{height:100%;max-height:250px;width:100%}.ContactWrapper{height:100vh;width:100%}.project_container::-webkit-scrollbar{display:none}.contactHeader{align-items:end;font-family:Georgia,Times New Roman,Times,serif;font-size:30px;height:20%;padding-left:100px;position:relative}.contactContent,.contactHeader{box-sizing:border-box;display:flex;width:100%}.contactContent{flex-direction:column;flex-wrap:wrap;height:80%;overflow-x:hidden;overflow-y:auto;padding:70px}.contactCard{align-items:center;background-color:rgba(41,39,39,.785);background:linear-gradient(132deg,#3b376a,#008fba 50%,#ff95d5);border-radius:20px;display:flex;flex-direction:row;justify-content:space-around;margin:5px;max-width:250px;padding-left:100px;padding-right:100px;transition-duration:.5s}.contactCard:hover{background:linear-gradient(132deg,#026cdf,#00f6fd)}.redred{color:red;padding-left:10px}.icon{font-size:2.2rem}.Skills{height:100vh;width:100}.skillsHeading{align-items:end;font-family:Georgia,Times New Roman,Times,serif;font-size:30px;height:20%;padding-bottom:30px;padding-left:100px;padding-top:70px;position:relative}.skillsContent1,.skillsHeading{box-sizing:border-box;display:flex;width:100%}.skillsContent1{flex-direction:row;flex-wrap:wrap;height:80%;justify-content:space-evenly;overflow-x:hidden;overflow-y:auto;row-gap:5px}.skillsContent1::-webkit-scrollbar{display:none}.SkillsCard{border:2px solid #454343;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;padding:5px;transition-duration:.5s;width:47%}.SkillsCard:hover{background:#151420;color:#fff}.skillsHeader{align-items:center;font-size:1.5rem;height:50%;padding:20px}.skillsContent,.skillsHeader{display:flex;justify-content:center;width:100%}.skillsContent{flex-direction:row;flex-wrap:wrap;scale:.9}.thankyou{align-self:flex-end;display:flex;font-family:sans-serif;font-size:1.1rem;font-weight:600;justify-content:center;margin-bottom:15px}@media (max-width:690px){.hideoncondition{display:none}.aboutHeading{align-items:end;align-items:center;border-bottom:2px solid grey;border-top:2px solid grey;display:flex;height:10%;justify-content:center;padding-bottom:30px;padding-left:0;padding-top:70px;width:100%}.aboutContent{box-sizing:border-box;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:15px;height:80%;margin:15px;padding:15px}.resumebtn{align-self:center;display:block;justify-self:flex-end;position:relative;top:70px}.AchievementHeading{align-items:end;align-items:center;border-bottom:2px solid grey;border-top:2px solid grey;display:flex;height:10%;justify-content:center;padding-bottom:30px;padding-left:0;padding-top:70px;width:100%}.achievementContent{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;padding:10px}.AchievementCard{border-left:3px solid #00ff1a;border-radius:15px;box-sizing:border-box;padding:0;width:100%}.skillsHeading{border-bottom:2px solid grey;border-top:2px solid grey;height:10%;justify-content:center;padding-left:0;padding-top:70px;width:100%}.skillsContent1,.skillsHeading{align-items:center;display:flex}.skillsContent1{flex-direction:column;padding:10px}.SkillsCard{box-shadow:2px 3px 3px 4px hsla(0,0%,100%,.244);flex-direction:column}.SkillsCard,.skillsHeader{align-items:center;display:flex;width:100%}.skillsHeader{height:20%;justify-content:center;padding:10px}.skillsContent{display:flex;flex-direction:row;font-size:.9rem;width:100%}.projectHeading{align-items:end;align-items:center;border-bottom:2px solid grey;border-top:2px solid grey;height:10%;padding-left:0}.project_container{align-items:center;flex-direction:column;justify-content:center}.project_container .motiondiv{height:200px;width:100%}.project_container .motiondiv a{height:100%;width:100%}.ProjectCard{border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #fff;flex-direction:column;min-width:100%}.ProjectCard .inforamtion{height:30%;width:100%}.ProjectCard .inforamtion .header{align-items:center;display:flex;flex-wrap:wrap;height:auto;justify-content:space-between;margin:0;padding:15px;width:100%}.ProjectCard .inforamtion .description{background-color:rgba(62,64,65,.564)}.ProjectCard .image{align-items:center;display:flex;height:80%;justify-content:center;width:100%}.ProjectCard .image .imagetag{height:100%;width:100%}.ProjectWrapper{height:100vh;width:100%}.projectHeading{font-family:Georgia,Times New Roman,Times,serif;font-size:30px;height:20%;justify-content:center}.projectHeading,.project_container{box-sizing:border-box;display:flex;width:100%}.project_container{flex-direction:row;flex-wrap:wrap;gap:10px;height:80%;justify-content:space-evenly;overflow-x:hidden;overflow-y:auto;padding:10px}}@media (max-width:850px){.contactHeader{align-items:end;flex-wrap:wrap;height:10%;padding-bottom:30px;padding-left:0;padding-top:70px}.contactContent,.contactHeader{align-items:center;display:flex;justify-content:center}.contactContent{gap:10px;padding:10px}.contactCard{justify-content:space-around;margin:0}.contactCard,.position-duration{display:flex;flex-wrap:wrap;width:100%}.position-duration{flex-direction:column;padding:10px}.position,.position-duration{justify-content:space-between}.position{align-items:center;display:flex}}
/*# sourceMappingURL=main.39eeeb40.css.map*/