@import url(https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600&family=Mukta:wght@200;300;400;500&family=Roboto&display=swap);.navbar{background-color:#242734;height:70px;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:3}.navbar a{color:#fff;font-weight:600;text-decoration:none}.navbar .wrapper{align-items:end;display:flex;flex-direction:row;justify-content:space-between;padding:10px 30px}.navbar .wrapper .left .logo{color:#ffc25b;font-size:30px;font-weight:700;text-decoration:none}.navbar .wrapper .right{display:flex;justify-content:space-between;width:25%}@media (max-width:1058px){.navbar .wrapper .right{width:auto}}.navbar .wrapper .right .navContents{height:auto}@media (max-width:1058px){.navbar .wrapper .right .navContents{display:none}}.navbar .wrapper .right .navContents .navLink{border-bottom:3px solid transparent;display:inline-block;height:auto;transition:.5s ease}.navbar .wrapper .right .navContents .navLink:hover,.navbar .wrapper .right .navContents.active .navLink{border-bottom:3px solid #ffc25b;color:#ffc25b}.navbar .wrapper .right .hamburger{cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-between;width:32px}@media (max-width:1058px){.navbar .wrapper .right .hamburger{display:flex}}.navbar .wrapper .right .hamburger span{background-color:#fff;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.navbar.active{background-color:#323647;color:#fff}.navbar.active .hamburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.navbar.active .hamburger span:nth-child(2){opacity:0}.navbar.active .hamburger span:last-child{background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.intro{align-items:center;background-color:#242734;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.intro .caption{bottom:40px;color:#656776;position:absolute}.intro a{bottom:10px;position:absolute}.intro a img{-webkit-animation:arrowBlink 2.1s infinite;animation:arrowBlink 2.1s infinite;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);width:19px}.intro .wrapper{display:flex;flex-direction:column}.intro h2{font-size:35px;font-weight:300;z-index:5}.intro h1{font-size:60px;margin:10px 0;z-index:5}.intro .h3{font-size:20px;margin:0;z-index:5}.intro .h3 b{color:#ffc25b;font-size:inherit}@media (max-width:768px){.intro h1,.intro h2{display:flex;justify-content:center}.intro h1{font-size:2rem}.intro .h3{display:flex;justify-content:center}}.ityped-cursor{-webkit-animation:blink 1s infinite;animation:blink 1s infinite;color:crimson}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}@-webkit-keyframes blink{50%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}.bubbles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.bubbles li{-webkit-animation:animate 25s linear infinite;animation:animate 25s linear infinite;background:#f5cd87;border-radius:30%;bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.bubbles li:first-child{-webkit-animation-delay:0;animation-delay:0;height:80px;left:25%;width:80px;z-index:1}.bubbles li:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:12s;animation-duration:12s;height:20px;left:10%;width:20px;z-index:1}.bubbles li:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;height:20px;left:70%;width:20px;z-index:1}.bubbles li:nth-child(4){-webkit-animation-duration:18s;animation-duration:18s;height:60px;left:40%;width:60px}.bubbles li:nth-child(4),.bubbles li:nth-child(5){-webkit-animation-delay:0s;animation-delay:0s;z-index:1}.bubbles li:nth-child(5){height:20px;left:65%;width:20px}.bubbles li:nth-child(6){-webkit-animation-delay:3s;animation-delay:3s;height:110px;left:75%;width:110px;z-index:1}.bubbles li:nth-child(7){-webkit-animation-delay:7s;animation-delay:7s;height:150px;left:35%;width:150px;z-index:1}.bubbles li:nth-child(8){-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:45s;animation-duration:45s;height:25px;left:50%;width:25px;z-index:1}.bubbles li:nth-child(9){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:35s;animation-duration:35s;height:15px;left:20%;width:15px;z-index:1}.bubbles li:nth-child(10){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:11s;animation-duration:11s;height:150px;left:85%;width:150px;z-index:1}@-webkit-keyframes animate{0%{border-radius:30%;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}@keyframes animate{0%{border-radius:30%;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}.aboutme{align-items:center;background-color:#323647;color:#ebebeb;display:flex;justify-content:center}.aboutMeContainer{display:flex;flex-direction:row}.aboutMeContainer .imgContainer{display:flex;flex-direction:column;justify-content:center;margin-right:20px;width:auto}.aboutMeContainer .contents{height:auto;width:550px}.aboutMeContainer .contents .title{display:flex;font-size:30px;font-weight:500}.aboutMeContainer .contents .introduction{font-size:16px;margin-bottom:.5rem}.aboutMeImg{border-radius:20px;height:auto;object-fit:cover;width:350px}@media screen and (max-width:1088px){.aboutme{align-items:inherit;display:flex}.aboutMeContainer{display:flex;flex-direction:column}.aboutMeContainer .imgContainer{align-items:center;display:flex;height:65%;justify-content:center;margin-right:0}.aboutMeContainer .contents{height:100%;padding:1px 22px;width:auto}.aboutMeContainer .contents .title{font-size:22px;font-weight:500;justify-content:center;margin-bottom:0;margin-top:-8px}.aboutMeContainer .contents .introduction{font-size:12.7px;margin-bottom:6px}.aboutMeImg{height:250px;width:250px}}.projects{align-items:center;background-color:#242734;display:flex;flex-direction:column;justify-content:center;position:relative}.projects .arrow{color:#fff;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);height:55px;position:absolute}.projects .arrow.left{left:100px;-webkit-transform:rotateY(180deg) scale(1);transform:rotateY(180deg) scale(1);transition:1s}@media (max-width:768px){.projects .arrow.left{left:45px;top:26px}}.projects .arrow.left:hover{cursor:pointer;-webkit-filter:invert(92%) sepia(21%) saturate(4001%) hue-rotate(318deg) brightness(110%) contrast(105%);filter:invert(92%) sepia(21%) saturate(4001%) hue-rotate(318deg) brightness(110%) contrast(105%);-webkit-transform:rotateY(180deg) scale(1.3);transform:rotateY(180deg) scale(1.3);transition:1s}.projects .arrow.right{right:100px;-webkit-transform:scale(1);transform:scale(1);transition:1s}@media (max-width:768px){.projects .arrow.right{right:45px;top:26px}}.projects .arrow.right:hover{cursor:pointer;-webkit-filter:invert(92%) sepia(21%) saturate(4001%) hue-rotate(318deg) brightness(110%) contrast(105%);filter:invert(92%) sepia(21%) saturate(4001%) hue-rotate(318deg) brightness(110%) contrast(105%);-webkit-transform:scale(1.3);transform:scale(1.3);transition:1s}.projects .heading{font-size:50px;font-weight:500;position:absolute;top:35px}@media (max-width:768px){.projects .heading{font-size:25px}}.projects .slider{display:flex;height:350px;left:0;position:absolute;transition:all 1s ease-out}@media (max-width:768px){.projects .slider{flex-direction:row;height:66vh;justify-content:center}}.projects .slider .container{align-items:center;display:flex;justify-content:center;width:100vw}@media (max-width:768px){.projects .slider .container{height:66vh}}.projects .slider .container .item{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:100%;justify-content:center;position:relative;width:800px}@media (max-width:768px){.projects .slider .container .item{flex-direction:column-reverse;width:90%}}.projects .slider .container .item .gitHub{align-items:center;background-color:hsla(0,0%,100%,.4);border-radius:20px;display:flex;font-size:38px;height:93.2%;justify-content:space-evenly;left:332px;position:absolute;top:12px;width:57.3%;z-index:2}@media (max-width:768px){.projects .slider .container .item .gitHub{height:57%;left:10px;top:10px;width:95.3%}}.projects .slider .container .item .gitHub:hover{z-index:5}.projects .slider .container .item .gitHub a .icon{color:#000;-webkit-transform:scale(1);transform:scale(1);transition:.6s}.projects .slider .container .item .gitHub a .icon:hover{color:#ffc25b;-webkit-transform:scale(1.015);transform:scale(1.015);transition:.6s}.projects .slider .container .item .left{color:#000;display:flex;flex:0.43 1;flex-direction:column;height:87%;justify-content:space-around;padding:20px}@media (max-width:768px){.projects .slider .container .item .left{flex:0.3 1}}.projects .slider .container .item .left .title{font-size:32px}@media (max-width:768px){.projects .slider .container .item .left .title{font-size:17px}}.projects .slider .container .item .left .skillStacks{font-size:17px;font-weight:500}@media (max-width:768px){.projects .slider .container .item .left .skillStacks{font-size:10.5px}}.projects .slider .container .item .right{border-radius:20px;flex:0.67 1;height:93%;margin-right:12px;transition:.3s;z-index:3}@media (max-width:768px){.projects .slider .container .item .right{margin-right:0;margin-top:10px;width:93%}}.projects .slider .container .item .right:hover{z-index:1}@media (max-width:768px){.description,.feature{align-items:center;display:flex;font-size:10px}}.contact{background-color:#323647;position:relative}.contact,.contact .mainContainer{align-items:center;display:flex;justify-content:center}.contact .mainContainer{flex-direction:column}.contact .mainContainer .tittle{display:flex;flex-direction:row;font-size:50px;font-weight:500;justify-content:center;position:absolute;top:200px}.contact .mainContainer .contactLinks{display:flex;flex-direction:row;justify-content:space-around;position:absolute;top:375px;width:50vw}.contact .mainContainer .contactLinks div{height:auto}.contact .mainContainer .contactLinks div .icons{color:#a4a5af;height:auto;-webkit-transform:scale(1);transform:scale(1);transition:.5s;width:50px}.contact .mainContainer .contactLinks div .icons:hover{color:#ffc25b;-webkit-transform:scale(1.1);transform:scale(1.1);transition:.5s}@media screen and (max-width:406px){.contact .mainContainer .tittle{font-size:37px;font-weight:500}.contact .mainContainer .contactLinks{width:92vw}}.menu{align-items:center;background-color:#323647;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all 1.2s ease;width:300px;z-index:2}.menu.active{right:0}.menu ul{color:#fff;font-size:40px;font-size:30px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}@media (max-width:768px){.menu ul{align-items:center;display:flex;flex-direction:column;justify-content:center}}.menu ul li{margin-bottom:50px}.menu ul li:hover{color:#ffc25b;font-weight:500}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}@media (max-width:1058px){.menu{right:-1060px;transition:all 1.4s ease;width:100vw}.menu.active{right:0}}.skills-section{background-color:#323647;border:none;flex-direction:column}.skills-section,.skills-section h1{display:flex;justify-content:center}.skills-section h1{font-size:50px;margin-bottom:30px}@media (max-width:768px){.skills-section h1{font-size:30px}}.skills-section .skills-container{display:flex;flex-wrap:wrap;justify-content:center}.skills-section .skills-container .skills-icon img{height:145px;width:145px}@media (max-width:768px){.skills-section .skills-container .skills-icon img{height:90px;width:90px}}.app{color:#ebebeb;font-family:Hind Siliguri,sans-serif;height:100vh}.app .sections{height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;scrollbar-width:none;top:70px;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}
/*# sourceMappingURL=main.30169a77.css.map*/