.navbar{background:#222831;height:5rem;width:100vw;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3}.logo{object-fit:cover;height:3rem;width:4rem}.desktopMenuListItem{margin:1rem;cursor:pointer}.desktopMenuListItem:hover{color:#00adb5;padding-bottom:.5rem;border-bottom:3px solid #00ADB5}.desktopMenu a{color:#fff}.desktopMenu ul{display:flex;flex-direction:row;align-items:center;gap:5px;padding:0;margin:0;list-style:none}.desktopMenu li{position:relative;list-style:none}.desktopMenu li ul{position:absolute;top:100%;left:0;background-color:#222831;border-radius:10px;display:none;flex-direction:column;padding:5px;min-width:150px;box-shadow:0 4px 6px #0003}.desktopMenu li:hover ul{display:flex}.desktopMenu li ul li{padding:0;margin:0;white-space:nowrap}.desktopMenu li ul li .desktopMenuListItem{color:#fff;padding:0;margin:.5rem;display:block}.desktopMenu li ul li .desktopMenuListItem:hover{color:#00adb5}.desktopMenuBtn{background:#fff;color:#000;border:none;display:flex;align-items:center;justify-content:center;padding:0 1rem;border-radius:2rem}.desktopMenuBtn:hover{background:#00adb5}.desktopMenuImg{object-fit:cover;height:1rem;width:1rem;margin:1rem}.active{color:#00adb5;padding-bottom:.5rem;border-bottom:3px solid #00ADB5}.mobMenu{display:none;object-fit:cover;height:1.8rem}.navMenu{position:absolute;top:4rem;right:2rem;z-index:2;display:flex;flex-direction:column;padding:.5rem;height:fit-content;min-width:15rem;background:#222831;border-radius:1rem}.listItem{color:#fff;padding:.5rem 3rem;margin:.25rem;background:#222831}@media screen and (max-width: 720px){.mobMenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}.footer{width:100vw;height:6rem;background:#282828;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:300;font-size:small}#intro{height:calc(100vh - 5rem);width:100vw;margin:0rem auto;overflow:hidden;background-image:url(/assets/coffee-apple-Cr5IxO5g.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;display:flex;flex-direction:row;position:relative;z-index:0}#particles{z-index:-1;width:100%;height:100%;position:absolute}.backgroundImg{position:relative;top:-12rem;right:10vw;z-index:3;height:110vh}.introContent{position:relative;margin:0rem 0rem 0rem 7vw;height:100vh;width:70%;padding:4rem;font-size:3rem;font-weight:700;display:flex;flex-grow:1;flex-direction:column;justify-content:center;z-index:4}.hello{font-size:1.75rem;font-weight:100}.introName{color:#00adb5}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{margin:3rem 0;padding:.5rem 2.5rem;border:none;border-radius:2rem;background:#fff;font-size:1rem;z-index:4}.btn:hover{background:#00adb5}.btn:focus{background:#213ac4}.btnImg{object-fit:cover;margin:0 .25rem;height:1rem}@media screen and (max-width: 840px){#intro{flex-direction:column;height:calc(100vh - 16rem)}.backgroundImg{right:-10vw;position:absolute;height:90vh;object-fit:cover;top:-10rem;z-index:3}.introContent{font-size:5vw;margin:0rem 0rem 0rem 0vw;padding:0rem 0rem 0rem 1rem;z-index:4}.hello{font-size:4.5vw}}@media screen and (max-width: 480px){#intro{flex-direction:column;height:calc(100vh - 12rem)}.backgroundImg{position:absolute;top:-9rem;right:-20vw;z-index:3;height:95vh}.introContent{position:relative;margin:0rem 0rem 0rem -3rem;padding:0rem 0rem 0rem 4rem}}#skills{overflow:hidden;width:100vw;max-width:65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto}.skillTitle{font-size:3rem;font-weight:600;padding-top:3rem;margin-bottom:1.5rem}.skillDesc{font-weight:400;font-size:1rem;max-width:51rem;padding:0 2rem}.skillBars{margin-top:1.5rem;width:100vw;max-width:80%;text-align:left}.skillBar{display:flex;flex-direction:column;margin:1rem;padding:1.5rem 2rem;border-radius:.5rem;background:#323232}.skillBarTop{display:flex;flex-direction:row;align-items:center;width:100%}.skillBarImg{object-fit:cover;height:3rem;width:2rem;margin-right:2rem}.skillBarText>p{font-size:.9rem;font-weight:200}.skillBarProgress{width:100%;margin-top:1rem}@media screen and (max-width: 720px){.skillBarText>p{font-size:2vw}}@media screen and (max-width: 480px){.skillBarText>p{font-size:3vw}.skillBarImg{height:2.25rem;width:2.25rem}.skillBarText>h2{font-size:5vw}}#works{margin:0 auto;min-height:calc(100vh - 4rem);width:100vw;max-width:60rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1rem}.worksTitle{margin:1rem;font-size:3rem}.worksDesc{font-weight:300;font-size:1rem;max-width:50rem}.worksImgs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100vw;max-width:50rem}.box-project{max-width:30rem;width:49%;margin:2.5% .5%}.box-project p{max-width:100%}.box-project a{color:#00adb5}.box-project a:hover{color:#fff}.worksImg{object-fit:cover;height:28rem;margin:.5rem}.workBtn{margin:3rem 0;padding:.5rem 2.5rem;border:none;border-radius:2rem;background:#fff;font-size:1rem}.workBtn:hover{background:#00adb5}.workBtn:focus{background:red}@media screen and (max-width: 780px){.box-project{width:99%;margin:2.5% .5%}.worksImg{height:80vw}.worksImgs{max-width:99%}}#contactPage{min-height:calc(100vh - 4rem);width:100vw;max-width:60rem;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.contactPageTitle{font-size:3rem;margin:1rem}.clientDesc{font-weight:300;font-size:2rem}.clientImgs{margin:1rem 0;display:flex;flex-wrap:wrap}.clientImg{object-fit:cover;width:25%;min-width:9rem;margin:auto;padding:.25rem}#clients{padding:2rem}.contactDesc{padding:1rem;font-size:medium;font-weight:300}.contactForm{margin:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90vw;max-width:60rem}.name,.email,.msg{font-size:medium;width:100%;max-width:40rem;margin:.5rem;padding:.5rem 1rem;color:#eee;border:none;border-radius:.5rem;background:#222831}.submitBtn{background:#eee;border:none;border-radius:.5rem;margin:2rem;padding:.75rem 3.5rem}.submitBtn:hover{background-color:#00adb5}.links{display:flex;flex-wrap:wrap}.link{object-fit:cover;width:4rem;margin:0 1.7rem}.links-icon{display:flex;gap:11rem;flex-wrap:wrap;justify-content:center;margin:2rem}.link-icon{width:3.5rem;height:3.5rem;color:#eee;transition:color .2s,transform .2s;display:flex;align-items:center;justify-content:center}a:hover .link-icon{color:#00adb5;transform:scale(1.15)}@media screen and (max-width: 480px){.link{margin:0 0rem}}.container{display:flex;justify-content:center}.content{width:100%;max-width:70rem;padding:4rem 6rem;background-color:#282828;border-radius:10px;box-shadow:0 4px 10px #0000001a}.content h1{margin:1rem 0rem;padding:.1rem 0rem}.content>p{margin:1rem 0rem}.publication{display:flex;flex-wrap:wrap;font-size:30px;text-align:center;margin:1.5rem 0rem 3rem}.publications>h2{color:#00adb5;text-align:right}.publication-img{display:flex;flex-direction:row;flex:35%;justify-content:center}.publication-content{text-align:left;flex:65%}.publication-content>h4{font-size:1.8rem}.publication-content>p{font-size:1rem}.publication-content>a{font-size:1rem;color:#00adb5}@media screen and (max-width: 750px){.publication-content,.publication-img{flex:100%}}