import "animate.compat.css" #homepage{height:100vh;width:100vw;position:fixed;overflow:auto;overflow-x:hidden;scroll-behavior:smooth;box-sizing:border-box}::-webkit-scrollbar{width:0px}::-webkit-scrollbar-track{background:#aa191900}::-webkit-scrollbar-thumb{background:#625f5f;border-radius:1rem;width:0px}#header{padding-inline:5rem;padding-top:1rem;position:sticky;top:0}canvas{width:50vw;height:30rem}@media screen and (max-width: 780px){#header{padding-inline:0;padding-top:1rem;padding-left:2rem;position:sticky;top:0;z-index:9}#flag{width:15%}canvas{width:100vw;height:30rem}}#quotediv{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-top:5rem;padding-bottom:5rem}#quote{color:#6d6d6d;text-align:center;width:70%;font-size:1.5rem;font-weight:lighter}#maindiv{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#intro{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}img{justify-self:end;margin-bottom:-1rem}h1{padding:0;margin:1rem}#subtext{color:#7b7b7b;font-weight:100}#desc{color:#a8a8a8;font-weight:100;text-align:center;margin-top:1rem;font-size:1.7rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#name{font-size:8rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-background-clip:text;background-clip:text;color:transparent;background-color:#0f97ff}#merndiv{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:2.5rem}#job-title{font-weight:100;color:#cdcdcd}@media screen and (max-width: 780px){#name{font-size:4.5rem;text-align:center}#mernimage{width:50%}}#servicemaindiv{width:100vw;display:flex;flex-direction:column;justify-content:start;align-items:center}#title{font-size:4rem;background:#ee0979;background:-webkit-linear-gradient(to right,#ff6a00,#ee0979);background:linear-gradient(to right,#ff6a00,#ee0979);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#serviceboxcontainer{margin-top:2.5rem;width:70%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#servicebox{background-color:#1a1a1a;padding:2.5rem;border-radius:1.5rem;margin:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}#servicetitle{font-size:2rem;color:#d2d2d2;font-weight:100;width:110%;text-align:center}@media screen and (max-width: 780px){#serviceboxcontainer{display:flex;flex-direction:column;width:90%}#servicelogo{width:90%}}#skillmaindiv{width:100vw;display:flex;flex-direction:column;justify-content:start;align-items:center}#skillsboxcontainer{width:70%;margin-top:3rem;display:flex;flex-direction:row;align-items:flex-start;justify-content:center}#left{padding:1rem 3rem 1rem 1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}.skilltitle{font-size:1.5rem;margin-bottom:1rem;cursor:pointer;color:#767676;font-weight:100}.skilltitleactive{font-size:1.5rem;margin-bottom:1rem;cursor:pointer;color:#006ce0}.right{padding-top:2rem;padding-inline:2rem;padding-bottom:1rem;width:60%;background-color:#1a1a1a;border-radius:1.5rem;display:flex;flex-direction:row;flex-wrap:wrap}.skill{display:flex;flex-direction:row;align-items:center;width:50%;margin-bottom:1rem}.skillname{font-size:2rem;margin-left:.8rem;color:#c8c8c8}.skilllogo{width:2.3rem;align-self:baseline;justify-self:flex-start}@media screen and (max-width: 780px){#skillsboxcontainer{display:flex;flex-direction:column;width:90%;margin-top:1rem;justify-content:center}#left{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.skilltitle{font-size:1rem}.right{width:90%;display:flex;flex-direction:column;align-self:center;justify-content:center;align-items:center;padding-inline:0;flex-wrap:nowrap}.skill{width:80%;flex-direction:row;align-self:center;margin-bottom:1.4rem}.skillname{margin-left:1.5rem;font-size:2rem}}#experiencemaindiv{width:100vw;display:flex;flex-direction:column;justify-content:start;align-items:center;position:relative}.experienceboxcontainer{width:70%;margin-top:1rem;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;background-color:#1a1a1a;border-radius:2rem}#leftdiv{padding:2rem;width:50%;display:flex;flex-direction:column}#companytitle{font-size:2rem;color:#f3f3f3}#subtitle{font-size:1rem;color:#b4b4b4}#rolebox{display:flex;flex-direction:row;margin-top:1rem}#roledata{display:flex;flex-direction:column}#circle{width:8%;display:flex;flex-direction:column;padding-top:.45rem}#roletitle{font-size:1.5rem;color:#ededed;margin-bottom:.7rem}#rightdiv{padding:1rem;width:30%}#subdetails{color:#b4b4b4;margin-bottom:.3rem}@media screen and (max-width: 780px){.experienceboxcontainer{width:80%}#rightdiv{display:none}#leftdiv{width:100%}#roledata{width:100%;margin-left:1rem}}.projectboxcontainer{width:70%;margin-top:1rem;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;background-color:#1a1a1a;border-radius:2rem;padding:2rem;box-sizing:border-box}#leftbox{width:40%;display:flex;flex-direction:column}#livebox{padding:1rem}#live{font-size:1.3rem;background-color:#00c073;padding-block:.4rem;padding-inline:1.2rem;color:#ededed;border-radius:1.1rem;font-weight:700}#prod{font-weight:700;font-size:1.3rem;background-color:#df9100;padding-block:.4rem;padding-inline:1.2rem;color:#ededed;border-radius:1.1rem}#rightbox{width:50%;display:flex;flex-direction:column;padding-bottom:1rem}#projecttitle{font-size:2rem;color:#f3f3f3}#projectlink{color:#007aff;cursor:pointer;font-size:1rem;margin-top:.3rem}#projectlink:hover{color:#007aff;cursor:pointer;font-size:1rem;margin-top:.3rem;text-decoration:underline}#projectdesc{color:#b4b4b4;margin-top:2rem;margin-bottom:2rem;font-size:1.3rem}#projecttech{display:flex;flex-direction:row}@media screen and (max-width: 780px){.projectboxcontainer{width:80%;display:flex;flex-direction:column}#leftbox{width:100%}#rightbox{width:100%;margin-top:2rem}#projecttech{align-self:center;width:100%;display:flex;flex-direction:row;justify-content:space-evenly}}#footer{background-color:#1a1a1a;display:flex;flex-direction:row;justify-content:center;padding-bottom:1rem}#footer_main_container{width:70%;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;background-color:#1a1a1a;padding:1rem;box-sizing:border-box}#footer_right{margin-right:2rem}#footer_name{font-weight:700;color:#0f97ff;font-size:5rem;margin:0;padding:0}#contact_item_div{display:inline-flex;margin-right:2rem}#contact_item_text{font-size:1.2rem;color:#bababa;margin-left:1rem}#footer_left{display:flex;flex-direction:column;align-items:center;justify-content:space-between}#contact_icon{margin-inline:1rem;cursor:pointer}#copyright_text{color:#b2b2b2;margin-top:2rem;align-self:flex-end}@media screen and (max-width: 780px){#footer{width:100%;display:flex;flex-direction:column;padding-bottom:0}#footer_main_container{width:100%;display:flex;flex-direction:column;justify-content:center}#footer_left{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:1.5rem}#footer_name{font-size:3rem}#footer_right{width:100%;text-align:center}#contact_item_div{margin-top:.5rem;margin-right:0}#contact_item_text{font-size:1rem;margin-left:.6rem}#contactdiv{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}}body{position:relative;left:0;top:0;margin:0;padding:0;height:100vh;width:100vw;box-sizing:border-box;background-color:#000;background-repeat:no-repeat;background-size:cover;background-clip:border-box;overflow-x:hidden}a{text-decoration:none;color:#007aff}