.topbar{width:100%;height:7vh;position:fixed;margin-top:.35vh;overflow:hidden;z-index:4;transition:all s ease}.topbar .wrapper{display:flex;align-items:center;justify-content:space-between}.topbar .wrapper .left{display:flex;align-items:center;padding-right:3vw;padding-top:1.1vh;padding-bottom:1.3vh}.topbar .wrapper .left .logo{display:flex;align-items:center;padding:.8vh .8vw;margin-left:2.5vw;text-decoration:none}@media screen and (max-width:480px){.topbar .wrapper .left .logo{margin:.3vh 0 .1vh 55vw;width:25vw}}.topbar .wrapper .left .logo .icon{font-size:2.5vh;margin-right:.6vw;margin-top:.3vh;align-items:center;color:#46bd85}@media (max-width:720px){.topbar .wrapper .left .logo .icon{margin-right:2vw}}.topbar .wrapper .left .logo .resume{font-size:2.2vh;font-weight:700;color:#81bff1}@media screen and (max-width:480px){.topbar .wrapper .left .logo .resume{font-size:4vw}}.topbar .wrapper .right{margin-right:2%;display:flex;align-items:center;color:#4c8dd3}.topbar .wrapper .right .itemContainer{display:flex;align-items:center;margin-left:2vw}@media (max-width:720px){.topbar .wrapper .right .itemContainer{display:none}}.topbar .wrapper .right .itemContainer .icon{font-size:1.5vw;margin-right:.5vw}.topbar .wrapper .right .itemContainer span{font-weight:500}.topbar .wrapper .hamburger{margin-left:1.5vw;width:32px;height:25px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;overflow:hidden}@media (max-width:720px){.topbar .wrapper .hamburger{height:3vh;margin-right:3vw;margin-left:4vw}}.topbar .wrapper .hamburger span{width:98.1%;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all .5s ease}@media (max-width:720px){.topbar .wrapper .hamburger span{height:.3vh}}.topbar.active .hamburger span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.intro{display:flex}@media (max-width:720px){.intro{flex-direction:column;margin-top:15vh}}@media (max-width:1200px){.intro{flex-direction:column;margin-top:15vh}}.intro .left{flex:0.7 1;overflow:hidden}.intro .left .wrapper{width:100%;height:100%;padding-left:20%;display:flex;flex-direction:column;margin-top:20vh;color:#03a9f4}@media (max-width:720px){.intro .left .wrapper{padding-left:0;align-items:center;margin-top:5vh}}@media (max-width:1200px){.intro .left .wrapper{padding-left:0;align-items:center;margin-top:5vh}}.intro .left .wrapper p{font-size:2.5vh;padding-top:2vh;margin-top:2vh;color:#7092a1}@media (max-width:720px){.intro .left .wrapper p{padding-left:6%;padding-right:2%}}@media (max-width:1200px){.intro .left .wrapper p{padding-left:6%;padding-right:2%}}.intro .left .wrapper button{padding:2vh;width:28%;margin:6vh;font-size:2.1vh;color:#8baab9}@media (max-width:1120px){.intro .left .wrapper button{margin:2vh;width:34%}}@media (max-width:720px){.intro .left .wrapper button{display:none}}@media (max-width:1200px){.intro .left .wrapper button{display:none}}.intro .left .wrapper h1{font-size:7.5vh;margin:1.5vh 0}@media (max-width:720px){.intro .left .wrapper h1{font-size:40px}}@media (max-width:1200px){.intro .left .wrapper h1{font-size:40px}}.intro .left .wrapper h2{font-size:4.4vh}.intro .left .wrapper h3{font-size:4vh}@media (max-width:720px){.intro .left .wrapper h3{font-size:20px}}@media (max-width:1200px){.intro .left .wrapper h3{font-size:20px}}.intro .left .wrapper h3 span{font-size:inherit;color:#dc143c}.intro .left .wrapper h3 .ityped-cursor{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@-webkit-keyframes blink{50%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}.intro .right{flex:0.6 1;overflow:hidden;position:relative}@media (max-width:720px){.intro .right{display:flex}}@media (max-width:1200px){.intro .right{display:flex}}.intro .right .mob_but{display:none}@media (max-width:1200px){.intro .right .mob_but{display:flex;margin-top:10vh}.intro .right .mob_but button{padding:4vh;margin:1.5vh 25vw 1.5vh 1vw;width:92%;font-size:4.5vw}}@media (max-width:720px){.intro .right .mob_but{display:flex;flex-direction:column;margin-top:10vh}.intro .right .mob_but button{padding:4vh;margin:1.5vh 25vw 1.5vh 1vw;width:92%;font-size:4vw}}.intro .right .imgContainer{height:90vh;display:flex;justify-content:center;float:right}@media (max-width:720px){.intro .right .imgContainer{align-items:flex-start;height:40vh;content:url(https://i.ibb.co/jMsyW9Q/Coding.png)}}@media (max-width:1200px){.intro .right .imgContainer{align-items:flex-start;height:40vh;content:url(https://i.ibb.co/jMsyW9Q/Coding.png)}}.intro .right .imgContainer img{height:80vh}@media (max-width:1120px){.intro .right .imgContainer img{height:60vh}}@media (max-width:720px){.intro .right .imgContainer img{height:100%}}@media (max-width:1200px){.intro .right .imgContainer img{height:100%}}.intro .right .arrow_bottom{position:absolute;bottom:8vh;left:40%}@media (max-width:720px){.intro .right .arrow_bottom{display:none}}@media (max-width:1200px){.intro .right .arrow_bottom{display:none}}.intro .right .arrow_bottom img{width:4vh;-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.portfolioList{font-size:2.2vh;margin:2vh;padding:1.7vh;border-radius:10px;cursor:pointer;transition:all .3s ease;overflow:hidden}@media (max-width:1120px){.portfolioList{margin:1.4vh 2.5vh 1.4vh 1.4vh;font-size:1.9vh;padding:1.5vh}}.portfolioList.active{box-shadow:-5px -5px 10px var(--clr-light),5px 5px 10px var(--clr-dark),inset -5px -5px 10px var(--clr-light),inset 5px 5px 10px var(--clr-dark);color:#dce4c7}@media (max-width:720px){.portfolioList.active{border-radius:3.5em}}.portfolio{display:flex;flex-direction:column;align-items:center}.portfolio h1{overflow:hidden;font-family:"Lobster",cursive;color:#4c8dd3;padding-top:3.5vh;font-size:4.5vh}@media (max-width:720px){.portfolio h1{padding-top:2.2vh;font-size:4vh}}.portfolio ul{overflow:hidden;margin-top:1vh;padding:0;list-style:none;display:flex}@media (max-width:1120px){.portfolio ul{margin:1.5vh 0;flex-wrap:wrap;justify-content:center}}@media (max-width:720px){.portfolio ul{margin:0}}.portfolio .container{overflow:hidden;margin-top:2vh;width:70%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}@media (max-width:1120px){.portfolio .container{width:100%;margin-top:.5vh}}.portfolio .container .item{width:350px;height:30vh;border-radius:2em;border:none;outline:none;box-shadow:-5px -5px 10px var(--clr-light),5px 5px 10px var(--clr-dark);margin:1vh 2vh;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;transition:all .5s ease;cursor:pointer}@media (max-width:1120px){.portfolio .container .item{width:230px;width:330px;height:200px}}@media (max-width:720px){.portfolio .container .item{width:80%;height:15.7vh}}.portfolio .container .item h3{position:absolute;font-size:3vh}.portfolio .container .item img{width:100%;height:100%;object-fit:cover;z-index:1}.portfolio .container .item:hover{background-color:#15023a}.portfolio .container .item:hover img{opacity:.2;z-index:0}.skills{display:flex;flex-direction:column;align-items:center;color:#4c8dd3}.skills h1{font-size:5.3vh;padding-top:4vh;font-family:"Lobster",cursive}.skills .container{width:100%;height:80%;display:flex;align-items:center;justify-content:center}@media (max-width:1120px){.skills .container{flex-wrap:wrap}}.skills .container .card{width:16vw;height:61vh;border-radius:10px;box-shadow:0 0 15px -8px #000;display:flex;flex-direction:column;justify-content:space-around;padding:2.5vh;margin:.6vw;transition:all .5s ease}@media (max-width:1120px){.skills .container .card{width:28vw;height:60vh;margin:3vh 0}}@media (max-width:720px){.skills .container .card{width:70vw;height:60vh;margin:3vh 0}}@media (max-width:1200px){.skills .container .card{width:70vw;height:60vh;margin:3vh 0}}.skills .container .card.featured{width:18vw;height:66vh;margin:0 2.5vh}@media (max-width:1120px){.skills .container .card.featured{width:28vw;height:60vh;margin:3vh 0}}@media (max-width:720px){.skills .container .card.featured{width:70vw;height:60vh;margin:3vh 0}}@media (max-width:1200px){.skills .container .card.featured{width:70vw;height:60vh;margin:3vh 0}}.skills .container .card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.skills .container .card .top{display:flex;align-items:center;justify-content:center;padding:.5vh}.skills .container .card .top img{height:10vh;width:7vw}@media (max-width:720px){.skills .container .card .top img{width:13vw}}.skills .container .card .center{padding:1.5vh;border-radius:10px;font-size:2.3vh}.skills .container .card .bottom{display:flex;align-items:center;flex-direction:column;padding:2.5vh;justify-content:center}.skills .container .card .bottom h3{margin-bottom:1vh;color:#ad8462}.skills .container .card .bottom h4{color:#797373;letter-spacing:1vh;font-size:larger;margin-left:.35vw}.contact{display:flex;overflow:hidden}@media (max-width:720px){.contact{flex-direction:column}}@media (max-width:1200px){.contact{flex-direction:column}}.contact .left{flex:1 1;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact .left img{height:90vh}@media (max-width:720px){.contact .left{display:none}}@media (max-width:1200px){.contact .left{display:none}}.contact .right{flex:1 1;height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#03a9f4;transition:all .5s ease}.contact .right h2{font-size:4.5vh;color:#4c8dd3;font-weight:500;letter-spacing:.8vh;overflow:hidden;font-family:"Lobster",cursive}.contact .right form{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.contact .right form .inputBox{margin-top:8%;width:100%}.contact .right form .inputBox input{margin-top:1vh;height:7vh;border:none;outline:none;border-radius:3vh;padding:1vh 2vh;color:#3c8ce2;box-shadow:inset -2px -2px 6px hsla(0,0%,100%,.1),inset 2px 2px 6px rgba(0,0,0,.8);width:100%;font-size:2vh}@media (max-width:720px){.contact .right form .inputBox input{width:100%}}@media (max-width:1200px){.contact .right form .inputBox input{width:100%}}.contact .right form .inputBox label{display:block;color:#868686;margin-bottom:.8vh;font-size:3vh}.contact .right form textarea{width:100%;height:25vh;border:none;outline:none;border-radius:3vh;padding:1vh 2vh;color:#3c8ce2;box-shadow:inset -2px -2px 6px hsla(0,0%,100%,.1),inset 2px 2px 6px rgba(0,0,0,.8);width:300px;font-size:2vh}@media (max-width:720px){.contact .right form textarea{width:100%}}@media (max-width:1200px){.contact .right form textarea{width:100%}}.contact .right form button{margin-top:3vh;margin-bottom:.5vh;width:200px;height:7vh;font-weight:500;cursor:pointer;font-size:2.3vh}.contact .right form button:focus{outline:none}.contact .right form span{color:wheat;margin-top:4vh;padding:2vh;border-radius:2vh;font-size:2.3vh}.menu_small{width:4.6vw;height:99.1%;top:.7vh;position:fixed;z-index:2;display:flex;flex-direction:column;justify-content:center;transition:all .7s ease}@media (max-width:1120px){.menu_small{width:6.2vw}}@media (max-width:720px){.menu_small{display:none}}.menu_small.active{display:none}.menu_small .icon{font-size:2vw;align-items:center;color:#4c8dd3;transition:all .3s ease}.menu_small .icon:hover{font-size:2.35vw}.menu_small ul{margin-left:1.2vw;margin-top:12vh;padding:0;list-style:none;overflow:hidden}@media (max-width:1120px){.menu_small ul{margin-left:1.8vw}}.menu_small ul li{display:flex;align-items:center;padding-bottom:4.4vh}.menu_small ul li .homeicon{font-size:2.2vw}.menu_small ul li .homeicon:hover{transition:all .3s ease;font-size:2.5vw}.app{height:100vh}.app .sections{width:100%;height:90vh;position:relative;top:7.6vh;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}*{margin:0;padding:0;box-sizing:border-box}*,.menu{transition:all .5s ease}.menu{width:180px;height:99.1%;position:fixed;top:1vh;left:-300px;z-index:3;display:flex;flex-direction:column;justify-content:center;overflow:visible!important}.menu.active{left:.1%}.menu .icon{font-size:30px;margin-right:15px;align-items:center}.menu .homeicon{font-size:35px;margin-right:12px}.menu ul{margin:0;padding-left:13px;list-style:none;font-size:1.35vw;font-weight:300;width:100%}@media (max-width:1200px){.menu ul{font-size:2vh}}@media (max-width:1120px){.menu ul{font-size:2.2vw}}@media (max-width:720px){.menu ul{font-size:4vw}}.menu ul li{display:flex;align-items:center;margin-bottom:3.3vh}.menu ul li a{font-size:inherit;color:inherit;text-decoration:none;transition:all .1s ease;font-weight:400}.menu ul li:hover{font-size:x-large}.menu .top{margin-top:10vh;margin-right:15%;padding-left:35%;margin-bottom:25%}.menu .bottom{margin-top:19vh}
/*# sourceMappingURL=main.30b39862.chunk.css.map */