.app{position:relative}nav{width:100%;position:sticky;z-index:10;top:0;opacity:.98;font-size:small}.nav-content{width:100%;position:relative;align-items:center;justify-content:center;display:flex;gap:4rem;padding:1.5rem 0;color:gray;background-color:var(--white-v2);position:absolute;top:0;z-index:1;overflow:hidden}.nav-content a{cursor:pointer;text-decoration:none;color:gray}.nav-content a:hover{color:var(--primary-color);transition:.6s}.menu{box-sizing:border-box;width:100dvw;position:relative;justify-content:flex-end;color:gray;background-color:var(--white-v2);top:0;display:none;padding:1rem}.menu *{cursor:pointer}.display-items{display:flex!important;flex-direction:column;opacity:1;height:25rem;width:100%;gap:2rem;padding:0;transition:opacity .5s ease-in-out,height .5s ease-in-out;box-shadow:2px 0 2px gray}@media screen and (max-width: 680px){.menu{display:flex;z-index:9999999!important}.hide{opacity:0;width:0;height:0;transition:opacity .5s ease-in-out,height .5s ease-in-out}}.dashboard{position:relative;background-color:var(--white-v1);display:flex;align-items:center;justify-content:center;overflow:hidden!important;padding-top:4rem}.das{position:relative;height:100dvh;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem;align-items:center;justify-content:center;max-width:1600px}.dash-content{position:relative;z-index:9;display:flex;justify-content:center;align-items:center;gap:2rem;flex-direction:column}.emoji-hi{font-size:5rem;animation:greet 1.5s ease-in-out}@keyframes greet{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg)}50%{transform:rotate(0)}75%{transform:rotate(20deg)}}.greetings{width:20rem}.role{width:18rem}.greetings,.role{background-color:var(--white-v2);padding:1rem;z-index:1;box-shadow:0 4px 8px var(--secondary-color);border-radius:1rem;display:flex;gap:1rem;align-items:center;justify-content:center}.photo{background:linear-gradient(to top right,var(--secondary-color),var(--white-v1));width:30rem;height:30rem;aspect-ratio:1;padding:3rem;border-radius:50%;z-index:1}.photo img{position:relative;width:22rem;height:22rem;z-index:9;aspect-ratio:1;object-fit:cover;border-radius:10%}.circle-1,.circle-2,.circle-3,.circle-4,.circle-5{position:absolute;border-radius:50%;background:linear-gradient(to top left,var(--secondary-color),var(--white-v1));z-index:0;opacity:.5}.circle-1{width:7rem;aspect-ratio:1;left:10%;top:70%}.circle-2{width:16rem;aspect-ratio:1;right:20%;top:70%}.circle-3{width:10rem;aspect-ratio:1;right:10%;top:10%}.circle-4{width:12rem;aspect-ratio:1;left:30%;top:90%}.circle-5{width:5rem;aspect-ratio:1;left:30%;top:10%}.das .stack{position:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:70%;z-index:0}.stack img:nth-child(1),.stack img:nth-child(4){position:inherit;left:-30%}.stack img{width:8rem;z-index:1}.contacts{position:absolute;right:1%;bottom:1%;display:flex;flex-direction:column;gap:1rem}.contacts a{display:flex;align-items:center;justify-content:center;border-radius:50%;width:2rem;height:2rem;border:solid 1px gray;color:gray;cursor:pointer;padding:.3rem;transition:color .4s ease-in-out}.contacts a:hover{color:var(--primary-color);border:solid 1px var(--primary-color)}.about{position:relative;background-color:var(--white-v1);display:flex;justify-content:center;align-items:center;min-height:100dvh}.about-content{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;max-width:1600px;gap:3rem;padding-bottom:10rem}.about-content article{width:80%}.about-content strong{font-size:var(--extra-large)}.tech-stacks strong{font-size:medium}.tech-stacks{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));width:100%;justify-content:center;gap:2rem}.tech-stacks div{text-align:center;display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:1rem;transition:transform .3s ease-in-out;z-index:1;gap:.5rem}.tech-stacks div:hover{transform:scale(1.05)}.tech-stacks div img{position:relative;width:6rem;object-fit:contain;aspect-ratio:1;padding:1rem;background-color:#fff;border-radius:1rem}.dots,.dots-dash{position:absolute;color:gray;opacity:.2}.dots{right:1%;bottom:1%}.dots-dash{left:1%;bottom:1%}.projects{position:relative;background-color:var(--white-v1);display:flex;justify-content:center;align-items:center;min-height:100dvh;padding-bottom:10rem}.projects-children{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3rem;position:relative;width:inherit;max-width:1600px}.projects-children .heading{font-size:var(--extra-large);text-align:center}.projects-children select{background-color:var(--white-v2);padding:.5rem;border-radius:2rem;outline:none}.projects-list{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));justify-content:center;gap:2rem}.project{position:inherit;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 8px var(--secondary-color);padding:1rem;border-radius:1rem;transition:transform .3s ease-in-out;z-index:1;box-shadow:0 8px 12px var(--secondary-color)}.project:hover{transform:scale(1.01)}.project img{width:100%;aspect-ratio:16/9;padding:.5rem}.project:hover~.project,.project:has(~.project:hover){transform:scale(.99)}.skills{position:relative;background-color:#fff;display:flex;justify-content:center;align-items:center;min-height:100dvh}.skills-children{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;position:relative;width:100%;max-width:1600px;z-index:1}.skills-children .heading{font-size:var(--extra-large);text-align:center}.skills-exp{position:inherit;display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));width:100%;justify-content:center!important;gap:3rem}.skills-content{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));align-items:center;height:fit-content;gap:2rem}.skills-content div{display:flex;flex-direction:column;align-items:center}.skills-content div .circle{width:3rem;aspect-ratio:1;border-radius:50%;padding:.5rem;background-color:var(--white-v1);object-fit:contain}.experience{display:flex;justify-content:start;flex-direction:column;gap:2rem;border-left:solid 1px gray;padding-left:2rem}.experience .experience-content{display:flex;align-items:center;gap:3rem}.comp-logo{width:3rem;object-fit:contain;aspect-ratio:1}.trail-skill{display:flex;align-items:center;gap:4rem}.dots-skills{position:absolute;color:gray;opacity:.2;z-index:0;left:1%;top:1%}.referal{position:relative;background-color:#fff;display:flex;justify-content:center;align-items:center;min-height:100dvh}.referal-children{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;position:relative;width:100%;max-width:1600px}.referal-children .heading{font-size:var(--extra-large);text-align:center}.decor{color:var(--primary-color)}.ref-wrapper{position:relative;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:2rem;padding:.5rem}.ref-box{display:flex;align-items:center;gap:2rem;border:solid 1px gray;border-radius:4px;padding:.5rem;background-color:var(--white-v1)}.ref-box-img img{width:8rem;aspect-ratio:1;object-fit:cover;border-radius:50%;transition:transform .3s ease-in-out;cursor:pointer}.ref-box-img img:hover{transform:scale(1.2)}.actions-nav{display:flex;gap:3rem}.actions-nav div{background-color:var(--white-v1);display:flex;border-radius:50%;padding:.5em;cursor:pointer;transition:background-color .4s ease-in-out}.actions-nav div:hover{background-color:var(--primary-color);color:#fff}.dots-ref{position:absolute;color:gray;opacity:.2}.dots-ref{left:1%;bottom:1%}.reachout{position:relative;background-color:#fff;display:flex;justify-content:center;align-items:center;min-height:100dvh;margin-bottom:5rem}.reachout-children{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;position:relative;width:100%;max-width:1600px;z-index:1}.heading{font-size:var(--extra-large);text-align:center}.reachout-children .personal{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.personal div{width:20rem;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:1.5rem;border-radius:1rem;padding:2rem 1rem;flex-wrap:wrap;background-color:var(--white-v2);color:gray}.phone{background-color:var(--white-v2);color:gray}.message-me{padding:2rem;position:relative;width:60%;display:flex;flex-direction:column;gap:2rem;background-color:var(--white-v2);margin-bottom:5rem}.message-me div{display:flex;justify-content:center;border-radius:1rem}.message-me div input{position:relative;width:100%;padding:1.5rem .7rem;border:none;outline:none;color:gray;font-size:1.2rem}.message-me button{background-color:var(--primary-color);color:#fff;border:none;border-radius:2rem;width:8rem;font-size:1.2rem;padding:1rem;cursor:pointer;transition:.4s box-shadow ease-in-out}.message-me button:hover{box-shadow:0 0 28px var(--primary-color)}.message-1,.message-2,.message-3{position:absolute;color:gray;opacity:.2;z-index:0}.message-1{left:1%;bottom:1%}.message-2{right:5%;top:50%}.message-3{left:15%;top:20%}.reason{width:fit-content}.reason select{padding:1rem;font-size:1.2rem;border:none;background-color:#fff;outline:none}.contacts-bottom{display:flex;align-items:center;height:2rem;gap:2rem}.contacts-bottom a{color:#353535}@media screen and (max-width: 768px){.message-me{width:90%}}*{box-sizing:border-box;--primary-color: #313bac;--white-v1: #edf2f8 ;--white-v2: #f2f7fb;--secondary-color: #c7cfdb;--extra-large: 40px}:root{font-family:Poppins;line-height:1.68;font-weight:300;font-size:.85rem;scroll-behavior:smooth;transition:scroll-snap-coordinate 1s}body{margin:0;padding:0}a{text-decoration:none;color:inherit}