@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#1c1c1c;font-family:Helvetica}.contact,.main-container,.main-title{margin:0 auto;max-width:1280px;padding:0 10px}li{list-style:none}a{text-decoration:none}.title{border-bottom:1px dashed #b0c4de;color:#b0c4de;display:flex;font-size:20px;font-style:italic;justify-content:flex-start;letter-spacing:.1rem;margin-bottom:10px}.main-container,.title{max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}#tsparticles{height:350px}.particles{position:relative;width:100%}.myname{color:#fff;left:19%;position:absolute;text-align:center;top:3rem;width:65%}.myname h1{color:#dcdcdc;font-style:italic;letter-spacing:.1rem;text-shadow:1px 1px 2px #000,0 0 1em #15a4dd,0 0 .2rem #111}.personalInfo{border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.5);margin:-200px auto 0;overflow:hidden;position:relative}.personalDetails{display:flex;flex-direction:column;justify-content:space-between}.personalInfo-container{background-color:#060606;display:flex;flex-wrap:wrap;justify-content:center;padding-top:15px}.personal-content{margin-bottom:20px;width:100%}.content-1{margin:0 auto;width:-webkit-max-content;width:max-content}.content-1 h1{color:#ff0;display:inline;font-family:Helvetica;font-size:34px;letter-spacing:1px;overflow:ellipsis}.content-1 .role{color:#fff;display:flex;font-family:Lucida Sans;justify-content:flex-end}.content-1 .role span{border-bottom:1.5px solid green;color:#dcdcdc;font-size:14px;padding:4px 0}.tag-line{color:#fff;font-family:Roboto,sans-serif;font-size:16px;letter-spacing:1px;line-height:1.2;margin:15px auto 0;text-align:center;width:80%}.cv-btn-container{display:flex;justify-content:center;margin-bottom:12px}.download-btn{align-items:center;background-color:#007bff;border-radius:4px;color:#fff;display:flex;gap:10px;padding:5px 10px;text-decoration:none;transition:background-color .3s ease}.download-btn:hover{background-color:#0056b3}.social-icons{display:flex;justify-content:center;padding:10px 0}.social-icons a{color:#fff;font-size:20px;margin:0 10px;text-decoration:none;transition:color .3s ease-in-out}.social-icons a:hover{color:#00aced}.icon-linkedin:hover{color:#0077b5}.icon-github:hover{color:#333}.icon-twitter:hover{color:#1da1f2}.icon-instagram:hover{color:#c13584}.my-img{height:100%}.my-img img{width:100%}@media (min-width:664px){.myname{left:30%;top:4rem;width:300px}.personalInfo{margin-top:-220px;max-width:750px}.content-1 h1{display:inline;font-size:65px}.content-1 .role span,.content-1 h5{font-size:20px}.tag-line{font-size:24px}.download-btn{padding:10px 15px}.social-icons a{font-size:30px;margin:0 20px}.my-img{align-self:center;display:block}}@media (min-width:960px){.myname{left:43%;width:auto}.myname h1{font-size:40px;padding:5px;position:relative}.personalInfo{margin-top:-180px;max-width:900px;width:100%}.personalDetails{flex-basis:calc(64% - 10px);flex-grow:0;flex-shrink:0}.personal-content h1{font-size:50px}.tag-line{color:#dcdcdc;font-size:18px}.my-img{align-self:center;display:block;flex-basis:calc(38% - 10px);flex-grow:0;flex-shrink:0}.my-img,.my-img img{height:100%}.social-icons a{margin-bottom:10px}}.nav-container{background-color:#1c1c1c;margin:0 auto;max-width:1400px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav{margin:0 auto;max-width:1200px}.logoBtn{align-items:center;border-bottom:1.5px solid #dcdcdc;display:flex;justify-content:space-between;padding:5px 20px}.logoBtn a{align-self:center;border-radius:50%;box-shadow:0 0 1px 2px #d3d3d3;color:#dcdcdc;font-size:30px;opacity:1;width:35px}.logoBtn a:hover{box-shadow:0 0 1px 3px #d3d3d3;opacity:.8}.logoBtn img{align-items:center;border-radius:50%;display:block;display:flex;height:40px;justify-content:center;padding:2px;width:35px}.bar1,.bar2,.bar3{background-color:#d3d3d3;margin:5px;padding:1px;transition:all .5s ease-in-out;width:100%}.animatedBar.bar1{background:#fff;-webkit-transform:rotate(-45deg) translate(-5px,5px);transform:rotate(-45deg) translate(-5px,5px);width:30px}.animatedBar.bar2{opacity:0}.animatedBar.bar3{background:#fff;-webkit-transform:rotate(45deg) translate(-4px,-5px);transform:rotate(45deg) translate(-4px,-5px);width:30px}.btn{cursor:pointer}.links{background-color:#1c1c1c;cursor:pointer;opacity:1;top:37px;-webkit-transform:translate(-100%);transform:translate(-100%);transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;z-index:10}.links,.new-links{bottom:0;left:0;position:fixed;right:0;width:100%}.new-links{padding:0 25px;top:37x;-webkit-transform:translate(0);transform:translate(0)}.links li a{color:#d3d3d3;display:block;font-size:18px;padding:10px;transition:all .3s ease-in-out}.links li a:hover{color:#fff;padding:10px 12px}.adminLi{display:none}.admin{color:#5df15d}@media screen and (min-width:780px){.logoBtn{border:none;padding:0}.btn{display:none}nav{align-items:center;display:flex;justify-content:space-between;max-width:1280px;padding:5px 10px}.links{display:flex;width:auto}.links,.new-links{position:relative;top:auto;-webkit-transform:translate(0);transform:translate(0)}.new-links{width:100%}.links li a:hover{font-size:18px}}.about-container{margin:20px}.about{margin:0 auto;max-width:1200px}.about-info p{color:#dcdcdc;font-size:14px;line-height:1.5;padding-bottom:6px;text-align:justify}.scroll-container{overflow:hidden;width:100%}.scroll-container h4{color:#fff;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;margin:10px 0;text-align:center}.techstack-container{-webkit-animation:scroll 12s linear infinite;animation:scroll 12s linear infinite;display:flex}.skill-logo{align-items:center;background-color:#fffaf0;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;margin-right:10px;width:100px}.skill-logo img{max-height:80%;max-width:80%}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}}@media (min-width:768px){.skill-logo{height:80px;margin-right:25px;width:180px}.techstack-container{-webkit-animation:scroll 15s linear infinite;animation:scroll 15s linear infinite}.scroll-container h4{font-size:24px;margin-bottom:20px}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-3000px);transform:translateX(-3000px)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-3000px);transform:translateX(-3000px)}}}.education{margin:20px;max-width:1200px}.education-info{background:#117391;color:#fff;font-size:18px;letter-spacing:.1rem;margin:0 auto 20px;padding:4px;width:100%}@media screen and (min-width:860px){.education{margin:0 auto}.education-detail{display:flex;flex-wrap:wrap;justify-content:space-between}.education-info{-webkit-clip-path:polygon(0 0,100% 0,95% 100%,0 100%);clip-path:polygon(0 0,100% 0,95% 100%,0 100%);flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:0;margin-left:0;margin-right:0;padding:10px}}.experience{margin:20px;max-width:1200px}.experience-info p{background:#117391;color:#fff;font-size:18px;letter-spacing:.1rem;margin:0 auto 20px;padding:4px;width:100%}@media screen and (min-width:860px){.experience{margin:0 auto}.experience-detail{display:flex;flex-wrap:wrap;justify-content:space-between}.experience-info{-webkit-clip-path:polygon(0 0,100% 0,95% 100%,0 100%);clip-path:polygon(0 0,100% 0,95% 100%,0 100%);flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:0;margin-left:0;margin-right:0;padding:10px}}.project-container{margin:20px}.projects{margin:0 auto;max-width:1200px}.project-info{background-color:#3b3b3b;border-radius:5px;margin-bottom:30px}.project-img{border-radius:5px;margin:0 auto;width:100%}.project-img img{border-radius:10px;display:block;padding:10px;transition:all .3s ease-in-out;width:100%}.project-info{padding:14px}.project-info:hover .project-img img{-webkit-transform:scale(1.05);transform:scale(1.05)}.project-info h3{color:#ffb606;letter-spacing:.1rem;margin-bottom:5px}.project-info p{color:#dcdcdc;font-size:16px;line-height:1.3;margin-bottom:10px;text-align:justify}.project-icons a i{color:#ffe002;font-size:larger;padding-right:10px}.project-icons a:hover{color:#8a2be2}@media screen and (min-width:664px){.projects-detail{display:flex;flex-wrap:wrap;justify-content:space-between}.project-info{display:flex}.project-img,.project-img img{height:280px;width:300px}.project-img img{transition:all .3s ease-in-out}.project-info:hover .project-img img{-webkit-transform:scale(1.05);transform:scale(1.05)}}@media screen and (min-width:964px){.projects-detail{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1180px}.project-info{display:flex;flex-basis:49%;flex-grow:0;flex-shrink:0;margin:0 0 25px;position:relative}.project-img,.project-img img{height:250px;width:250px}.project-img img{transition:all .3s ease-in-out}.project-info:hover .project-img img{-webkit-transform:scale(1.05);transform:scale(1.05)}}.contact-container{margin:20px}.contact-form{margin:0 auto;max-width:1200px}.contact-form-detail{display:flex;flex-direction:column-reverse;flex-wrap:wrap;padding:10px 0}.contact-form-info form{background:10px;box-shadow:0 0 2px 1px #0b485c;display:flex;flex-direction:column;padding:10px;width:100%}.contact-form-info form input,.contact-form-info form textarea{bottom:1px solid #28b9b9;margin-bottom:10px;padding:10px 8px}.contact-form-info button{background:#137ee9;border:none;color:#e6e3e3;cursor:pointer;font-size:16px;letter-spacing:.1rem;margin-top:15px;outline:none;padding:10px;width:160px}.contact-form-info form p{color:green;letter-spacing:.1rem;margin-bottom:10px;text-align:center}.contact-form-info form label{color:#555;letter-spacing:.2rem;margin-bottom:5px}.contact-info{margin-bottom:20px;width:100%}.contact-info h4{color:#555;font-style:italic;letter-spacing:.2rem;margin-bottom:5px}.contact-info img,button .load{width:100%}button .load img{color:green;width:60px}@media (min-width:664px){.contact-form-detail{display:flex;flex-direction:column-reverse;flex-wrap:wrap}.contact-form-info{display:flex;flex:0 0 50%;flex-direction:column;padding:10px 0}.contact-info{align-self:center;flex:1 1;margin-bottom:0}}@media (min-width:864px){.contact-form-detail{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-evenly}.contact-form-info{display:flex;flex:0 0 400px;flex-direction:column;padding:10px}.contact-info{flex:0 0 400px}}.main-contact{background:#121212}.contact-center{padding:20px}.contact-center-links{margin-bottom:20px}.contact-center-links h3{margin-bottom:10px}.contact-center-links h3,.contact-center-media h3{color:#d3d3d3;letter-spacing:.2rem;text-align:center}.contact-center-media h3{margin-bottom:15px}.contact-links{gap:10px;justify-content:center;width:100%}.contact-links,.contact-media{align-items:center;display:flex;flex-wrap:wrap}.contact-media{justify-content:space-around}.icon-link li{margin-bottom:8px}.contact-links li{color:#c0bebe;margin:2px}.contact-links li a{color:#c0bebe;font-size:18px;margin:0 5px;padding:0 2px}.contact-links li a:hover{color:rbg(226,225,225);margin:0 5px}.contact-media li a{color:#c0bebe;font-size:18px;margin:0 5px;padding:5px}.contact-media li a:hover{color:#e2e1e1}.contact-media li a i{color:#c0bebe;font-size:20px;margin:0 5px}.footer{border-top:1px solid #d3d3d3;color:#d3d3d3;font-size:18px;font-style:italic;padding:10px 0;text-align:center}@media screen and (min-width:530px){.contact-links li{margin-bottom:0}.contact-links{display:flex;flex-direction:row;justify-content:center}.icon-link{display:flex}}@media screen and (min-width:864px){.contact-media li a i{font-size:24px}.contact-center{width:100%}.contact-media{display:flex;justify-content:center}}
/*# sourceMappingURL=main.79f4aac0.css.map*/