.navbar{align-items:center;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#1d1c1c66;border-radius:3rem;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;opacity:.99;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:2rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:80%;z-index:3}.menu-icon{height:1.4rem;object-fit:cover;overflow:scroll;width:5rem}.navbar-scrolled{border-radius:0;top:0;width:100%}.logo-text{font-weight:600}.navcenter{align-items:center;display:flex}.navitems{color:#fff;cursor:pointer;margin:1rem;padding-bottom:.5rem;position:relative;transition:.3s cubic-bezier(.25,.46,.45,.94)}.navitems:hover{border-bottom:5px solid #da7633e6;color:#f69936e6;transform:translateY(-2px)}.nav-clicked{opacity:.8;transform:scale(.9)}.navbarcontactimg{height:2em;margin:.75rem;object-fit:cover}.button-container,.navcontact{align-items:center;display:flex}.navcontact{background-color:#fff;border:none;border-radius:2rem;box-shadow:.25rem .25rem .5rem pink;height:3rem;justify-content:center;padding:0 1rem;position:relative;transition:.3s cubic-bezier(.25,.46,.45,.94);width:5rem}.navcontact:hover{animation:none;height:4rem}.navcontact:active{transform:scale(.95)}.workBtnText{color:#fff;font-size:larger;font-weight:500}.active{border-top:6px solid rgba(164,27,255,.506);color:#faebd7;padding-bottom:3px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.active.navitems:hover{border-bottom:none;color:#383633}.mobMenu-toggle{background:#0000;border:none;cursor:pointer;display:none;height:24px;padding:0;position:relative;width:5rem;z-index:10}.mobMenu-toggle span{background:#fff;border-radius:3px;display:block;height:3px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.3s cubic-bezier(.25,.46,.45,.94);width:100%}.mobMenu-toggle span:first-child{top:0}.mobMenu-toggle span:nth-child(2){top:10px}.mobMenu-toggle span:nth-child(3){top:20px}.mobMenu-toggle.active span:first-child{top:10px;transform:rotate(135deg)}.mobMenu-toggle.active span:nth-child(2){left:-60px;opacity:0}.mobMenu-toggle.active span:nth-child(3){top:10px;transform:rotate(-135deg)}.navMenu{animation:menuAppear .3s forwards;background-color:#282828;border-radius:1rem;box-shadow:0 5px 20px #0000004d;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:10%;top:6rem;transform-origin:top center;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:2}@keyframes menuAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.listItem{border-left:0 solid #0000;color:#f5f5f5;cursor:pointer;margin:.25rem;padding:.5rem 3rem;transition:all .3s ease}.listItem.active{border-right:6px solid rgba(164,27,255,.506);border-top:none;color:rgba(209,203,216,.506)}.mobile-download{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-weight:600;margin:1rem 2rem;padding:.75rem 1.5rem;transition:all .3s ease}.mobile-download:hover{box-shadow:0 5px 15px #6a11cb66;transform:translateY(-3px)}.mobile-download:active{transform:scale(.95)}.wobble{animation:wobble 1s ease}@keyframes wobble{0%{transform:rotate(0deg)}15%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.confetti{animation:fall linear forwards;background-color:red;height:10px;position:absolute;top:-10px;width:10px}@keyframes fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.resume-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .4s ease;width:100%;z-index:1000}.resume-modal-content{animation:scaleIn .3s ease;background-color:#282828;border-radius:1.5rem;box-shadow:0 15px 50px #00000080;display:flex;flex-direction:column;height:85vh;max-width:850px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:90%}.resume-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:2.5rem;z-index:10}.resume-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.resume-modal-content h2{color:#fff;font-size:1.5rem;margin:0;padding:1.5rem 0;text-align:center}.resume-container{align-items:center;background-color:#1e1e1ecc;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:1rem;position:relative}.resume-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.resume-loading:after{animation:spin 1s ease-in-out infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#f69936cc;content:"";height:40px;margin-top:15px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.resume-image-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;width:100%}.resume-image{border-radius:.5rem;box-shadow:0 5px 15px #0000004d;max-height:100%;max-width:100%;object-fit:contain;transform:scale(.9);transition:all .3s ease}.resume-image:hover{transform:scale(1)}.resume-modal-actions{display:flex;gap:1rem;justify-content:center;padding:1.5rem}.resume-modal-actions button{border:none;border-radius:2rem;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.download-button{background:linear-gradient(135deg,#f69936cc,#a41bffcc);color:#fff}.download-button:hover{box-shadow:0 8px 20px #f6993666;transform:translateY(-3px)}.cancel-button:active,.download-button:active{transform:scale(.95)}.cancel-button{background:#ffffff1a;color:#fff}.cancel-button:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.resume-iframe{background-color:#fff;border:none;border-radius:.5rem;height:100%;width:100%}@media screen and (max-width:992px){.navbar{padding:0 1.5rem;width:95%}}@media screen and (max-width:768px){.button-container,.navcenter{display:none}.mobMenu-toggle{display:block}.navbar{height:4.5rem}.navMenu{right:10%;top:5rem;width:80%}}@media screen and (max-width:576px){.navbar{border-radius:0;padding:0 1rem;top:0;width:100%}.navbar-scrolled{top:0}.navMenu{border-radius:0 0 1rem 1rem;left:0;right:0;top:4.5rem;width:100%}.resume-modal-content{height:90vh;width:95%}.resume-modal-actions button{padding:.75rem 1.5rem}.resume-image-container{padding:.5rem}}.navbar-logo-container{align-items:center;display:flex;gap:.5rem}.logo{height:2.5rem;object-fit:cover;transition:transform .3s ease;width:2.5rem}.logo-text{color:#fff;font-size:1.2rem;font-weight:700;opacity:0;transform:translateX(-10px);transition:all .3s ease}.navbar:hover .logo-text{opacity:1;transform:translateX(0)}.navbar:hover .logo{transform:rotate(1turn)}.holder{color:#fff}.holderbox a{pointer-events:none}.holderbox.active a,.holderbox:hover a{pointer-events:auto}.holderbox{align-items:center;animation:start 1s ease-in-out;animation-delay:1s;background-color:#290e0e;border:1px solid #fff;border-radius:10rem;display:flex;justify-content:space-around;left:47%;position:absolute;top:88vh;transition:1s;width:5rem;z-index:10}.holderbox:hover{height:3rem;left:44.9%;top:88vh;width:9rem}.holderbox:hover img{height:30px;width:30px}.holderbox:hover .leet{display:flex;filter:opacity(0);transition:1s}ul{list-style:none}li{margin:.5rem}.li:hover{background-color:#c9661f;border-radius:50px}.float{align-items:center;display:flex;justify-self:center;transition:.5s}.float:hover{background-color:beige;border-radius:5px;margin-left:3px;transition:.5s}.leet{filter:opacity(0);transition:.25s}.clientImgd{background-color:#fff;border-radius:5rem;height:20px;transition:1s;width:20px}.holder:hover .leet{filter:opacity(1)}@media screen and (max-width:720px){.holderbox{animation-delay:3s;animation:mobstart 2s ease-in-out;left:40%;top:80vh}.holder:active,.holderbox:hover{height:3rem;left:35%;top:78vh;width:9rem}}@keyframes mobstart{0%{top:110vh}60%{top:80vh;transform:rotate(0deg)}75%{transform:rotate(-15deg)}80%{transform:rotate(15deg)}85%{transform:rotate(-10deg)}90%{transform:rotate(5deg)}95%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes start{0%{top:110vh}60%{top:90vh}75%{transform:rotate(-15deg)}80%{transform:rotate(15deg)}85%{transform:rotate(-10deg)}90%{transform:rotate(5deg)}95%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}#intro{height:calc(100vh - 5rem);max-width:75rem;overflow:hidden;text-align:center;width:100vw}.bg{height:100vh;height:600px;object-fit:fill;position:absolute;right:0;top:5rem;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;padding:2rem;text-align:center;width:100vw}.Hello{font-size:1.75rem;font-weight:100}.introName{color:rgba(83,119,38,.506);position:relative}.introName:after{animation:typing 1.5s steps(8) 1;animation-delay:.25s;animation-fill-mode:forwards;background-color:#000;border-left:3px solid #faebd7;content:"";height:100%;left:0;position:absolute;width:100%}@keyframes typing{0%{border-left:3px solid #faebd7;left:0}99.9%{border-left:3px solid #6b6b6b;left:100%}to{border-left:3px solid #090909;left:100%}}.introName:active{color:#f4f4cb}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{background-color:#fff;border-radius:2rem;box-shadow:10px 10px #add8e6;margin:1rem 0;padding:.75rem 1.5rem;transition-duration:.5s;width:8rem}.btnImg{height:1rem;margin:0 .25rem;object-fit:cover}.HireMe{color:#000;font-size:1rem}.btn:hover{background-color:bisque;box-shadow:10px 10px #0c4e64;box-shadow:inset;width:10rem}.btn:active{background-color:#3d88a1;box-shadow:10px 10px bisque;height:5rem}@media screen and (max-width:630px){.bg{right:-10vw}.introContent{font-size:9vw}}@media screen and (max-width:540px){.bg{right:-50vw}}@media screen and (max-width:400px){.bg{right:-7 0}}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.skillTitle{font-size:3rem;font-weight:600;margin-bottom:1.5rem;padding-top:2rem}.skillDesc{color:#6f5d60;font-size:1rem;font-weight:400;max-width:60rem;padding:0 2rem}@media screen and (max-width:540px){.skillDesc{color:#615053;font-size:.75rem;margin-left:5px}}.skillBars{margin:1.5rem;max-width:80%;text-align:left;width:100vh}.skillBar{background-color:#2e2b2b;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.skillBarImg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.skillBarText>p{font-size:.9rem;font-weight:200}@media screen and (max-width:720px){.skillBarText>p{font-size:2vw}}@media screen and (max-width:560px){.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}}.k{background-color:#f0f8ff}.skillBarImg:last-child{background-color:#322828}#works{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px auto;max-width:60rem;min-height:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:100vw}.workstitle{font-size:3rem;font-weight:700;margin:2rem 0}.worksDesc{color:#6f5d60;font-size:300;font-weight:1rem;margin-bottom:2rem;max-width:45rem}.worksImg{border-radius:50px;box-shadow:.4rem .2rem 1rem color-mix(in srgb,pink 50%,#fff 50%);filter:blur(1px);filter:blur(2px);height:18rem;margin:.5rem;object-fit:cover;opacity:.5;transition:.3s;width:18rem}.worksImg:hover{box-shadow:.8rem .2rem 1rem color-mix(in srgb,pink 50%,#fff 50%);filter:blur(0)}.worksImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;max-width:55rem;width:100%}.workBtn{background-color:#fff;border:none;border-radius:2rem;font-size:1rem;margin:3rem 0;padding:.5rem 2.5rem}.containerImg{margin:.7rem;position:relative;text-align:center;width:18rem}.containerImgText{color:#faebd7;font-size:1rem;font-weight:bolder;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.5s}.containerImgText:active{color:#faebd7;letter-spacing:2px}@media screen and (max-width:585px){.worksImg{border-radius:25px;height:50vw;width:16rem}.containerImgText{font-size:1rem}.containerImgText:hover{color:#faebd7;letter-spacing:2px}.worksDesc{color:#6f5d60;font-size:.75rem;margin-left:10px}}#contactPage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);text-align:center;width:100vw}.contactPageTitle{font-size:5rem}.contactDesc{color:#faebd7;font-size:2rem;font-weight:800;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;max-width:60rem;width:90vw}.msg{background-color:#cfcfbb;border:none;border-radius:.5rem;color:#0a0a0a;font-size:medium;margin:.5rem;max-width:40rem;min-height:20vh;padding:.5rem;width:100%}.email:active,.email:focus,.msg:active,.msg:focus,.name:active,.name:focus{border:3px solid #332e2e;box-shadow:5px 5px 70px #756d5f}.submitBtn{background-color:#a58f93;border:none;border-radius:5rem;color:#000;margin:2rem;padding:.75rem 3.5rem;transition:.1s}.btnText{color:bisque;font-size:1rem}.links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.Thanks{background-color:#61367d}.clientImg{border-radius:5rem;filter:grayscale(30%);height:3rem;margin:0 1rem;object-fit:cover;transition:.5s;width:3rem}.clientImg:hover{box-shadow:1rem 1rem 70px #65655b;filter:grayscale(50%)}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center}.contactProgress{background-color:#fff;display:flex;height:10rem;width:1rem}.clientImg:hover{width:4rem}.clientImg:active{height:4rem}@media screen and (max-width:700px){.email,.msg,.name{width:80%}.contactPageTitle{font-size:2.5rem}.contactDesc{font-size:1rem}}.buttonSend{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.sendTime{opacity:0;transition:all 1s}.newSendTime{opacity:1}footer{align-items:center;background-color:#090909;display:flex;flex-direction:column;font-weight:400;height:4rem;justify-content:center;padding:3rem;width:100vw}p{color:#faebd7;font-size:small;font-weight:100}.dot{background-color:rgba(116,57,167,.506);border-radius:50%;cursor:pointer;height:1rem;margin:5px;transition:.5s;width:1rem}.line{background-color:#c0b5a7;height:10vh;width:2px}.dot:hover{height:.75rem;width:.75rem}.dot.active{background-color:#faebd7;border:none;height:5rem;opacity:.8;width:.5rem}.sidecontainer{margin-left:0}@media screen and (min-width:760px){.sidecontainer{margin-left:5rem}}@media screen and (min-width:1300px){.sidecontainer{margin-left:9rem}}.subwork{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:-5rem auto 1rem;padding:5rem 2rem 2rem;text-align:center}.subworkBtn{background-color:#faebd7;border-radius:2rem;margin:1rem 0;padding:1% 1rem}.transition-element{letter-spacing:.25rem;margin-top:1rem;opacity:0;transition:opacity .5s,visibility .5s;transition:.5s;visibility:hidden}.transition-element>p{letter-spacing:1rem}.transition-element.visible{font-size:larger;opacity:1;padding:.5rem;visibility:visible}.transition-element.visible>p{letter-spacing:1rem}@media screen and (max-width:540px){.transition-element{letter-spacing:.5rem;margin-left:1rem}}Duoscreen{display:flex}
/*# sourceMappingURL=main.d004f3fa.css.map*/