@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Iceland&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Zen+Dots&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Iceland,sans-serif;font-family:Poppins,sans-serif;font-family:"Exo 2",sans-serif}h1,h2,h3,h4{font-family:Audiowide,sans-serif;font-family:Poppins,sans-serif;font-family:"Exo 2",sans-serif}h5{font-family:Zen Dots,sans-serif;font-family:Poppins,sans-serif}h6{font-size:.9rem}p{font-family:Iceland,sans-serif;font-family:Ubuntu,sans-serif;font-size:1.2rem;font-size:.9rem;font-weight:400}:root{--bg-color2: linear-gradient(to right, #1B1B1B, rgb(14, 14, 14));--bg-color: linear-gradient(to right, #1B1B1B, rgba(0, 0, 0, .39));--green-color: #79cc6f;--white-color: #ffff;--border-graycolor: rgba(255, 255, 255, .12);--skil-bg: #1E1E1E;--gray-color: #323232;--black-color: rgb(0, 0, 0)}.lightmode{--bg-color2: linear-gradient(to right, #ffffff, rgb(255, 255, 255));--bg-color: linear-gradient(to right, #ffffff, rgb(255, 255, 255));--green-color: #6bc45f;--white-color: rgb(0, 0, 0);--border-graycolor: rgba(190, 190, 190, .477);--skil-bg: #ebebeb;--gray-color: #323232;--black-color: }.maincontainer{position:relative}.mousefollower{position:absolute;width:30px;height:30px;background-color:var(--green-color);border-radius:50%;z-index:10000}.mousemediumfollower{position:absolute;width:20px;height:20px;background-color:var(--green-color);border-radius:50%;z-index:10000}.mousesmallfollower{position:absolute;width:10px;height:10px;background-color:var(--green-color);border-radius:50%;z-index:10000}@media screen and (max-width:700px){.mousefollower,.mousemediumfollower,.mousesmallfollower{display:none}}.maincontainer{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;background:url(/assets/bg-BumasGER.jpg) no-repeat;background-position:center;background-size:cover;overflow:hidden}.maincontainer video{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;object-fit:cover}.secondarycontainer{display:grid;grid-template-columns:80px 360px auto;align-items:center;height:90%;gap:10px;animation:onload 1s ease-in}@keyframes onload{0%{opacity:0}to{opacity:1}}.holdcontainer{height:85vh;overflow:hidden}@media screen and (max-width:800px){@keyframes onload{0%{opacity:0}to{opacity:1}}.secondarycontainer{display:grid;grid-template-columns:1fr;align-items:center;height:90%;gap:0px}.maincontainer{position:relative;height:fit-content;display:flex;align-items:center;justify-content:center;background:url(/assets/bg-BumasGER.jpg) no-repeat;background-position:center;background-size:cover}header .nameandrole{display:block}.customizations{display:flex}header .fa-xmark{display:block}header{width:100%;background-color:red;position:relative}header .navs{position:absolute;width:100%}}header{width:fit-content;padding:20px}header .nameandrole{display:none}header .nameandrole h5{color:var(--white-color);font-weight:700}header .nameandrole h6{color:var(--green-color)}header .fa-bars{display:none}header .two{display:flex;align-items:center;justify-content:center;background:var(--bg-color);padding:25px;border-radius:50%}header .navs{border-radius:40px;background:var(--bg-color);padding:10px}a{text-decoration:none}header .navs .box{position:relative;padding:15px;border-radius:50%;background-color:var(--skil-bg);cursor:pointer}header .navs i,path{color:var(--white-color)}header .navs .box .notify{position:absolute;left:90%;top:30%;opacity:0;background-color:var(--green-color);padding:2px 10px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:.2s ease}header .navs .box:hover i{color:var(--green-color)}header .navs .box:hover path{color:var(--green-color)}header .navs .box:hover .notify{opacity:1;transform:translate(10px)}header .navs .box .notify span{font-size:.8rem;font-weight:700;color:var(--white-color)}.filter{position:relative}.filter:hover .colors{opacity:1;transform:translate(10px)}.colors{position:absolute;left:90%;top:20%;opacity:0;background:var(--bg-color2);padding:10px;border-radius:20px;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;transition:.2s ease}.colors .colss{display:flex;gap:5px}.colors .color{cursor:pointer;width:35px;height:35px;border-radius:50%}.colors .yellow{background-color:#ffd000}.colors .blue{background-color:#0080ff}.colors .green{background-color:#7effab}@media screen and (max-width:800px){header .nameandrole{display:block;text-align:center}header{width:100%;background:var(--bg-color2);position:fixed;top:0;z-index:3000;display:flex;align-items:center;justify-content:space-around;padding:7px 20px}header .fa-bars{position:absolute;display:block;right:10px;font-size:1.5rem;color:var(--white-color)}header .navs{transition:.3s ease;position:absolute;width:100%;left:-200%;top:70px}header .navscome{transition:.4s ease;position:absolute;width:100%;left:0;top:70px;border-radius:0}header .two{background:none;padding:5px;border-radius:50%}header .navs .box{position:static;display:flex;gap:20px;padding:10px;border-radius:0;cursor:pointer}header .navs .box .notify{position:static;opacity:1;background-color:#0000;padding:0;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:.2s ease}header .navs .box .notify span{font-size:.8rem;font-weight:700;color:var(--white-color)}header .navs .box:hover .notify{opacity:1;transform:none}.colors{position:absolute;left:200%;top:0%;opacity:1;background:var(--bg-color2);padding:10px;border-radius:20px;display:flex;gap:5px;align-items:center;justify-content:center;transition:.2s ease}.customizations{position:relative;position:absolute;right:20px;top:200%;display:flex;gap:20px;flex-direction:column}.filter:hover .colors{opacity:1;left:-320%}.customizations .two{padding:15px;background:var(--green-color)}.customizations svg{width:17px;height:17px}}.profilecontainer{border-radius:40px 0 40px 40px;justify-content:space-between;align-items:center;background:var(--bg-color)}.profilecontainer .two .image{border-radius:40px 0 40px 40px;background-color:#cfced3;height:40vh}.profilecontainer .wh{padding:40px}.profilecontainer .two .image img{width:100%;height:100%;object-fit:contain}.profilecontainer .two2{border-top:var(--border-graycolor) solid 1px;display:flex}.profilecontainer .two .c-2{width:50%}.profilecontainer .two .c-2 h6{color:var(--white-color)}.profilecontainer .two .fi{border-right:var(--border-graycolor) solid 1px}.profilecontainer .informations{display:flex;flex-direction:column;align-items:center;justify-content:center}.profilecontainer .informations .apps{display:flex;justify-content:center;gap:10px}.profilecontainer .informations .apps .app{border:var(--border-graycolor) solid 1px;border-radius:40%;padding:10px;cursor:pointer;transition:.3s ease}.profilecontainer .informations .apps .app:hover{transform:translateY(-10px)}.profilecontainer .informations .name{font-weight:700;line-height:80px;font-size:1.4rem}.profilecontainer .informations .rolee{font-weight:500;color:var(--green-color);width:fit-content;white-space:nowrap;overflow:hidden;animation:typing 3s steps(18),blink 1s step-end}@keyframes typing{0%{width:0px}to{width:12ch}}.profilecontainer .informations .apps .app:hover i{color:var(--green-color)}.profilecontainer .informations .apps .app i{color:var(--white-color);font-size:1rem}@media screen and (max-width:800px){.profilecontainer{border-radius:0;justify-content:space-between;align-items:center;background:var(--bg-color)}.profilecontainer .informations .name{font-weight:700;line-height:80px;font-size:1.4rem;display:none}}.pagecontainer{background:var(--bg-color);border-radius:0 40px 40px 0;height:85vh;overflow:auto}.banner{display:flex;align-items:center;justify-content:center}.pagecontainer::-webkit-scrollbar{display:none}.pagecontainer h1,h3,p{color:var(--white-color);line-height:40px}.pagecontainer .role{font-size:2.5rem;font-weight:500;line-height:70px}.pagecontainer .count h1{font-size:4.6rem;color:var(--green-color)}.pagecontainer .count p{color:var(--white-color);font-weight:600}.pagecontainer .namediv .mainname1{color:var(--green-color)}.pagecontainer .namediv .insidenamediv{transform:translateY(10px);display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--green-color);width:0;animation:typing2 3s steps(14) infinite alternate-reverse,blink 1s step-end infinite}.namediv{display:inline-block;width:18ch}@keyframes typing2{0%{width:0}to{width:18ch}}@keyframes blink{0%{border-right:1px rgb(255,255,255) solid}to{border-right:none}}.pagecontainer .course{background-color:var(--green-color);font-size:3rem;padding:0 20px;border-radius:40px;color:#000}@media screen and (max-width:700px){.pagecontainer{background:var(--bg-color);border-radius:0;height:85vh;overflow:auto}.pagecontainer .course{background-color:var(--green-color);font-size:2rem;padding:0 20px;border-radius:40px;color:#000}.pagecontainer .role{font-size:1.5rem;font-weight:500;line-height:37px}.pagecontainer .count h1{font-size:2.7rem}.pagecontainer .count p{font-weight:500;font-size:.9rem}}.pagecontainer{display:flex;flex-direction:column;gap:20px}.pagecontainer .skillcontainer{display:flex;gap:30px;flex-wrap:wrap}.pagecontainer .header h2{color:var(--white-color);font-size:1.5rem}.pagecontainer .header .first{border:1.5px solid var(--border-graycolor);width:fit-content;border-radius:40px;display:flex;align-items:center;justify-content:center;padding:1px 20px}.pagecontainer .header p{color:var(--white-color);font-size:1rem;font-weight:400}.pagecontainer .skillcontainer .outsidedrop .slidecontent{transition:.4s ease;border:1px rgba(255,255,255,.152) solid;border-radius:20px;padding:0 20px;position:absolute;width:100%;transform:translateY(-40px);z-index:1}.pagecontainer .skillcontainer .outsidedrop:hover .slidecontent{transform:translateY(-15px)}.pagecontainer .skillcontainer .outsidedrop h4{font-size:.7rem;color:var(--white-color)}.pagecontainer .skillcontainer .outsidedrop{position:relative}.pagecontainer .skillcontainer .drop{position:relative;border-radius:20px;background-color:var(--skil-bg);z-index:2;overflow:hidden;transition:.4s ease;padding:1px}.pagecontainer .skillcontainer .drop .d{position:relative;background:var(--skil-bg);z-index:1;padding:30px;border-radius:20px}.pagecontainer .skillcontainer .drop:after{content:"";width:200%;height:200%;position:absolute;left:-50%;top:-50%;background:conic-gradient(var(--green-color),transparent,transparent,transparent);animation:border 2s linear infinite}@keyframes border{0%{transform:rotate(-360deg)}}.pagecontainer .skillcontainer .drop:before{position:absolute;left:0;top:0;border-radius:20px;transform:scale(0);content:"";width:100%;height:100%;background-color:#fff;transition:.7s ease;z-index:2}.pagecontainer .skillcontainer .drop:hover:before{transform:scale(1);background-color:#fff0}.pagecontainer .skillcontainer .drop:hover{transform:translateY(-20px)}.pagecontainer .skillcontainer .drop .skill{width:40px;height:40px;overflow:hidden}.pagecontainer .skillcontainer .drop .skill img{width:100%;height:100%;object-fit:contain}@media screen and (max-width:800px){.pagecontainer .skillcontainer{display:flex;gap:30px;flex-wrap:wrap;align-content:center;justify-content:center}}.pagecontainer .projects{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pagecontainer .projects .pro{position:relative;padding:2px;border-radius:15px;border:1px solid rgba(255,255,255,.115);overflow:hidden;height:fit-content;box-shadow:0 0 10px 2px #56565629}.pagecontainer .projects .pro:before{width:200%;height:200%;content:"";position:absolute;top:-50%;left:-50%;z-index:0;background:conic-gradient(transparent,transparent,transparent,var(--green-color));animation:rotate1 5s linear infinite}.pagecontainer .projects .pro:after{width:200%;height:200%;content:"";position:absolute;top:-50%;left:-50%;z-index:0;background:conic-gradient(var(--white-color),transparent,transparent,transparent);animation:rotate2 5s linear infinite reverse}@keyframes rotate1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagecontainer .projects .pro .outer{perspective:1000px;position:relative;height:35vh;border-radius:15px;z-index:2;background:var(--bg-color2)}@keyframes glowp{0%{box-shadow:0 0 10px .5px var(--green-color)}}.pagecontainer .projects .pro .inner{height:100%;border-radius:15px;position:relative;transform-style:preserve-3d;transition:transform .6s ease}.pagecontainer .projects .pro .outer:hover .inner{transform:rotateY(180deg)}.pagecontainer .projects .pro .outer .front{backface-visibility:hidden;position:absolute;width:100%;left:0;top:0;z-index:1}.pagecontainer .projects .pro .outer .back{backface-visibility:hidden;position:absolute;background:var(--bg-color);transform:rotateY(180deg);width:100%;height:100%;left:0;top:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:20px;padding:20px;z-index:1}.pagecontainer .projects .pro .front{height:100%;border-radius:15px}.pagecontainer .projects .pro .imageodd img{width:100%;height:100%;object-fit:cover;transition:.3s ease}.pagecontainer .projects .pro .contents h5{color:var(--white-color)}.pagecontainer .projects .pro .contents .smallbox{transition:.2s ease-in;border-radius:30px;padding:2px 10px;background-color:var(--skil-bg);color:#888;font-weight:600;width:fit-content;font-size:.8rem}.pagecontainer .projects .pro .contents a{text-decoration:none;color:var(--white-color)}.pagecontainer .projects .pro .contents a .arrow{padding:10px;border-radius:50%;width:fit-content;background-color:var(--skil-bg)}.pagecontainer .projects .pro .contents .usetools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:240px}.pagecontainer .projects .pro .contents .usetools span{color:var(--green-color)}@media screen and (max-width:800px){.pagecontainer .projects{display:grid;grid-template-columns:1fr;gap:20px}.pagecontainer .projects .pro{width:100%;margin-bottom:20px}.pagecontainer .projects .pro .outer{perspective:1000px;height:25vh}}.pagecontainer .header h2{color:var(--green-color)}.pagecontainer .tree{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pagecontainer{display:flex;flex-direction:column}.pagecontainer .download{margin-top:20px;align-self:center;border:1px solid gray;padding:10px 20px;cursor:pointer;color:var(--green-color);border-radius:5px;background:var(--black-color)}.pagecontainer .tree .left,.right{height:fit-content}.pagecontainer .tree .th{margin-top:40px}.pagecontainer .tree .three{display:flex;flex-direction:column;gap:20px}.pagecontainer .tree .three .first{background:var(--skil-bg);border:1px rgba(255,255,255,.192) solid;padding:30px;border-radius:20px;position:relative;overflow:hidden}.pagecontainer .tree .three .first:before{content:"";position:absolute;width:60%;transform:skew(-60deg);height:100%;left:0;top:-100%;background:linear-gradient(to right,#ffffff28,#ffffff51,#ffffff1c);transition:1s ease-in-out}.pagecontainer .tree .three .first:hover:before{top:170%;left:80%;width:30%}.pagecontainer .tree .line{border:1px solid rgba(128,128,128,.347)}.pagecontainer .tree .three .year{border:1px solid var(--gray-color);width:fit-content;padding:2px 20px;border-radius:5px;color:var(--green-color)}.pagecontainer .tree .three .edu{border-radius:10px}.pagecontainer .tree .three .edu p{color:var(--white-color);font-size:1rem;font-weight:500}.pagecontainer .tree .three .first .certificate{position:absolute;top:10px;right:10px;font-size:.8rem;border:1px solid var(--gray-color);padding:5px 10px;border-radius:30px}.pagecontainer .tree .three .district{color:var(--gray-color)}.pagecontainer .tree .three .name{color:var(--white-color)}.pagecontainer .tree .three a{color:var(--white-color);text-decoration:none;font-weight:600}.pagecontainer .tree .line{position:relative}.pagecontainer .tree .line .dots{position:absolute;width:10px;height:10px;border-radius:50%;background-color:var(--white-color);animation:drop 1s ease infinite alternate-reverse}@keyframes drop{to{box-shadow:0 0 4px 5px var(--green-color)}}.pagecontainer .tree .line .dot1{left:-5px;top:0%}.pagecontainer .tree .line .dot2{left:-5px;top:60%}.pagecontainer .tree .line .dot3{left:-5px;top:0%}.pagecontainer .tree .line .dot4{left:-5px;top:80%}iframe{margin-top:30px;width:100%;height:100vh}@media screen and (max-width:800px){.pagecontainer .tree{display:grid;grid-template-columns:1fr;gap:20px}iframe{margin-top:30px;width:100%;height:60vh}}.pagecontainer .contacts .up{display:flex;flex-wrap:wrap;gap:30px}.pagecontainer .contacts .up .three{flex:1 0 40%;border:1px solid var( --border-graycolor);background:var(--bg-color2);border-radius:20px;padding:30px 20px;display:flex;justify-content:space-between;align-items:center}.pagecontainer .contacts .up .three .l{display:flex;gap:10px;align-items:center}.pagecontainer .contacts .up .three .l i{color:var(--green-color);font-size:3rem}.pagecontainer .contacts .up .three .l p{color:#a1a1a1;font-size:1rem;font-weight:500}.pagecontainer .contacts .up .three .r{color:var(--white-color);font-weight:600;font-size:1rem}.pagecontainer .contacts label{color:#959595;font-weight:500;font-size:.9rem}.pagecontainer .contacts input,textarea{background-color:transparent;border:1px solid var( --border-graycolor);border-radius:10px;color:var(--white-color);padding:0 20px}.pagecontainer .contacts textarea{padding:20px}.pagecontainer .contacts input:focus{border:none;outline:none;box-shadow:0 0 10px 1px var(--green-color)}.pagecontainer .contacts textarea:focus{border:none;outline:none;box-shadow:0 0 10px 1px var(--green-color)}.pagecontainer .contacts button{position:relative;color:var(--white-color);font-weight:600;border:1px solid var(--border-graycolor);overflow:hidden}.pagecontainer .contacts button span{position:relative;z-index:2;color:var(--white-color);font-size:.8rem;font-weight:500}.pagecontainer .contacts button:hover span{color:var(--black-color)}.pagecontainer .contacts button:before{position:absolute;content:"";width:150%;height:100%;top:0;left:-180%;background-color:var(--white-color);z-index:1;transition:.5s ease-in-out;transform:skew(60deg)}.pagecontainer .contacts button:hover:before{left:-10%;transform:skew(-20deg)}@media screen and (max-width:800px){.pagecontainer .contacts .up .three{flex:1 0 40%;border:1px gray solid;background:var(--bg-color2);border-radius:20px;padding:30px 20px;display:flex;flex-direction:column;gap:20px;justify-content:space-between;align-items:center}}