#intro{height:calc(100vh - 5rem);width:100vw;max-width:75rem;margin:0 auto;overflow:hidden;position:relative}.bg{position:absolute;top:1rem;right:1rem;z-index:-1;object-fit:cover;height:90vh}.intro-content{height:100vh;width:100vw;padding:2rem;font-size:3rem;font-weight:500;display:flex;flex-direction:column;justify-content:center}.hello{font-size:3rem;font-weight:500;margin-top:5rem;margin-bottom:1rem}.intro-name{color:#c6a4a4}.intro-text{margin-bottom:1rem}.tagline{font-size:28px;margin-bottom:1rem}.intro-para{font-size:medium;font-weight:100;letter-spacing:1px;line-height:22px}.sound-btn img{object-fit:cover;display:flex;align-items:center;justify-content:center;padding:.3rem;background-color:transparent}.sound-btn{margin-left:1rem;border-radius:15px}.btn{background:white;margin:1rem 0;padding:.75rem 1.5rem;border-radius:2rem;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:400}.btn img{object-fit:cover;height:1rem}@media screen and (max-width:840px){.bg{right:-15vw}}@media screen and (max-width:400px){.bg{right:-40vw;opacity:40%}.intro-text{font-size:9vw}}#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}.skill-title{font-size:3rem;font-weight:500;padding-top:3rem}.skill-desc{font-weight:100;font-size:1.5rem;max-width:50rem;margin-top:-1rem;margin-bottom:3rem;line-height:36px}.skillBars{margin:1.5rem 1.5rem 3rem;width:100vw;max-width:80%;text-align:left}.skillBar{display:flex;align-items:center;justify-content:center;margin:1rem;padding:1.5rem 2rem;border-radius:.5rem;background:rgb(33,34,34);box-shadow:0 0 10px #00000080}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.skillBar:hover{animation:pulse 2s 1}.skillBar-img{object-fit:cover;height:64px;margin-right:2rem}.skillBar-text>p{font-size:.9rem}.tech-icons{white-space:nowrap;overflow:hidden;position:relative;width:100%;margin-bottom:2rem}.tech-icon-img{display:inline-block;vertical-align:middle;margin-right:20px;height:50px;width:auto}@keyframes moveBelt{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee{display:inline-block;animation:moveBelt 20s linear infinite}@media screen and (max-width: 840px){.skillBar-text>p{font-size:.75rem}}@media screen and (max-width: 480px){.skill-desc{font-size:1rem;margin:0 1rem}.skillBar{padding:1rem}.skillBar-text>p{font-size:.8rem}.skillBar-text>h2{font-size:1.2rem}.skillBar-img{height:2rem;width:2rem}}#works{margin:0 auto;min-width:calc(100vw - 4rem);width:100vw;max-width:60rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2rem;margin-bottom:7rem}.works-desc{font-size:1.5rem;line-height:36px;font-weight:300;max-width:50rem}.works-images{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100vw;max-width:65rem}.works-img{object-fit:cover;height:15rem;margin:.5rem}.lounge-img{border-radius:2rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.works-img:hover{animation:pulse 2s 1}@media screen and (max-width: 705px){#works{min-width:calc(100vw - 2rem);padding:0 1rem}.works-title{font-size:2.5rem}.works-desc{font-size:1rem;line-height:24px;max-width:90%;margin-top:1rem;margin-bottom:2rem}.works-img{height:6rem;margin:.3rem}}#ui-design{margin:0 auto;min-width:calc(100vw - 4rem);width:100%;max-width:60rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.budder-wrap{perspective:1200px;perspective-origin:center}.budder-ui{display:flex;width:100vw;justify-content:center;gap:20px;margin-top:3rem;perspective:1500px}.panel{margin:0 15px;transform-origin:center;transition:transform .3s ease;box-shadow:0 20px 40px #0000001a;border-radius:8px}.panel:first-child{transform:rotateY(-20deg) translateZ(-50px)}.panel:nth-child(2){transform:rotateY(0) translateZ(0)}.panel:last-child{transform:rotateY(20deg) translateZ(-50px)}.panel:hover{transform:rotateY(0) translateZ(75px)}.works-title{margin:1rem 0;font-size:3rem;font-weight:600}.panel{object-fit:cover;height:40rem}@media screen and (max-width: 960px){.panel{object-fit:cover;width:80vw;transform:none!important;transition:none!important}.budder-ui{flex-direction:column;align-items:center;gap:20px;perspective:none!important}.budder-wrap{perspective:none!important}}#contact-page{min-height:100vh-5rem;width:100vw;max-width:60rem;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-page-title{font-size:3rem;margin:1rem 0}.desc-wrap{padding:0 1rem}.contact-desc{font-size:medium;font-weight:300}.contact-desc a{font-weight:500;color:#bc5555;text-decoration:inherit}.contact-desc a:hover{color:#487a51}.contact-form{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:#fff;border:none;border-radius:.5rem;background-color:#1d1c1c}.submit-btn{background:white;border:none;padding:.75rem 3.5rem;border-radius:.75rem;margin:1.5rem;color:#000}.form-complete{display:flex;justify-content:center;margin:2rem;font-weight:300;padding:1rem}.links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:1rem;margin-top:-1rem}.link{object-fit:cover;height:2rem;margin:0 .75rem}.navbar{background:#f8f8f8;height:5rem;width:100vw;max-width:75rem;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0rem;z-index:3;color:#030303;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.desktopMenuListItem{background-color:transparent;margin:1rem;cursor:pointer}.desktopMenuListItem:hover{padding-bottom:.5rem;border-bottom:3px solid #c6a4a4}.desktopMenu{background-color:transparent}.desktopMenuBtn{background:white;border-radius:5px;color:#000;display:flex;align-items:center;justify-content:center;padding:0 1rem 0 0}.active{color:#c6a4a4;border-bottom:3px solid #c6a4a4;padding-bottom:.5rem}.mob-menu{display:none;object-fit:cover;height:1.8rem}.navMenu{position:absolute;top:5rem;right:2rem;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.75rem;background:#f8f8f8;border-bottom-left-radius:15px;border-bottom-right-radius:15px;height:fit-content;min-width:10rem}.ListItem{padding:.5rem 3rem;margin:.25rem}@media screen and (max-width:720px){.mob-menu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}.simpleNavbar{background:#f8f8f8;height:5rem;width:100%;max-width:75rem;margin:0 auto;padding:1rem 1%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0rem;z-index:3;color:#030303;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.baulogo{object-fit:cover;height:3rem;background-color:transparent}.navdesktopMenuBtn{background:white;border-radius:5px;color:#000;display:flex;align-items:center;justify-content:center;padding:0 1rem 0 0}.desktopMenuImg{object-fit:cover;height:1rem;margin:1rem;background-color:transparent}@media screen and (min-width: 768px) and (max-width: 1024px){.simpleNavbar{height:7rem}.logo{height:3rem;margin:16px}}@media screen and (max-width: 767px){.simpleNavbar{flex-direction:column;align-items:center;height:auto;padding:0}.baulogo{height:3rem;margin:1rem 0 0}.navdesktopMenuBtn{margin-top:.5rem;margin-bottom:.5rem;padding-left:2rem;padding-right:3rem}}#terms-of-service{width:calc(100% - 10rem);margin:0 3rem 2rem;overflow:visible}#terms-of-service h1{font-weight:700;font-size:40px;line-height:60px;margin:0 0 16px}#terms-of-service h2{display:block;font-weight:700;font-size:28px;line-height:48px;margin:0 0 16px}#terms-of-service p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px}#terms-of-service ol,#terms-of-service ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px}#terms-of-service li{display:list-item;text-align:-webkit-match-parent;margin:0 0 16px}#terms-of-service>div:not(:last-child){margin-bottom:2rem}.main-title{margin:2rem 0rem .5rem}#privacy-policy{width:calc(100% - 10rem);margin:0 3rem 2rem;overflow:visible}#privacy-policy h1{font-weight:700;font-size:40px;line-height:60px;margin:0 0 16px}#privacy-policy h2{display:block;font-weight:700;font-size:28px;line-height:48px;margin:0 0 16px}#privacy-policy p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px}#privacy-policy ol,#privacy-policy ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px}#privacy-policy li{display:list-item;text-align:-webkit-match-parent;margin:0 0 16px}body{font-size:16px;line-height:28px}.container{position:relative;width:90%;max-width:1024px;margin:0 auto}#privacy-policy>div:not(:last-child){margin-bottom:2rem}.website{color:#7d91e7}.website:hover{color:#a1afec}.footer{width:100vw;height:5rem;background:#f8f8f8;color:#030303;display:flex;align-items:center;justify-content:space-between;font-weight:300;font-size:small}.logo{object-fit:cover;height:1rem;margin:2rem}.page-link{margin:1rem}.center-page{text-align:center}@media screen and (max-width: 400px){.page-link{font-size:10px}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:Jost,sans-serif}body{background:#282828;color:#fff;overflow:hidden;overflow-y:scroll}