@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;overflow:hidden}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)}}a{text-decoration:none;margin:20px 10px;color:#fff;font-size:20px;transition:1s}.nav-mob,.triangle,header>i::before{display:none}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}.portfolio{color:#f542e6;text-decoration:underline}.portfolio:hover{color:#f542e6}h1{font-size:60px;font-weight:800;color:#fff;text-align:center;line-height:60px;padding:0 20px}h2{margin-top:-20px;font-style:oblique;color:pink;font-size:40px;text-align:center;padding:0 20px}section{display:flex;align-items:center;justify-content:center;flex-direction:column}.box-wrapper{display:grid;width:98%;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));overflow:hidden;gap:15px;margin-top:25px;padding-bottom:30px}.box-wrapper>div{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 0;background-color:#fff;border-radius:10px;box-shadow:0 0 20px #000;transition:1s}.box-wrapper>div:hover{box-shadow:none}img{height:45%;width:90%;margin-top:10px;object-fit:fill;box-shadow:0 0 10px #000;user-select:none;-webkit-user-drag:none;transition:1s}h3,p{color:#000}p{font-size:20px;margin-top:10px;line-height:30px;height:90px;display:flex;align-items:center;justify-content:center;text-align:center;width:90%}h3{font-size:27px;text-align:center;padding-top:10px}.box-wrapper>div>a{border-radius:25px;padding:5px 10px;background-color:#ff1fec;color:#000;box-shadow:0 0 5px #000;font-family:Poppins,sans-serif;font-weight:600;margin-top:10px;transition:1s}.box-wrapper>div>a:hover{background-color:#f542e6;box-shadow:none}@media (max-width:960px){header{justify-content:space-between}.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}.nav-desk{display:none}header>i::before{display:flex;font-size:40px;color:#f542e6;margin-right:15px;cursor:pointer;transition:.7s}h2{margin:0;line-height:40px}}@media (max-width:700px) and (min-width:520px){header{justify-content:space-between}.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}.nav-desk{display:none}header>i::before{display:flex;font-size:40px;color:#f542e6;margin-right:15px;cursor:pointer;transition:.7s}h1{line-height:60px;margin-top:50px}h2{margin-top:10px;line-height:50px}nav{padding-top:20px}}@media (max-width:520px) and (min-width:100px){header{justify-content:space-between}.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}.nav-desk{display:none}header>i::before{display:flex;font-size:40px;color:#f542e6;margin-right:15px;cursor:pointer;transition:.7s}h1{font-size:30px;margin-top:10px;line-height:30px}h2{font-size:25px;margin-top:10px;line-height:30px}}