.navbar{align-items:center;background-color:#000;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:0;width:100vw;z-index:3}.logo{object-fit:cover}.navitems{cursor:pointer;margin:1rem;padding-bottom:1rem;transition:.25s}.navitems:hover{border-bottom:5px solid rgba(218,118,51,.506);color:rgba(246,153,54,.506)}.navbarcontactimg{height:1rem;margin:1rem;object-fit:cover}.navcontact{align-items:center;background-color:#fff;border:none;border-radius:2rem;display:flex;justify-content:center;padding:0 1rem}.workBtnText{color:#fff;font-size:larger;font-weight:500}.active{border-top:6px solid rgba(164,27,255,.506);color:#faebd7;padding-bottom:3px}.active.navitems:hover{border-bottom:none;color:#383633}.navMenu{background-color:#282828;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:1.5rem;top:4rem;z-index:2}.mobMenu{display:none;height:1.8rem;object-fit:cover;overflow:hidden}.listItem{color:#f5f5f5;margin:.25rem;padding:.5rem 3rem}.listItem.active{border-right:6px solid rgba(164,27,255,.506);border-top:none;color:rgba(209,203,216,.506);letter-spacing:3px}@media screen and (max-width:720px){.mobMenu{display:flex}.navcenter,.navcontact{display:none}}#intro{height:calc(100vh - 5rem);margin:0;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;width:100vw}.Hello{font-size:1.75rem;font-weight:100}.introName{color:rgba(83,119,38,.506);transition:.5s}.introName:active{color:#f4f4cb}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{background-color:#fff;border-radius:2rem;margin:1rem 0;padding:.75rem 1.5rem}.btnImg{height:1rem;margin:0 .25rem;object-fit:cover}@media screen and (max-width:630px){.bg{right:-10vw}.introContent{font-size:9vw}}@media screen and (max-width:540px){.bg{right:-50vw}.introName{color:rgba(255,223,40,.506);transition:.5s}}@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:3rem}.skillDesc{font-size:1rem;font-weight:400;max-width:60rem;padding:0 2rem}.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{font-size:300;font-weight:1rem;margin-bottom:2rem;max-width:45rem}.worksImg{border-radius:50px;-webkit-filter:blur(2px);filter:blur(2px);margin:.5rem;object-fit:cover;opacity:.5;width:18rem}.worksImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;max-width:55rem;width:100vw}.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:#fff;font-size:1.5vw;font-weight:bolder;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s}.containerImgText:hover{color:#faebd7;font-size:1.7vw}@media screen and (max-width:585px){.worksImg{border-radius:25px;height:48vw}}#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{min-height:20vh}.email,.msg,.name{background-color:#393932;border:none;border-radius:.5rem;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;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:#fff;border:none;border-radius:.5rem;color:#000;margin:2rem;padding:.75rem 3.5rem}.submitBtn:active{background-color:#f0f8ff;letter-spacing:3px}.links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.clientImg:nth-child(2),.clientImg:nth-child(3){height:4rem;width:4rem}.clientImg{border-radius:5rem;-webkit-filter:grayscale(30%);filter:grayscale(30%);height:3rem;margin:0 1rem;object-fit:cover;transition:.5s;width:3rem}.clientImg:hover{box-shadow:1rem 1rem 70px #65655b;-webkit-filter:grayscale(50%);filter:grayscale(50%)}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center}.contactProgress{background-color:#fff;display:flex;height:3rem;width:1rem}footer{align-items:center;background-color:#282828;display:flex;flex-direction:column;font-weight:400;height:4rem;justify-content:center;width:100vw}p{color:#faebd7;font-size:small;font-weight:100}.dot{background-color:hsla(0,0%,100%,.511);border-radius:50%;cursor:pointer;height:.5rem;margin:5px;transition:.5s;width:.5rem}.line{background-color:#c0b5a7;height:10vh;width:2px}.dot:hover{height:.75rem;width:.75rem}.dot.active{background-color:rgba(124,66,163,.506);height:5rem;width:.2rem}.subwork{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.subworkBtn{background-color:#faebd7;border-radius:2rem;margin:3rem 0;padding:1% 1rem}.transition-element{letter-spacing:.25rem;opacity:0;transition:opacity .5s,visibility .5s;transition:.5s;visibility:hidden}.transition-element.visible{font-size:larger;letter-spacing:.5rem;opacity:1;padding:2rem;visibility:visible}Duoscreen{display:flex}
/*# sourceMappingURL=main.de14000d.css.map*/