@import url(https://fonts.googleapis.com/css2?family=Slackside+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tektur&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lugrasimo&display=swap);@import url(https://fonts.googleapis.com/css2?family=Yatra+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.front-cover{align-items:center;background:#000;border-bottom-left-radius:30%;display:grid;grid-template-columns:1fr 1fr;height:100vh}#calliography{height:200px}#vishnu_img{bottom:0;overflow:hidden;width:100%}#cover-head-1,#cover-head-2{color:#fff;font-family:Slackside One,cursive;text-align:center}#cover-head-1{font-size:5em}#cover-head-2{color:#920f8f;font-size:3em}nav{background:#000}.text-cover{align-items:center;display:flex;flex-direction:column;justify-content:center}h1{font-size:100px;text-align:center}.main{align-items:center;background:#000;display:flex;flex-direction:column;height:100vh;justify-content:center}#name{color:#fff;font-family:Tektur,cursive;font-size:5em;z-index:2}nav{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;box-shadow:0 4px 30px rgba(0,0,0,.1);flex-direction:column;justify-content:center;margin:12px 20px;padding:15px 0;z-index:10}nav,nav ul{display:flex}nav ul{gap:50px;justify-content:flex-end;margin-right:30px;width:100%}.nav-links{list-style:none}.nav-links a{color:#fff;text-decoration:none}.nav-icon{padding:2px;position:relative}.nav-icon,.nav-icon:hover{transition:.3s ease-in-out}.nav-icon:hover{background:#fff;border-radius:4px;color:#000}.tooltip{background-color:#000;border-radius:4px;color:#fff;font-size:14px;opacity:0;padding:10px;top:-70px;transition:opacity .3s;visibility:hidden}.tooltip,.tooltip:before{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip:before{border:10px solid transparent;border-bottom-color:#fff;bottom:-10px;content:""}.nav-icon:hover .tooltip{opacity:1;visibility:visible}.main-story{background:#000}.introduction{align-items:center;color:#fff;display:grid;grid-template-columns:2fr 3fr;padding:5%}#vishnu_story_img{width:100%}#story{color:#dec800;font-size:64px;padding:10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#content{font-family:Poppins,sans-serif;font-size:18px;text-align:justify}#vishnu{height:100%;opacity:.5}#overlay,#vishnu{position:absolute}#overlay{background:linear-gradient(180deg,transparent,#000);height:100vh;width:100%;z-index:1}.hamburger,.hamburger-menu{display:none}.navbar{bottom:0;position:fixed;width:100%;z-index:100}.navbar,.notfound{align-items:center;display:flex;justify-content:center}.notfound{background-color:#000;height:100vh}#notfound{-webkit-animation:alert 1s linear infinite;animation:alert 1s linear infinite;color:#fff;font-family:VT323,monospace;font-size:4em}@-webkit-keyframes alert{0%{color:#fff}25%{color:red}50%{color:#fff}75%{color:red}}@keyframes alert{0%{color:#fff}25%{color:red}50%{color:#fff}75%{color:red}}@media only screen and (max-width:800px){nav{display:none}.hamburger{align-items:center;background:rgba(0,0,0,.7);border-radius:20%;display:flex;flex-direction:column;gap:10px;justify-content:center;margin:1em;padding:.8em;position:fixed;right:0;top:0;z-index:999}.bar,.hamburger{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.bar{background:#fff;border-radius:2px;height:4px;width:50px}#name{font-size:300%}#vishnu{height:100vh;max-width:100vw;object-fit:cover}.open #one{transform:rotate(45deg) translateX(8px);-webkit-transform:rotate(45deg) translateX(8px);transform-origin:30%;-webkit-transform-origin:30%}.open #two{transform:rotate(-45deg) translateY(10px);-webkit-transform:rotate(-45deg) translateY(10px);transform-origin:22%;-webkit-transform-origin:22%}.hamburger-menu,.open #three{display:none}.open-menu{background:#000;height:100vh;position:fixed;top:0;width:100%;z-index:98}#menu-list,.open-menu{align-items:center;display:flex;flex-direction:column;justify-content:space-around}#menu-list{height:90vh}.menu-item{color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:3em;font-weight:800;list-style:none;text-decoration:none;text-transform:uppercase}.introduction{display:flex;flex-direction:column;gap:10%}}.main-div{background:#1e1e1e;color:#fff;min-height:100vh;padding:2%}#project{color:#dec800;font-size:64px;text-align:center}.project-grid{gap:3rem}.proj-demo,.project-grid{display:flex;flex-direction:column}.proj-demo{align-items:center}#proj-decs{margin-top:10px;text-align:justify}.project-card{align-items:center;display:grid;font-family:Poppins,sans-serif;grid-template-columns:1fr 1fr}#top-project-img{padding:5%;width:80%}.project-card:nth-child(odd){order:1}.projects-main-div{background-color:#000;min-height:100vh}.projects-main-div h1{color:#fff;padding-top:7%}.project_url{color:#fff}.icon{padding:10px 20px}.link-icons{display:flex;justify-content:space-between;width:100%}.skill-set{grid-gap:3%;display:grid;gap:3%;grid-template-columns:repeat(4,1fr)}.vertical-timeline-element-subtitles{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;box-shadow:0 4px 30px rgba(0,0,0,.1);margin-bottom:10px;padding:10px;text-align:center;transition:1s}.vertical-timeline-element-subtitles:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.service-main{align-items:center;background:#000;display:flex;flex-direction:column;gap:10%;justify-content:center;min-height:100vh}.services{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:20px}.service_card{border:5px solid #fff;border-radius:2%;cursor:pointer;transition:1s ease}.services img{width:100%}#service-title{color:#fff}.service_card:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:1s}@media only screen and (max-width:800px){.main-div{display:flex;flex-direction:column-reverse}#project{font-size:3.5em;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}.project-card{background:linear-gradient(45deg,#414141,#000);border:1px solid #fff;border-radius:20px;box-shadow:4px 4px hsla(0,0%,100%,.4);display:flex;flex-direction:column;margin-top:30px;padding:20px}#project-head{font-size:3.5em}.skill-set{grid-template-columns:repeat(2,1fr)}#service-title{font-size:4em;margin-top:15%}.services{display:flex;flex-direction:column}.service_card:hover{-webkit-transform:scale(1);transform:scale(1)}}.main-top,.whoami_content{background-color:#1e1e1e}.whoami_content{align-items:center;color:#fff;display:grid;grid-template-columns:1fr 2fr;margin-left:10%;min-height:90vh;padding:20px}#welcome_robot{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:levitate;animation-name:levitate;object-fit:contain;width:50%}@-webkit-keyframes levitate{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(25px);transform:translateY(25px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes levitate{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(25px);transform:translateY(25px)}to{-webkit-transform:translate(0);transform:translate(0)}}#bio{color:#dec800;font-size:64px;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}.side-head{display:flex}#bio-title{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:blink;animation-name:blink;font-size:64px;margin-right:1.5em;text-align:right}.side-Head{display:flex;flex-direction:column;gap:40px;justify-content:space-evenly}#bio-content{font-size:24px}.skills{color:#fff;display:flex;flex-direction:column;min-height:100vh}#skills_title{color:#dec800}#skills_title img{width:10%}.skill-text{display:flex;flex-direction:column;justify-content:center}#skills_title{align-items:right;font-size:124px;margin-top:10%}.skill-title{font-size:42px;margin:20px}.code-list{display:grid;grid-template-columns:repeat(3,1fr);margin:20px}.skill-div{backdrop-filter:blur(8.1px);-webkit-backdrop-filter:blur(8.1px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);margin:30px;padding:20px;text-align:center;transition:1s}.skill-div:hover{-webkit-transform:rotate3d(2,1,1,25deg);transform:rotate3d(2,1,1,25deg)}.skill-div p{background:none;font-size:1.5em;font-weight:600}.skill-div:hover p:nth-child(odd){text-shadow:1px 4px #dec800}@media only screen and (max-width:800px){#skills_title{font-size:5em}#skills_title img{width:20%}.skill-heading{font-size:4em}.code-list{grid-template-columns:repeat(2,1fr)}.skill-div{margin:20px;padding:20px 10px}.skill-div p{font-size:18px}}.main-cv{background:#1e1e1e;min-height:100vh;padding-bottom:30px}.profile-section{display:grid;grid-template-columns:1fr 3fr}.profile-section img{background-color:#000;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);margin-top:20px;width:50%}.work-experience{color:#fff}.work-experience h1{padding-top:7%}.work-card{align-items:center;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:grid;grid-template-columns:1fr 1fr;justify-content:center;margin:40px;padding:30px}.work-card img{background-color:#fff;height:250px;object-fit:contain;width:300px}.company-img,.content{display:flex;justify-content:center}.content{flex-direction:column;gap:20px;height:100%}.content h2{color:#dcc800;font-size:30px;text-shadow:2px 2px #000}.content h3{font-size:20px}.content p{font-size:18px}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid transparent;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid transparent;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (max-width:800px){#timeline-head{font-size:4em}}*{margin:0;padding:0}.certificate-card{background:#858585;border:15px solid #00005b;height:200px;width:400px}.contact-div{background:#000;gap:20px;min-height:100vh}.contact-div,.contact-section{display:flex;flex-direction:column}.contact-section{align-items:center;height:100%;justify-content:center;width:100%}#contact-head{color:#fff}#contact-img{height:70vh;object-fit:contain;width:100%;z-index:-20}.overlay{background:linear-gradient(270deg,transparent,rgba(0,0,0,.7));height:100vh;position:absolute;width:50%;z-index:99}.contact-text{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);color:#fff;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;margin:10px 20px;padding:10px 20px}.contact_name p{font-family:Lugrasimo,cursive;font-size:2.2em}.contact{align-items:center;display:flex;gap:10px;justify-content:flex-start}.contact a{color:#fff;cursor:pointer;text-decoration:none}.links{display:flex;justify-content:space-evenly}.job{font-family:Poppins,sans-serif;font-size:1.5em;font-weight:600}.loading-container{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-image{width:200px}.loading-text-title{-webkit-animation:color-blink 2s linear infinite;animation:color-blink 2s linear infinite;color:#fff;font-family:Yatra One,cursive;font-size:4em}@-webkit-keyframes color-blink{0%{text-shadow:2px 4px #007bff}50%{text-shadow:2px 4px #ef0000}}@keyframes color-blink{0%{text-shadow:2px 4px #007bff}50%{text-shadow:2px 4px #ef0000}}.progress_bar{border:1px solid #fff;height:10px;width:200px}#bar{-webkit-animation:bar 2s linear infinite;animation:bar 2s linear infinite;background:#fff;height:100%}@-webkit-keyframes bar{0%{width:0}50%{width:50%}}@keyframes bar{0%{width:0}50%{width:50%}}.loading-text{-webkit-animation:blink 2s linear infinite;animation:blink 2s linear infinite;color:#fff;font-family:Poppins,sans-serif;margin-top:10px;text-align:center}@-webkit-keyframes blink{0%{color:#fff}50%{color:#000}}@keyframes blink{0%{color:#fff}50%{color:#000}}@media only screen and (max-width:800px){#contact-head{font-size:3em}.contact_name p,.job{font-size:18px}.contact-div{display:flex;flex-direction:column;gap:10%;height:100vh;justify-content:center}.contact-section{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.contact-text{gap:10%}}
/*# sourceMappingURL=main.05df2da2.css.map*/