*{margin:0;padding:0}.navbar{display:flex;flex-direction:row;position:fixed;top:0;width:98vw;justify-content:space-between;padding:.8em 1em;background-color:#333;color:#ffffffe0;z-index:2;box-shadow:10px 0 5px #fff;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.page-name{text-align:left;font-weight:200;color:#fff;font-family:Kanit,sans-serif}.designation{font-size:small}.options{display:flex;flex-direction:row;justify-content:space-evenly;list-style-type:none;padding:0 1em;width:50%;align-items:center;font-size:1.3vw}.index:hover{border-bottom:2px solid rgb(247,232,99);cursor:pointer}.index-link:active,.index-link:focus{color:#f7e863}.index-link{color:#ffffffe0;text-decoration:none}@media screen and (min-width: 375px) and (max-width: 820px){.options{font-size:2vw;width:60%}}#root{max-width:1260px}.dp{display:flex;width:20vw;height:40vh;position:absolute;justify-content:center;align-items:center;top:30%;right:15%;border:1px solid white;border-radius:50%;border-right:30%;background-color:#fff}.mypic{width:88%;height:90%;border-radius:50%;border:1px solid rgb(247,232,99);background-color:#f7e863;padding:6px}@media screen and (min-width: 375px) and (max-width: 820px){.dp{width:35vw;height:30vh}}.introduction{display:flex;flex-direction:column;position:absolute;color:#ffffffe7;left:10%;top:35%;row-gap:.5em}.greet{font-size:4vw;font-family:Raleway,sans-serif;font-weight:300;color:#f7e863}.introduce{font-family:Inter,sans-serif;font-size:2vw;font-weight:300}.resume{width:12vw;height:3em;border-radius:15px;border:1px solid rgb(247,232,99);background-image:linear-gradient(to right,#fce838,#fcee6f,#f5e983);color:#333232;font-weight:600;margin-top:4vh;cursor:pointer;font-size:1vw;font-family:Inter,sans-serif}.resume:hover{background-color:#f5e44b;background-image:none}@media screen and (min-width: 375px) and (max-width: 820px){.greet{font-size:6vw}.introduce{font-size:4vw;position:absolute;margin-top:5vh}.resume{font-size:2vw;width:15vh;height:3em;margin-top:15vh}}.icons{display:flex;position:absolute;right:2%;top:40%;border:1px solid black;border-radius:10px;height:25%;width:4%;justify-content:center}.icon-list{list-style-type:none;display:flex;width:auto;row-gap:1em;flex-direction:column;justify-content:center;align-items:center}.mail-link{color:#000;width:30px;height:30px}@media screen and (min-width: 375px) and (max-width: 820px){.icons{top:80%;left:25%;border:1px solid black;border-radius:10px;width:50%;height:8%;justify-content:center}.icon-list{list-style-type:none;display:flex;width:auto;column-gap:2em;flex-direction:row;justify-content:center;align-items:center}}.about{display:flex;position:absolute;flex-direction:column;top:20vh;left:5vw;right:5vw;color:#ffffffd8;row-gap:3vh}.about-me{font-family:Raleway,sans-serif;font-size:2em;font-weight:600;color:#f7e863}.bachelors,.more-details{font-family:Inter,sans-serif;font-weight:400;font-size:1em}@media screen and (min-width: 375px) and (max-width: 820px) and (max-height: 667px){.last{margin-bottom:5vh;position:relative}.about{top:15vh}}.work-exp{position:absolute;display:flex;flex-direction:column;top:20vh;left:10vw;right:5vw;color:#ffffffd8;row-gap:3vh;font-family:"Inter",}.company{font-family:Raleway,sans-serif;font-size:2em;font-weight:600;color:#f7e863}.period,.role,.skills{font-family:Inter,sans-serif;font-weight:400;font-size:1em}@media screen and (min-width: 375px) and (max-width: 820px){.last{margin-bottom:5vh;position:relative}}.projects{display:flex;position:absolute;flex-direction:column;top:20vh;left:10vw;right:5vw;color:#ffffffd8;row-gap:6vh}.project{display:flex;flex-direction:column;row-gap:3vh}.project-container{display:flex;flex-direction:column;row-gap:1vh}.project-exp,.project-title{font-family:Raleway,sans-serif}.project-exp{font-size:1.8em;font-weight:600;color:#f7e863}.project-title{font-size:1.3em;font-weight:500;color:#dbce5b}.details{font-family:Inter,sans-serif;font-weight:300;font-size:1em}.project-link{display:inline-block;left:18vw;margin-top:.5vw;position:absolute;width:6vw;background:transparent;border-radius:10px;border:1px solid rgb(247,232,99);font-family:Inter,sans-serif;cursor:pointer;font-size:large;color:#f7e863}.project-link:hover{color:#f1edb0}@media screen and (min-width: 375px) and (max-width: 820px){.last{margin-bottom:5vh;position:relative}.project-link{left:66vw;width:18vw;margin-top:1vh}}.modal-wrapper{position:fixed;left:0;right:0;bottom:0;top:0;background-color:#f0ededbe}.modal-container{position:fixed;left:30%;top:30%;transform:transalte(-50%,-50%);border:1px solid white;background-color:#333030;border-radius:10px;width:40vw;height:45vh;z-index:1}.project-name{color:#f7ec5f;margin-left:2em;font-family:Raleway,sans-serif;font-size:large}.github,.web{text-decoration:none;color:#f7f5f5;font-family:Inter,sans-serif;margin-left:1em;font-weight:400;text-wrap:wrap}.links{color:#f1e88e;font-family:Inter,sans-serif;margin-left:2em;margin-top:.5em;margin-bottom:.5em;font-weight:600}.end{margin-bottom:1.5em}.close{position:relative;background-color:transparent;left:90%;top:5%;color:#f7df0d;border:none;cursor:pointer}@media screen and (min-width: 375px) and (max-width: 820px){.close{left:85%}.modal-container{position:fixed;left:7%;top:20%;width:82vw;height:70vh}.links{margin-left:2em;margin-top:.8em}.web{display:inline-block}}@media screen and (min-height: 915px){.modal-container{width:82vw;height:50vh}}@media screen and (min-height: 1024px){.modal-container{width:82vw;height:30vh}}.contact{display:flex;position:absolute;flex-direction:column;top:26vh;left:10vw;right:5vw;color:#ffffffd8;row-gap:5vh}.contact-channel{display:flex;flex-direction:column;row-gap:2vh}.channel-name{font-size:1.8em;font-weight:500;color:#fff069;font-family:Raleway,sans-serif}.conact-details{font-family:Inter,sans-serif;font-weight:300;font-size:1.3em}.mail,.call,.linkedIn{display:flex;flex-direction:row;column-gap:1vw;color:#fff}.linkedIn-link{text-decoration:none;color:inherit}@media screen and (min-width: 375px) and (max-width: 820px){.channel-name{font-size:1.5em;font-weight:400}.conact-details{font-weight:300;font-size:1em}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;max-width:100vw;background-image:linear-gradient(to bottom right,#333 50%,#f7e863)}@media screen and (min-width: 375px) and (max-width: 820px){body{background-image:linear-gradient(180deg,#333 20%,#f7e863);background-repeat:no-repeat;min-height:137vh}}