@import"https://fonts.googleapis.com/css2?family=Staatliches&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Staatliches,cursive}html{scroll-behavior:smooth}:root{--color-one: #990011FF;--color-two: #FCF6F5FF;--font-type: "Staatliches", cursive}body{margin:0;display:flex;min-width:320px;height:100vh;position:relative;overflow-y:none}#namer{font-size:3.2em;line-height:1.1}#char1{display:none;width:192px;height:32px}#char2{display:none;width:128px;height:32px}#char3{display:none;width:256px;height:32px}#portal{display:none;width:329px;height:113px}#stone1{display:none;width:8;height:8}#stone2{display:none;width:16;height:16}#printer{width:500;height:500}.container{position:fixed;width:100vw;height:100vh;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:none;-webkit-overflow-scrolling:touch;background-color:#000;background-image:linear-gradient(to right bottom,#0a053d,#150333,#19032a,#1a0322,#18041b,#1e0c24,#26112e,#2e1538,#3f1d5a,#4c2781,#5035ab,#4546da)}#app{top:0;left:0;position:fixed;z-index:100;background-color:transparent;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#bun,#bun2,#bun3,#dirpng{display:none}#subContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around}.divs{margin:0;width:30.33%;height:90%;border:1px solid var(--color-two);backdrop-filter:blur(0px) saturate(182%);-webkit-backdrop-filter:blur(0px) saturate(182%);background-color:#7d8aad12;border-radius:12px;border:1px solid rgba(255,255,255,.125)}#projectContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.projectCard{width:90%;height:23%;margin:10px;background:rgba(246,181,74,.05);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-radius:10px;border:1px solid rgba(255,255,255,.18)}#probox1{width:100%;height:100%;position:relative;display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(to right bottom,#0a053d,#150333,#19032a,#1a0322,#18041b,#1e0c24,#26112e,#2e1538,#3f1d5a,#4c2781,#5035ab,#4546da);color:var(--color-two)}#p1{position:absolute;height:15%;width:90%;text-align:center;left:5%;top:3%;border:1px solid white;background-color:#191f19}#p2{width:55%;padding:5%}.stacks{text-align:center;padding:2px;margin-left:2px}#primage{width:40%;margin-left:5%}#profileContainer{width:100%;height:100%;display:hidden;object-fit:none;object-position:center top;background-color:transparent}#two,#three{position:relative}#profile{position:absolute;top:5%;left:5%;width:90%;height:90%;background:rgba(246,181,74,.05);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-radius:10px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 50px #fff,inset 20px 0 80px #f0f,inset -20px 0 80px #0ff,inset 20px 0 300px #f0f,inset -20px 0 300px #0ff,0 0 50px #fff,-10px 0 80px #f0f,10px 0 80px #0ff}#resumeDownload{width:100%;height:10%;display:flex;justify-content:right;align-items:center;position:absolute;top:50%;background:rgba(246,181,74,.05);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border:1px solid rgba(255,255,255,.18)}#dlink{width:50%;display:flex;align-items:center;justify-content:center;text-decoration:none}#downBtn{width:100%;padding:5%;background:transparent;border:none;font-size:1.1rem;color:#fff}#bottomp{position:absolute;top:60%;background-image:linear-gradient(to right bottom,#0a053d,#150333,#19032a,#1a0322,#18041b,#1e0c24,#26112e,#2e1538,#3f1d5a,#4c2781,#5035ab,#4546da);width:100%;height:40%;display:flex;align-items:center;justify-content:center}#prodetail{width:80%;color:var(--color-two)}#proint{display:flex;align-items:center;justify-content:center;width:100%;text-align:justify;font-size:.8rem}#skillHead{width:90%;height:30px;position:absolute;top:2%;left:5%;color:var(--color-two);text-align:center;font-size:1.5rem;background-color:#020307a4;border:1px solid rgba(255,255,255,.18)}#skillContainer{position:absolute;top:7%;left:5%;width:90%;height:40%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:0px;grid-row-gap:0px;margin-top:10px;background-color:#020307a4}.skills{display:flex;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid rgba(255,255,255,.18);color:var(--color-two)}#skillImage{position:absolute;top:50%;left:5%;width:5%;height:15%;display:grid;grid-template-columns:repeat(9,1fr)}.lg{width:20px;height:20px;margin:0;padding:0;background-image:linear-gradient(to right bottom,#0a053d,#150333,#19032a,#1a0322,#18041b,#1e0c24,#26112e,#2e1538,#3f1d5a,#4c2781,#5035ab,#4546da);border-radius:25px;border:1px solid rgba(255,255,255,.18)}#certificates{position:absolute;top:66%;left:5%;width:90%;height:30%;background-image:linear-gradient(to right bottom,#0a053d,#150333,#19032a,#1a0322,#18041b,#1e0c24,#26112e,#2e1538,#3f1d5a,#4c2781,#5035ab,#4546da);border-radius:10px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f26875e}#certHead{position:absolute;top:0%;left:5%;width:40%;height:10%;background:rgb(22,179,22);text-align:center;border-radius:5px 5px 0 0}#box1{width:90%;height:50%;margin:5% 5% 0;background-color:#0c2ec981;display:flex;justify-content:space-around;align-items:center;color:var(--color-two)}#udimage{width:40%;height:100%}#certPara{text-align:left;padding:5px}#box2{width:90%;height:30%;margin:2.5% 5% 0;background-color:#020307a4;display:flex;justify-content:space-between;align-items:center}#contactHead{display:flex;justify-content:center;align-items:center;width:30%;height:100%;background-color:#21b321;color:var(--color-two)}#conId{display:flex;justify-content:center;align-items:center;height:100%}#con{width:90%;height:100%}::-webkit-scrollbar{display:none}@media only screen and (max-width:899px) and (min-width:250px){#bun,#bun2,#bun3{display:block}#dirpng{display:none;width:32px;height:32px}#char1,#printer{display:none}#container2{position:relative}#profile{background:rgba(246,181,74,.05);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-radius:10px;border:1px solid rgba(255,255,255,.18)}#bun{position:absolute;z-index:150;top:2.2%;left:8%;width:15%;height:50px;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}#bun2{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-two);z-index:150;top:2.2%;left:25%;width:33.33%;height:50px;backdrop-filter:blur(0px) saturate(182%);-webkit-backdrop-filter:blur(0px) saturate(182%);background-color:#7d8aad12;border-radius:12px;border:1px solid rgba(255,255,255,.125);cursor:pointer}#bun3{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-two);z-index:150;top:2.2%;left:60%;width:33.33%;height:50px;backdrop-filter:blur(0px) saturate(182%);-webkit-backdrop-filter:blur(0px) saturate(182%);background-color:#7d8aad12;border-radius:12px;border:1px solid rgba(255,255,255,.125);cursor:pointer}#app{height:300vh}#subContainer{flex-direction:column}#one{order:2}.divs{width:100%}.skills{border:transparent}}@media only screen and (max-width:1249px) and (min-width:900px){#bun,#bun2,#bun3{display:block}#char1{display:none}#dirpng{display:none;width:32px;height:32px}#printer{display:none}#container2{position:relative}#bun{position:absolute;z-index:150;top:2.2%;left:8%;width:15%;height:50px;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}#bun2{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-two);z-index:150;top:2.2%;left:25%;width:33.33%;height:50px;backdrop-filter:blur(0px) saturate(182%);-webkit-backdrop-filter:blur(0px) saturate(182%);background-color:#7d8aad12;border-radius:12px;border:1px solid rgba(255,255,255,.125);cursor:pointer}#bun3{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-two);z-index:150;top:2.2%;left:60%;width:33.33%;height:50px;backdrop-filter:blur(0px) saturate(182%);-webkit-backdrop-filter:blur(0px) saturate(182%);background-color:#7d8aad12;border-radius:12px;border:1px solid rgba(255,255,255,.125);cursor:pointer}#app{height:300vh}#subContainer{flex-direction:column}#one{order:2}.divs{width:100%}.skills{border:transparent}}@media only screen and (max-width:1649px) and (min-width:1250px){#printer{display:none}}@media only screen and (min-width:1650px){#printer{display:none}}