@import"https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";@font-face{font-family:Minecraftia;src:url(./Minecraftia-Regular-iAo6ufQ-.ttf)}*{scroll-behavior:smooth;padding:0;margin:0;box-sizing:border-box;font-family:Minecraftia;line-height:1.5}.poppins{font-family:Poppins,sans-serif!important}html{scroll-behavior:smooth}.homePara{text-align:center;max-width:40rem}.max-60{max-width:60rem}.main{height:100vh;width:100vw;background-color:#22333b;color:#eae0d5;overflow-x:hidden}body{background-color:#22333b}.home{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.home .socialLinks{display:flex;gap:20px}.home .socialLinks img{cursor:pointer;transition:.6s}.home .socialLinks img:hover{transform:translateY(-5px) scale(1.1)}.logoCont .logo-main{border-radius:50%;width:225px;border:5px solid #22333b;overflow:auto;transition:1.5s ease-in-out}.logoCont{border-radius:50%;display:flex;justify-content:center;height:225px;width:225px;background:linear-gradient(45deg,#833ab4,#ed2ca2,#fd1d1d,#ddbc11,#ffd100);padding:5px;transition:1.5s}.logoCont:hover{transform:rotate(360deg) scale(1.2)}.navbar .navLogoCont,.navbar .navLogoCont a{display:flex;justify-content:center;align-items:center}.navbar .navLogoCont img{width:45px;height:45px;border-radius:50%;cursor:pointer;transition:1.1s}.navbar .navLogoCont img:hover{transform:translateY(-4px)}.navbar{display:flex;justify-content:center;align-items:center;padding-top:8px;padding-bottom:6px;gap:70px;width:100%;background-color:#22333b}.navbar ul li{list-style:none}.navbar ul{display:flex;gap:20px}.navbar ul li{display:flex}.navbar ul li a{transition:1s;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.navbar ul li a:after{content:"";width:0;height:2px;background-color:#eae0d5;transition:1s}.navbar ul li a:hover:after{width:80%;background-color:#d1d162}.navbar ul li a:hover{color:#d1d162;transform:translateY(-8px)}.navbar .socialLinks{display:flex;gap:15px;align-items:center;justify-content:center}.navbar .socialLinks img{cursor:pointer;transition:1.2s}.navbar .socialLinks img:hover{transform:scale(1.1) translateY(-3px)}.textCenter{text-align:center}.hr{width:calc(100% - 200px);margin:10px 0;opacity:.4;border:1px solid white;border-radius:100px}.center{display:flex;justify-content:center;align-items:center}.skills .skillsCont{min-height:100vh;padding:10px 0;width:100vw;display:flex;justify-content:center;flex-direction:column}.skills{min-height:100vh;padding:15px 0;width:100vw}.max-60{text-align:left;padding:0 10px;line-height:1.5}.max-60 span{text-align:center}.skills .skillsSingle{display:flex;justify-content:center;align-items:center;gap:20px}.skills .skillsSingle .bar{width:calc(100% - 400px);background-color:#fff;height:10px;border-radius:100px}.skills .skillsSingle .bar .filled{background-color:#ff0;height:100%;border-radius:100px}.skillsCont{height:calc(100% - 100px);display:flex;flex-direction:column;justify-content:center;gap:50px}.flex{display:flex;gap:10px}#projects{width:100vw;height:50vh}#projects .projectsCont{display:flex;justify-content:center;align-items:center;height:70%}.projects{min-height:100vh;min-width:100vw;display:flex;align-items:center;flex-direction:column;gap:100px}.projects .projectsCont{display:flex;flex-direction:column;gap:40px}.projects .card{width:250px;border:1px solid #EAE0D5;display:flex;flex-direction:column;justify-content:center;align-items:center;height:390px;gap:10px;background-color:#fff;color:#22333b;border-radius:10px;transition:1.5s}.projects .card:hover{transform:scale(1.1) rotate3d(0,0,1,2deg)}.projects .card img{border-radius:100%}.projects .card .card-bottom{display:flex;align-items:center;flex-direction:column;width:100%;gap:10px}.btn{padding:10px 40px;border:1px solid #22333b;color:#22333b;background-color:transparent;border-radius:7px;cursor:pointer;transition:1s;font-weight:500}.btn:hover{background-color:#22333b;color:#fff;transform:scale(1.1)}.services{height:100vh;width:100vw;display:flex;align-items:center;flex-direction:column;gap:100px}.services .card{width:350px;border:1px solid #EAE0D5;display:flex;flex-direction:column;align-items:center;height:390px;gap:10px;background-color:#fff;color:#22333b;border-radius:10px;transition:1.5s;cursor:default}.services .card .card-heading{padding:20px 0}.services .card .card-bottom{padding:20px}.services .card .card-imgGroup span{font-size:50px}.services .card .card-imgGroup{display:flex;align-items:center;gap:7.5px;margin-top:70px}.services .card:hover{transform:scale(1.1) rotate3d(0,0,1,2deg)}.services .card .card-bottom{display:flex;align-items:center;flex-direction:column;width:100%;gap:10px}.services .servicesCont{display:flex;gap:40px}.contact{height:100vh;width:100vw;display:flex;align-items:center;flex-direction:column;gap:10px}.contact .contactCont{display:flex;gap:10px;justify-content:center;align-items:center;flex-direction:column}.contact .contactCont .right{background-color:#1a1a1a;border-radius:10px}.contact .contactCont .right form{display:flex;flex-direction:column;gap:10px;padding:30px 20px;width:auto}.contact .right form input{border:none;background-color:transparent;outline:none;border-bottom:1px solid #22333b;padding:10px;color:#fff;width:100%}.contact .right form textarea{border-radius:10px;outline:none;margin-top:40px;border:none;padding:10px;background-color:#2c2a2a;color:#fff}.contact .right form input::placeholder{color:#eae0d5}.contact .right form textarea::placeholder{color:#eae0d5}.contact .btn{padding:20!important;width:100%;background-color:#eae0d5;margin-top:5px;line-height:1.2;display:flex;justify-content:center;align-items:center;padding-top:20px}.contact .btn:hover{transform:scale(1)!important;color:#22333b;background-color:#bbbb57}.contact .mail{transition:1.2s}.contact .mail:hover{color:#bbbb57}.skillsSingle .bar .f90.host{width:0%;animation-name:fill90;animation-duration:2s;animation-delay:.1s;animation-iteration-count:1}.skillsSingle .bar .f75.host{width:0%;animation-name:fill75;animation-duration:2s;animation-delay:.2s;animation-iteration-count:1}.skillsSingle .bar .f95.host{width:0%;animation-name:fill95;animation-duration:2s;animation-delay:.3s;animation-iteration-count:1}.skillsSingle .bar .f90-2.host{width:0%;animation-name:fill90;animation-duration:2s;animation-delay:.4s;animation-iteration-count:1}.skillsSingle .bar .f93.host{width:0%;animation-name:fill93;animation-duration:2s;animation-delay:.5s;animation-iteration-count:1}@keyframes fill90{0%{width:0%}to{width:90%}}@keyframes fill75{0%{width:0%}to{width:75%}}@keyframes fill95{0%{width:0%}to{width:95%}}@keyframes fill93{0%{width:0%}to{width:93%}}.homeTitle span{font-size:50px}@media screen and (min-width: 890px) and (max-width: 1149px){.services .servicesCont{display:flex;flex-direction:column}.services{height:max-content}.hr{margin:30px 0}}.navbar .menubar{display:none;transition:1.1s}.navbar .menubar:hover{transform:translateY(-6px)}.navbar ul.mobile-nav{display:none}.navbar ul.desktop-nav{display:flex}@media screen and (min-width: 0) and (max-width: 890px){.services .servicesCont{display:flex;flex-direction:column}.services{height:max-content}.projects .projectsCont .flex{display:flex;flex-direction:column;gap:20px}.skills .skillsSingle{display:block;text-align:center}.skills .skillsSingle .bar{width:70%;margin:5px 15%}.homeTitle{font-size:large}.homeTitle span{font-size:30px}.logoCont{height:175px;width:175px}.navbar{justify-content:space-around;position:relative}.navbar ul.desktop-nav{display:none}.navbar ul.mobile-nav{display:flex;width:100vw}.navbar ul{position:absolute;top:80px;flex-direction:column;background-color:#22333b;width:65%;align-items:center;padding:10px;transition:2s}.navbar .socialLinks{display:none}.navbar .menubar{display:block;cursor:pointer}.navbar .hr{margin:10px 0}}@media screen and (min-width: 0) and (max-width: 396px){.services .card{width:250px}.services .card .card-heading{font-size:12px}}@media screen and (min-width: 0) and (max-width: 780px){.contact{margin-bottom:20px}.contact .mail{font-size:13px}.contact .contactCont .right form{width:300px!important}.contact .contactCont .right{height:calc(fit-content+20px);margin-bottom:10px}.contact .contactCont .right form textarea{width:260px!important}}.contact .contactCont .right form textarea{width:fit-content}.scroll-container{width:100%;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;text-align:center}.groupEntry{padding-bottom:20px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.groupCont{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}@media screen and (max-width: 728px){.bigScreen-main{display:none!important}.smallScreen-main{display:flex!important}}@media screen and (min-width: 728px){.smallScreen-main{display:none!important}.bigScreen-main{display:flex!important}}