*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box;text-decoration:none;background-image:url(/bg.jpeg)}body{color:#fff;overflow:hidden;overflow-y:scroll}.navbar{background:#000000d7;height:5rem;width:100%;padding:1rem 2rem;margin:0;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:3}.logo{object-fit:cover;background:#1e1e1e04;height:3rem;width:7rem;transform:scale(1);transition:transform .5s ease-in-out}.logo:hover{transform:scale(1.1)}.dektopMenu{background:#1e1e1e00}.desktopMenuListItem{background:#1e1e1e02;margin:1rem;cursor:pointer;border-bottom:3px solid transparent;transition:border-color .3s ease;padding-bottom:.5rem;position:relative;overflow:hidden}.desktopMenuListItem:hover{color:#f8c87f}.desktopMenuListItem:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:3px;background-color:#f8c87f;border-radius:10%;transition:width .5s ease;color:#f8c87f}.desktopMenuListItem:hover:after{width:100%}.dektopMenuBtn{background:#fff;color:#000;display:flex;align-items:center;justify-content:center;border:none;padding:.3rem 1.3rem;border-radius:2rem;padding-left:3px}.dektopMenuBtn:hover{box-shadow:0 0 15px #ffffff80,0 0 10px #f8957f;border:solid .5px black}.desktopMenuImg{object-fit:cover;height:1rem;width:1rem;margin:.5rem 1rem;background:#fff}.active{color:gold;padding-bottom:.5rem;border-bottom:3px solid orange}.MobMenu{display:none;object-fit:cover;height:1.5rem}.navMenu{position:absolute;top:4rem;right:2rem;z-index:2;display:flex;flex-direction:column;padding:.5rem;height:fit-content;min-width:80%;background:#282828;border-radius:1rem}.listItem{color:#fff;padding:.5rem 3rem;margin:.25rem;background:#1e1e1e}@media screen and (max-width:750px){.MobMenu{display:flex;object-fit:cover;height:2rem}.dektopMenu,.dektopMenuBtn{display:none}}#intro{display:flex;justify-content:space-around;margin:100px 0}.bg{height:50vh;margin:0 10px;display:flex;align-items:center;justify-content:center}.hello{font-weight:250}.introContent{margin:70px 0}.Hname{color:#f8c87f;font-weight:700}.fname{font-size:2.5rem}#element{color:#f8957f;font-size:1.5rem}.intropara{margin:15px 0;font-weight:250}.btn{background:#fff;color:#000;display:flex;align-items:center;justify-content:center;border:none;padding:.3rem 2rem;border-radius:2rem;padding-left:15px;font-weight:initial;transition:font-weight .2s ease}.btn:hover,.bag:hover{box-shadow:0 0 35px #ffffff80,0 0 10px #f8957f}.bag{object-fit:cover;height:2rem;width:2rem;margin:0 .5rem;background:#fff}@media screen and (max-width: 350px){#intro{display:flex;flex-direction:column-reverse;margin:80px 10px;padding-left:10px}.bg{height:auto}.introContent{margin:10px}.fname,.Hname{font-size:1.5rem}.intropara{font-weight:lighter;font-size:small}}@media screen and (max-width: 500px){#intro{display:flex;flex-direction:column-reverse;margin:80px 30px}.bg{height:45vh}.introContent{margin:10px}.fname,.Hname{font-weight:300;font-size:1.5rem}.intropara{font-weight:lighter;font-size:small}}@media screen and (max-width: 1140px){#intro{display:flex;align-items:center;justify-content:center;margin:80px 30px}.bg{height:40vh}.introContent{margin:10px}.fname,.Hname{font-weight:500;font-size:1.5rem}.intropara{font-weight:lighter;font-size:small}}#skills{overflow:hidden;width:100vw;max-width:75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto}.skillTitle{font-size:2.5rem;font-weight:600;padding-top:3rem;margin-bottom:1rem}.skillDesc{font-weight:400;font-size:medium;max-width:60rem;padding:0 2rem;color:#d8d6bc}.skillBars{margin:1.5rem;width:100vw;max-width:80%;text-align:left}.skillBar{display:flex;margin:1rem;padding:1.5rem 2rem;border-radius:.6rem;background:#323232}.skillBar:hover{box-shadow:0 0 25px #ffffff80,0 0 10px #daa520}.resume{background:#fff;color:#000;display:flex;align-items:center;justify-content:center;border:none;padding:.7rem 2rem;margin:5px;border-radius:2rem}.resume:hover{box-shadow:0 0 15px #ffffff80,0 0 10px #f8957f}.skillBarSec{display:flex;flex-direction:column;background:#323232}.img{object-fit:cover;height:4rem;width:4rem;margin-right:2rem}.desc,title{font-size:1rem;font-weight:200;background:#323232}.img,.title,.desc{background:#323232}@media screen and (max-width: 767px){.img{height:2rem;width:2rem;margin-right:1rem}.skillTitle{font-size:2.5rem;font-weight:500;padding-top:3rem}.skillBars{margin:1rem;padding:1rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.skillBar{display:flex;align-items:center;justify-content:center;width:80vw;margin:1rem;padding:1.5rem 2rem;border-radius:.6rem;background:#323232}.desc{background:#323232;font-weight:200;font-size:x-small}.skillDesc{font-weight:200;font-size:x-small;text-align:center}.title{font-size:large;font-weight:600}}#works{margin:130px auto;min-height:calc(100vh - 4rem);width:100vw;max-width:60rem;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:0 1rem}.workTitle{margin:1rem 0;font-size:3rem}.workDesc{font-weight:300;font-size:1rem;color:#f6f1d6;margin:0 10px;margin-bottom:1rem}.worksimgs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100vw;max-width:65rem}.wImg{object-fit:cover;height:20rem;margin:.5rem}.wImg:hover{box-shadow:0 0 25px #ffffff80,0 0 10px #daa520}.workBtn{background:#fff;color:#000;display:flex;align-items:center;justify-content:center;border:none;padding:.7rem 1.5rem;border-radius:2rem;margin-top:5px}.workBtn:hover{box-shadow:0 0 15px #ffffff80,0 0 10px #f8957f}@media screen and (max-width: 767px){#works{margin:50px auto;padding:0 1rem}.workDesc{margin:10px;font-size:x-small;font-weight:200}.wImg{height:48vw}.workTitle{margin:.5rem 0}}#contact{min-height:calc(100vh - 4rem);width:100vw;max-width:55rem;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.contactDesc{padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:90vw;max-width:60rem}.name,.email,.msg{font-size:medium;width:100%;max-width:40rem;margin:.5rem;padding:.5rem 1rem;color:#fff;border:none;border-radius:.5rem;background:#282828}.subBtn{background:#fff;border:none;border-radius:.5rem;margin:2rem;padding:.75rem 3.5rem}.subBtn:hover{cursor:pointer;box-shadow:0 0 35px #ffffff80,0 0 10px #f8957f}.links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.link{object-fit:cover;height:3rem;width:3rem;margin:0 .75rem}.contactPageTitle{font-size:3rem}.svg{object-fit:fill;background:#fff;background-size:20px;border-radius:50%;margin:2px;padding:4px}@media screen and (max-width: 767px){#contact{margin:0}.name,.email,.msg{width:85%}}.footer{width:100vw;height:4rem;background:#282828;text-align:center;display:flex;justify-content:center;align-items:center}.text{background:#282828;font-weight:300;font-size:small;color:#e6e3d5}