@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&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}*{box-sizing:border-box;font-family:Titillium Web,sans-serif;margin:0;padding:0}body{background:#081b29;color:#ededed}:root{--mainColor:##081b29;--mainColorLight:#5767aa;--secondaryColor:#db2b39;--textColor:#eee}header{align-items:center;background-color:##081b29;background-color:var(--mainColor);color:#eee;color:var(--textColor);display:flex;height:80px;justify-content:space-between;left:0;padding:20px;top:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.type-text{-webkit-animation:slide 12s steps(4) infinite,colorful 6s infinite;animation:slide 12s steps(4) infinite,colorful 6s infinite;color:#0ef;font-size:32px;font-weight:700;list-style:none;padding:0;text-shadow:0 0 10px #0ef;top:0}.logo{color:#ededed;font-size:25px;padding-top:20px;text-shadow:0 0 10px #0ef}.logo,.navbar a{font-weight:600;text-decoration:none}.navbar a{align-items:center;background:transparent;border:2px solid #00abf0;border-radius:8px;display:inline-flex;font-size:19px;height:100%;justify-content:center;position:relative;width:150px}.navbar a.active,.navbar a:hover{color:#00abf0}.home{align-items:center;display:flex;margin-top:100px;padding:0 10%}.home-content{max-width:600px}.home-content h1{font-size:56px;font-weight:700;line-height:1.2}.home-content h3{font-size:32px;font-weight:700}.home-content p{font-size:16px;margin:20px 0 40px}.home-content .btn-box{display:flex;height:50px;justify-content:space-between;width:345px}.btn-box a{align-items:center;background:#00abf0;border:2px solid #00abf0;border-radius:8px;color:#081b29;display:inline-flex;font-size:19px;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;position:relative;text-decoration:none;width:150px;z-index:1}.btn-box a:before{background:#1e80ef;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:.5s;transform:.5s;width:0;z-index:-1}.btn-box a:hover:before{width:100%}.btn-box a:nth-child(2){background:transparent;color:#00abf0}.wrap{display:flex}.wrap .sec-text{height:90px;line-height:90px;margin-left:px;overflow:hidden}.sec-text li{-webkit-animation:slide 12s steps(4) infinite,colorful 6s infinite;animation:slide 12s steps(4) infinite,colorful 6s infinite;color:#0ef;font-size:32px;font-weight:700;list-style:none;padding:0 20px;text-shadow:0 0 10px #0ef;top:0}.sec-text li,.sec-text li span{position:relative}.sec-text li span:before{-webkit-animation:typing 1.5s steps(10) infinite alternate;animation:typing 1.5s steps(10) infinite alternate;background:transparent;border-left:3px solid #0ef;content:"";height:200%;left:0;position:absolute;width:400px}.wrapper{align-items:center;display:flex;height:80vh}.wrapper .first-text{color:#fff;font-size:60px}.wrapper .sec-texts{height:90px;line-height:90px;overflow:hidden}.sec-texts li{-webkit-animation:slide 12s steps(4) infinite,colorful 6s infinite;animation:slide 12s steps(4) infinite,colorful 6s infinite;color:#0ef;font-size:60px;list-style:none;padding:0 20px;position:relative;text-shadow:0 0 10px #0ef;top:0}@-webkit-keyframes slide{to{top:-360px}}@keyframes slide{to{top:-360px}}@-webkit-keyframes colorful{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes colorful{to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.sec-texts li span{position:relative}.sec-texts li span:before{-webkit-animation:typing 1.5s steps(10) infinite alternate;animation:typing 1.5s steps(10) infinite alternate;background:#081b29;border-left:2px solid #0ef;content:"";height:100%;left:0;position:absolute;width:400px}@-webkit-keyframes typing{to{left:100%;margin:0 -35px 0 35px}}@keyframes typing{to{left:100%;margin:0 -35px 0 35px}}.wrapper .profile-container{height:400px;position:relative;width:400px}.profile-image{border-radius:50px;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:auto;transition-duration:.5s;width:100%}.profile-image:hover{-webkit-filter:none;filter:none;scale:105%}.container .text{color:#4070f4;font-size:30px;font-weight:600;position:relative}.container .text.first-text{color:#fff}.text.sec-text:before{-webkit-animation:animate 4s steps(12) infinite;animation:animate 4s steps(12) infinite;background-color:#010718;border-left:2px solid #4070f4;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes animate{40%,60%{left:100%}to{left:0}}@keyframes animate{40%,60%{left:100%}to{left:0}}a{color:#fff;display:inline-block;padding:0 1em}section{height:100vh}html{scroll-behavior:smooth}#section1,#section2,#section3{background-color:#081b29;font-size:5em}#mySidenav a{border-radius:0 5px 5px 0;color:#fff;font-size:20px;left:-50px;margin-top:170px;padding:10px;position:fixed;text-align:right;text-decoration:none;transition:.3s;width:100px}#mySidenav a:hover{left:0}#about{background-color:#04aa6d;top:20px}#about .icon{display:inline-block}#about:hover .icon{display:none}#about:hover .text{display:inline-block}#about .text{display:none}#blog{background-color:#2196f3;top:80px}#blog .icon{display:inline-block}#blog:hover .icon{display:none}#blog:hover .text{display:inline-block}#blog .text{display:none}#projects{background-color:#f44336;top:140px}#projects .icon{display:inline-block}#projects:hover .icon{display:none}#projects:hover .text{display:inline-block}#projects .text{display:none}#contact{background-color:#555;top:200px}#contact .icon{display:inline-block}#contact:hover .icon{display:none}#contact:hover .text{display:inline-block}#contact .text{display:none}.heading{color:#0ef;font-size:4vh;margin-top:100px;padding-top:2%}.Sub-heading,.heading{display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;justify-content:center}.Sub-heading{font-size:6vh;margin-top:5px}.contact-items{backdrop-filter:blur(1.4px);-webkit-backdrop-filter:blur(1.4px);background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.54);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);gap:5%;margin-left:70px;margin-right:70px;margin-top:10%;padding-bottom:25px;padding-top:25px}.contact-email,.contact-items{display:flex;justify-content:center}.contact-email{align-items:center;flex-direction:column;gap:10px 70px;transition-duration:.3s}.contact-email:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.contact-email .icon:hover{-webkit-animation:loading .5s linear;animation:loading .5s linear}.contact-email .name{color:orange;font-size:20px;font-weight:700}.contact-email .link{font-size:20px}.contact-email .icon{font-size:.5em}.contact-list .email{border-radius:60px;box-shadow:0 0 2px #888;display:inline-block;padding:.1em .2em}.contact-tele{align-items:center;display:flex;flex-direction:column;gap:10px 70px;justify-content:center;transition-duration:.3s}.contact-tele:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.contact-tele .icon:hover{-webkit-animation:loading .5s linear;animation:loading .5s linear}.contact-tele .name{color:orange;font-size:20px;font-weight:700}.contact-tele .link{font-size:20px}.contact-tele .icon{font-size:.5em}.contact-in{align-items:center;display:flex;flex-direction:column;gap:10px 70px;justify-content:center;transition-duration:.3s}.contact-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.contact-in .icon:hover{-webkit-animation:loading .5s linear;animation:loading .5s linear}.contact-in .name{color:orange;font-size:20px;font-weight:700}.contact-in .link{font-size:20px}.contact-in .icon{font-size:.5em}.contact-git{align-items:center;display:flex;flex-direction:column;gap:10px 70px;justify-content:center;transition-duration:.3s}.contact-git:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.contact-git .icon:hover{-webkit-animation:loading .5s linear;animation:loading .5s linear}.contact-git .name{color:orange;font-size:20px;font-weight:700}.contact-git .link{font-size:20px}.contact-git .icon{font-size:.5em}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.imageslider{font-size:50px;left:50%;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.imagecaption{backdrop-filter:blur(1.4px);-webkit-backdrop-filter:blur(1.4px);background:rgba(8,27,41,.904);border:1px solid hsla(0,0%,100%,.54);border-radius:16px;box-shadow:0 4px 30px rgba(8,27,41,.719);color:#fff;font-weight:900;margin-left:70px;margin-right:70px;padding-bottom:25px;padding-top:25px}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{cursor:pointer;position:absolute;z-index:10}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{align-items:center;background:hsla(0,0%,100%,.6);border:0;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:transparent;border:0;color:transparent;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{overflow:hidden;width:100%}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.container{flex-direction:column;position:absolute;top:120vh}.container,.container .header{align-items:center;display:flex}.header .icon{border-left:solid #00abf0;border-width:15px;height:100px;margin-right:20px}.header .topic{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.container .content{font-size:20px;margin-top:30px;width:70%}
/*# sourceMappingURL=main.03390c71.css.map*/