@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);*{margin:0;padding:0}body{position:relative;font-family:Poppins,sans-serif;min-height:100vh;background-image:url(/images/ab9a69e68bbba2be591f3b5ef0c74f63c3dc08bd/bg.gif);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}header{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.loading{position:absolute;top:0;left:0;background-color:#000;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;transition:1s;opacity:1;visibility:visible}.loadert{opacity:0;visibility:hidden}.loader{height:20px;width:20px;background-color:#fff;border:1px solid #000;animation:roll 2s linear infinite}@keyframes roll{0%{background-color:#fff}50%{background-color:#000}100%{background-color:#fff;transform:rotate(360deg)}}.nav-mob,.triangle,header>i::before{display:none}a{text-decoration:none;margin:20px 10px;color:#fff;font-size:20px;transition:1s}nav>a:hover{color:#f0a0e9}.button{background-color:#f542e6;padding:10px 20px;color:#000;border-radius:25px;font-weight:700;transition:1s;box-shadow:0 5px 5px #000}.button:hover{background-color:#ff1fec;box-shadow:none}.about{color:#f542e6;text-decoration:underline}.about:hover{color:#f542e6}.services{display:flex;align-items:center;justify-content:space-between;flex-direction:column;margin-top:30px;width:100%}h1{font-size:60px;font-weight:800;color:#fff;text-align:center;padding:0 20px;line-height:55px}h2{margin-top:5px;font-style:oblique;color:pink;line-height:40px;font-size:40px;text-align:center;padding:0 20px}.wrapper{display:flex;align-items:center;justify-content:space-around;margin-top:20px}.wrapper>div{width:45%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 10px;background-color:#fff;border-radius:10px;box-shadow:0 0 20px #000;transition:1s}h3{font-size:30px;font-weight:700;text-align:center}span{font-weight:400}p{text-align:center;font-size:25px;margin-top:20px;height:150px}.skills{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;margin-top:20px}.line{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row}.skill{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background-color:#fff;border-radius:10px;width:45%;margin:10px 0;padding:20px 10px}.range{width:100%;height:17px;display:flex;margin-top:10px;border-radius:25px;align-items:center;justify-content:flex-start;background-color:#000}.range>div{display:flex;height:15px;border-radius:25px;transition:2s;background-color:#ff1fec}.css,.html,.js,.pascal{width:0%}.pascal-change{width:80%;border:1px solid #000}.css-change{width:55%;border:1px solid #000}.html-change{width:70%;border:1px solid #000}.js-change{width:35%;border:1px solid #000}.skill>h3>img{height:80px;width:80px}.box>img{height:150px;width:170px}@media (max-width:900px) and (min-width:100px){h1{font-size:40px}h2{font-size:30px}header{justify-content:space-between}.nav-desk{display:none}header>i::before{display:flex;font-size:40px;color:#f542e6;margin-right:15px;cursor:pointer;transition:.7s}.nav-mob{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:-150%;right:5%;width:90%;background-color:#000;border-radius:10px;transition:1.5s}.nav-mob-show{top:120px}.triangle{display:flex;background-color:#000;top:-150%;right:5%;height:40px;width:40px;position:absolute;clip-path:polygon(0 0,100% 100%,0 100%);transform:rotate(270deg);transition:1.5s}.triangle-show{top:90px}.wrapper{flex-direction:column}.wrapper>div{width:90%;margin-top:20px}p{height:auto}.line>div{width:90%}.line{flex-direction:column;align-items:center}.skill>h3{font-size:25px}.skill>h3>img{height:50px;width:50px}}