@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@200&family=Ubuntu:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&display=swap);*{padding:0;margin:0;box-sizing:border-box}#side_navbar{position:absolute;width:5vw;height:100vh;background-color:#313131;flex-direction:column;align-items:center}#profile,#side_navbar{display:flex;justify-content:center}#profile{flex-grow:1;width:80%;align-items:flex-end;border-bottom:1px solid #585858}#profile i{font-size:2rem;color:#9b9b9b;padding:1rem;margin-bottom:2rem;transition:.3s}#profile i:hover{font-size:2.2rem;color:#ffe2a4}#options{flex-grow:2;align-items:flex-start;margin-top:2rem}#options,#options .option-item{display:flex;justify-content:center}#options .option-item{list-style-type:none;align-items:center;margin:2rem}#options .option-item i{padding:1rem;font-size:1.8rem;color:#9b9b9b;transition:.3s}#options .option-item i:hover{font-size:2.2rem;color:#bcffd5}#options .option-item i:active{font-size:2.2rem;color:#fff}#particle-js{width:99vw;height:100vh}.home{position:absolute;left:8vw;top:38vh;width:85vw;display:flex;flex-direction:column}.container,.home{justify-content:center;align-items:center}.container{flex-direction:row}.home-desc .home-heading{color:rgba(226,220,220,.904);text-align:center;font-family:"Raleway";font-size:2rem;line-height:6rem}.home-desc .highlight{color:#ff5252;font-family:"Ubuntu"}.typing{right:-5px;height:3%;animation:blink 1s infinite;color:#ff5252}@keyframes blink{0%{opacity:0}to{opacity:1}}.about{position:absolute;left:5vw;top:0;width:95vw;height:100vh;flex-direction:column;background:linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.3)),url(/portfolio-react/static/media/universe.3d5fe682.jpg) no-repeat 50%/cover}.about,.about .profile-header{display:flex;justify-content:center;align-items:center}.about .profile-header{width:65vw;flex-direction:row;padding-bottom:3rem;border-bottom:2px solid #292929}.about .profile-header .profile-heading{display:flex;flex-direction:column;justify-content:space-between;align-items:space-between}.about .profile-header .profile-heading .profile-img{display:flex;flex-direction:column;justify-content:center;align-items:center}.about .profile-header .profile-heading .profile-img img{object-fit:cover;width:200px;height:200px;border-radius:100%}.about .profile-header .profile-heading .profile-quote{width:80%;margin:2rem auto auto;color:#ff9a9a;font-style:italic;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}.about .profile-header .profile-heading .profile-quote span{display:block;float:right}.about .profile-header .profile-content{height:200px;width:60%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:-2rem 2rem 2rem 0}.about .profile-header .profile-content .profile-content-container{border-left:1px solid #818181}.about .profile-header .profile-content .profile-content-container p{margin-left:1rem;color:#fff;font-family:"Raleway";font-weight:700;font-size:1.5rem;line-height:2rem;letter-spacing:1px}.about .tech-stack{width:60vw;height:50vh;margin-top:2rem;margin-left:5rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.about .tech-stack .tech-heading{font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}.about .tech-stack .tech-heading ul{list-style-type:none}.about .tech-stack .tech-heading li{color:#fff;font-size:2.5rem}.about .tech-stack .tech-heading .highlight{color:#ff9a9a}.about .tech-stack .tech-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin-left:2rem}.slider{width:800px;height:500px;border-radius:10px;overflow:hidden}.slides{width:500%;height:500px;display:flex}.slides input{display:none}.slide{width:20%;transition:2s}.img-set{width:800px;height:500px;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center}.img-set>img{object-fit:cover;width:200px;height:180px;border-radius:10px}.navigation-manual{position:absolute;width:800px;display:flex;justify-content:center}.manual-btn{border:2px solid #fff;padding:5px;border-radius:10px;cursor:pointer;transition:2s}.manual-btn:not(:last-child){margin-right:40px}.manual-btn:hover{background:#fff}#radio1:checked~.first{margin-left:0}#radio2:checked~.first{margin-left:-20%}#radio3:checked~.first{margin-left:-40%}.navigation-auto{position:absolute;display:flex;width:800px;justify-content:center;margin-top:500px}.navigation-auto div{border:2px solid #fff;padding:5px;border-radius:10px;transition:1s}.navigation-auto div:not(:last-child){margin-right:40px}#radio1:checked~.navigation-auto .auto-btn1,#radio2:checked~.navigation-auto .auto-btn2,#radio3:checked~.navigation-auto .auto-btn3{background:#a0a0a0}.card{cursor:pointer;width:280px;height:260px;border-radius:10%}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;transition:transform .6s linear;border-radius:10%;font-family:"Raleway"}.back,.front,.front img{width:100%;height:100%;overflow:hidden}.front img{object-fit:cover}.front{transform:perspective(600px) rotateY(0deg)}.back{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:#ff00bf;transform:perspective(600px) rotateY(180deg)}.back-content{color:#000;text-align:center;width:100%}.back-content,.back-content .heading{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.back-content .heading{padding:7px 7px 5px;margin-top:20px}.back-content .heading span{margin-top:1rem;font-weight:700}.sm{margin:15px 0}.sm a{display:inline-flex;width:40px;height:40px;justify-content:center;align-items:center;color:#fff;font-size:18px;transition:.4s;border-radius:50%}.sm a:hover{background:#2c3e50}.card:hover>.front{transform:perspective(600px) rotateY(-180deg)}.card:hover>.back{transform:perspective(600px) rotateY(0deg)}.project-1{position:absolute;top:30%;left:25%}.project-1 .back-content{transform:translate(-25%,-30%)}.project-1 img{opacity:.9}.project-2{position:absolute;top:30%;left:42%}.project-2 .back-content{transform:translate(-42%,-30%)}.project-2 img{opacity:.9}.project-3{position:absolute;top:30%;left:59%}.project-3 .back-content{transform:translate(-59%,-30%)}.project-3 img{opacity:.9}.project-4{position:absolute;top:60%;left:25%}.project-4 .back-content{transform:translate(-25%,-60%)}.project-4 img{opacity:.9}.project-5{position:absolute;top:60%;left:42%}.project-5 .back-content{transform:translate(-42%,-60%)}.project-5 img{opacity:.9}.project-6{position:absolute;top:60%;left:59%}.project-6 .back-content{transform:translate(-59%,-60%)}.project-6 img{opacity:.9}.card2{cursor:pointer;width:300px;height:300px;border-radius:10%}.card2:hover>.front{transform:perspective(600px) rotateY(-180deg)}.card2:hover>.back{transform:perspective(600px) rotateY(0deg)}.project-7{position:absolute;top:30%;left:23%}.project-7 .back-content{transform:translate(-25%,-30%)}.project-7 img{opacity:.9}.project-8{position:absolute;top:30%;left:42%}.project-8 .back-content{transform:translate(-42%,-30%)}.project-8 img{opacity:.9}.project-9{position:absolute;top:30%;left:61%}.project-9 .back-content{transform:translate(-59%,-30%)}.project-9 img{opacity:.9}.projects{left:5vw;top:0;width:95vw;height:100vh;justify-content:center;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.7)),url(/portfolio-react/static/media/backgruond.29c654d0.png) no-repeat 50%/cover}.projects,.projects .project-heading{position:absolute;display:flex;flex-direction:column;align-items:center}.projects .project-heading{top:3%;justify-content:flex-start;font-family:"Ubuntu"}.projects .project-heading h2{color:#ff9a9a;font-size:3rem;font-family:"Raleway"}.projects .project-heading p{margin-top:3%;font-size:1.4rem;letter-spacing:2px;color:#fff}.projects .viewing-options{width:60vw;display:flex;justify-content:center;align-items:center;position:absolute;top:18%;padding-bottom:10px;border-bottom:2px solid #fff;font-family:"Raleway"}.projects .viewing-options ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.projects .viewing-options li{float:left;margin-right:2rem}.projects .viewing-options li span{font-size:2.2rem;display:block;font-size:2rem;color:#fff;text-align:center;text-decoration:none;border-bottom:0 solid #ff9a9a;background-color:none;padding:10px;transition:color .4s ease-in;transition:background-color .4s ease-in}.projects .viewing-options li span:hover{background-color:rgba(0,0,0,.178);color:#ff9a9a;cursor:pointer}.box{position:absolute;left:5vw;width:95vw;font-family:"Raleway";background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.9)),url(/portfolio-react/static/media/experience.b7c1d387.png) no-repeat 50%/cover}.box,.box .experience{height:100vh}.box,.box .experience,.box .experience .heading{display:flex;flex-direction:column;justify-content:center;align-items:center}.box .experience .heading{width:60vw;margin-bottom:5rem;border-bottom:1px solid #fff}.box .experience .heading h2{font-size:4rem;letter-spacing:3px;color:#ff9a9a}.box .experience .experiences{display:flex;flex-direction:column;justify-content:center;align-items:center}.box .experience .experiences .exp{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.box .experience .experiences .exp-1 .container .face,.box .experience .experiences .exp-3 .container .face{border-left:4px solid #fff}.box .experience .experiences .container .face ul{max-height:200px;overflow-y:auto;list-style-type:disc;padding:20px;margin:10px;scrollbar-width:none;justify-content:space-evenly}.box .experience .experiences .container .face li{margin:10px}.box .experience .experiences .exp-2 .container .face{border-right:4px solid #fff}.box .experience .experiences .period{display:flex;justify-content:center;align-items:center;color:#fff}.box .experience .experiences .period span{font-size:3rem;font-weight:700;letter-spacing:2px}.container{width:600px;position:relative;display:flex;flex-direction:column;justify-content:space-between;font-family:"Raleway"}.container .card{position:relative;width:300px;height:200px}.container .card .face{width:350px;height:200px;transition:.5s}.container .card .face.face1{position:relative;background:#333;display:flex;justify-content:center;align-items:center;z-index:1}.container .card:hover .face.face1{background:#ff0057}.container .card .face.face1 .content{opacity:.2;transition:.5s;letter-spacing:1px;color:grey}.container .card .face.face1 .content h2{font-family:"Raleway";font-size:2.2rem}.container .card .face.face1 .content p{line-height:1px;font-size:1.5rem}.container .card:hover .face.face1 .content{opacity:1}.container .card:hover .face.face1 .content h2{color:#000}.container .card .face.face1 .content img{max-width:100px}.container .card .face.face1 .content h3{margin:10px 0 0;padding:0;color:#fff;text-align:center;font-size:1.5em}.container .card .face.face2{position:relative;background:#fff;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;box-shadow:0 20px 50px rgba(0,0,0,.8);transform:translateY(-200px)}.container .card:hover .face.face2{transform:translate(350px,-200px)}.container .card .face.face3{position:relative;background:#fff;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;box-shadow:0 20px 50px rgba(0,0,0,.8);transform:translateY(-200px)}.container .card:hover .face.face3{transform:translate(-350px,-200px)}.container .card .face3 .content p,.container .card .face.face2 .content p{margin:0;padding:0;letter-spacing:1px;font-size:1.2rem}.container .card .face.face2 .content a{margin:15px 0 0;display:inline-block;text-decoration:none;font-weight:900;color:#333;padding:5px;border:1px solid #333}.container .card .face.face2 .content a:hover{background:#333;color:#fff}.contact{position:absolute;left:5vw;top:0;width:95vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.8)),url(/portfolio-react/static/media/coffee.5f81042b.jpg) no-repeat 50%/cover;font-family:"Dancing Script"}.contact .contact-me{height:65vh;width:40vw;justify-content:flex-start;padding-right:20px;border-right:3px solid #555}.contact .contact-me,.contact .contact-me form{display:flex;flex-direction:Column;align-items:center}.contact .contact-me form{height:50vh;justify-content:space-around}.contact .contact-me form .form-group{display:flex;flex-direction:Column;justify-content:center;align-items:center}.contact .contact-me form .form-group input{width:30vw}.contact .contact-me form .form-group input,.contact .contact-me form .form-group textarea{background-color:#333;border-radius:10px;border:0 solid #000;resize:none;padding:20px;font-size:1.5rem;transition:border .15s ease-in-out;transition:box-shadow .15s ease-in-out}.contact .contact-me form .form-group input:focus,.contact .contact-me form .form-group select:focus,.contact .contact-me form .form-group textarea:focus{outline:none;border:2px solid #5e5e5e;box-shadow:0 20px 50px rgba(0,0,0,.8)}.contact .contact-me form .form-group input:hover,.contact .contact-me form .form-group textarea:hover{box-shadow:0 20px 50px rgba(0,0,0,.8)}.contact .contact-me form .submit-btn{font-size:1.5rem;background-color:none;outline:none;padding:14px 30px;border-radius:20px;border:2px solid #fff;background-color:hsla(0,0%,100%,.301);transition:border .1s ease-in-out}.contact .contact-me form .submit-btn:hover{border:2px solid #ff9a9a}.contact .contact-me .heading{height:10vh}.contact .contact-me .heading h2{color:#ff9a9a;font-size:3.5rem}.contact .connect-with-me{height:65vh;width:35vw;display:flex;flex-direction:Column;justify-content:flex-start;align-items:center;position:relative}.contact .connect-with-me .heading{height:10vh}.contact .connect-with-me .heading h2{font-size:3.5rem;color:#ff9a9a}.contact .connect-with-me .socials{height:50vh;display:flex;justify-content:space-around;align-items:center}.contact .connect-with-me .socials .divider{width:2px;height:50vh;background-color:#494949;transform:rotate(45deg);transform-origin:-100% 50%}.contact .connect-with-me .socials .divider-1{width:2px;height:50vh;background-color:#494949;transform:rotate(-45deg);transform-origin:-100% 50%}.contact .connect-with-me .socials .social-icons i{color:#fff;font-size:5rem;transition:color .2s ease-in;transition:background-color .15s ease-in;padding:20px;border-radius:100%}.contact .connect-with-me .socials .social-icons i:hover{color:#ff9a9a;background-color:#424242}.contact .connect-with-me .socials .social-icons .twitter{position:absolute;top:22%;left:43%}.contact .connect-with-me .socials .social-icons .linkedIn{position:absolute;top:45%;left:67%}.contact .connect-with-me .socials .social-icons .insta{position:absolute;top:69%;left:43%}.contact .connect-with-me .socials .social-icons .github{position:absolute;top:44%;left:18%}body{background-color:#101116}
/*# sourceMappingURL=main.bc69bc66.chunk.css.map */