@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap);*{font-family:Poppins,sans-serif;margin:0;padding:0;scroll-behavior:smooth}body{background:#0a0a0a;overflow-x:hidden}.App{flex-direction:column}.App,.menubar{align-items:center;display:flex}.menubar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-bottom:.5px solid hsla(0,0%,100%,.1);height:60px;justify-content:space-around;left:0;position:fixed;top:0;width:100vw;z-index:2}.menulist{color:#f0f0f0;height:100%;justify-content:space-between;list-style-type:none;padding:0 20px}.logo,.menulist{align-items:center;display:flex}.logo{border-radius:10px;cursor:default;font-size:1.5em;font-weight:500;height:40px;justify-content:center;padding:5px 10px;width:160px}.logo img{-webkit-filter:invert(1) drop-shadow(0 0 10px #fff);filter:invert(1) drop-shadow(0 0 10px rgb(255,255,255));height:40px;margin-right:20px;width:40px}.navbar-btn{border-radius:10px;cursor:pointer;display:none;height:30px;margin-right:20px;padding:5px;width:30px}.navbar-btn:hover{background:#212121}.navbar-icon{-webkit-filter:invert(1);filter:invert(1);width:100%}.navbar{height:100%;justify-content:space-evenly;width:600px}.navbar,.navbar-item{align-items:center;display:flex}.navbar-item{border-bottom-width:0;flex-direction:column;font-weight:500;justify-content:center;transition-duration:.1s}.navbar-item:hover{color:#fff;cursor:pointer;text-decoration:underline}.navbar-item a{color:#f0f0f0;text-decoration:none}@media (max-width:1000px){.navbar,.navbar-btn{display:flex}.navbar{align-items:center;background:#000;border:.5px solid hsla(0,0%,100%,.2);border-radius:10px;box-shadow:-10px 10px 20px rgba(0,0,0,.4);flex-direction:column;height:280px;justify-content:start;position:fixed;right:0;top:70px;-webkit-transform:translateX(200%);transform:translateX(200%);transition-duration:.3s;width:200px}.toggledBar{border-color:hsla(0,0%,100%,.4);border-style:solid;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.navbar-item{display:flex;flex-direction:row;height:40px;justify-content:flex-start;margin-top:5px;transition-duration:.3s;width:calc(100% - 50px)}}.indroduction{align-items:center;background:linear-gradient(45deg,rgba(21,203,220,.1),rgba(21,117,220,.1),rgba(147,21,220,.1));border-bottom:5px solid #fff;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding-bottom:50px;padding-top:140px;width:100vw}.intro{color:#fafafa;max-width:700px;width:50%}.intro p{font-size:1.2em}.highlight-name{border-radius:20px;color:#fff;font-size:2em;margin-top:10px;padding:0 20px}.profile-picture{align-items:center;background:transparent;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2);display:flex;justify-content:center;max-width:400px;overflow:hidden;width:40%}.profile-picture-img{-webkit-user-drag:none;-webkit-filter:brightness(.6);filter:brightness(.6);width:100%}.message-for-visitor{border-color:hsla(0,0%,100%,.2);border-radius:10px;border-width:1px;box-shadow:0 10px 20px rgba(0,0,0,.2);color:#d7d7d7;font-size:1.1em;margin-top:30px;padding:20px;width:800px}@media (max-width:900px){.highlight-name{font-size:1.5em}.intro{color:#fafafa}.message-for-visitor{width:calc(100% - 100px)}}@media (max-width:750px){.indroduction{flex-direction:column;width:100%}.intro{max-width:750px;width:80%}.profile-picture{margin-top:20px;width:50%}.menubar{justify-content:space-between}}@media (max-width:450px){.intro{font-size:15px}.highlight-name{font-size:1em}.profile-picture{margin-top:20px;width:50%}.logo{left:-20px;margin-left:0;position:fixed;scale:.6;top:10px}.navbar-btn{position:fixed;right:5px;top:15px}.message-for-visitor{font-size:9px;width:calc(100% - 80px)}}.work-section{background:linear-gradient(90deg,rgba(21,127,220,.1),rgba(21,117,220,.1),rgba(220,21,137,.1));justify-content:center;margin-top:30px;width:100vw}.work-section,.works{align-items:center;display:flex}.works{flex-direction:column;height:100%;padding-bottom:40px;padding-top:20px;width:calc(100% - 40px)}.title-bar{align-items:center;border-radius:5px;color:#fff;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style-type:none;max-width:100%;padding:5px 20px}.title-item-icon{-webkit-user-drag:none;background:#fff;border-radius:30%;height:30px;margin-right:10px;width:30px}.title-item{align-items:center;background:#000;border-radius:10px;cursor:pointer;display:flex;margin:0 10px;max-width:200px;padding:5px;transition-duration:.3s}.title-item:hover{background:#e9e9e9;box-shadow:0 10px 30px rgba(0,0,0,.4);color:#0c0c0c}.projects-list{background-repeat:no-repeat;background-size:contain;flex-wrap:wrap;gap:20px;margin-top:20px;max-width:1400px;min-height:300px;padding:20px;width:100%}.project-item,.projects-list{display:flex;justify-content:center}.project-item{align-items:center;background:linear-gradient(transparent,rgba(0,0,0,.5));border-color:hsla(0,0%,100%,.2);border-radius:10px;border-width:.5px;box-shadow:-5px 5px 10px rgba(0,0,0,.05),5px -5px 10px hsla(0,0%,100%,.01);color:#dcdcdc;flex-direction:column;gap:10px;height:150px;transition-duration:.2s;transition-duration:.3s;width:250px}.project-item:hover{background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.05));border-style:solid;box-shadow:none}.project-title{cursor:default;font-size:1.1em;text-align:center}.project-link{background:linear-gradient(45deg,#157fdc,#6f15dc);border-radius:10px;color:#fff;padding:5px 20px}.project-link a{color:#fff;text-decoration:none}.preview-btn{background:#58ffb1b6;border-radius:10px;cursor:pointer;height:20px;overflow:hidden;padding:5px 20px;transition-duration:.3s;width:60px}.preview-btn:hover{background:#98ffcfd1;scale:105%}.projects-heading{color:#fff;cursor:default;height:80px}@media (max-width:620px){.project-item{width:200px}}@media (max-width:520px){.project-item{width:150px}.project-title{font-size:.9em}}@media (max-width:420px){.project-item{width:130px}.project-title{font-size:.8em}}.preview-tab{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.9);border-top-color:#fff;border-top-style:solid;box-shadow:0 20px 30px rgba(0,0,0,.7);height:calc(100vh - 60px);left:0;position:fixed;top:60px;-webkit-transform:translateX(-120%);transform:translateX(-120%);transition-duration:.4s;width:500px}.cross-preview-tab{cursor:pointer;height:30px;left:calc(100% - 50px);position:relative;top:20px;width:30px}.preview-heading{color:#fff;left:100px;position:relative;top:-10px;width:150px}.cross-preview-tab img{-webkit-user-drag:none;-webkit-filter:invert(1);filter:invert(1);width:80%}.image-preview{align-items:center;display:flex;justify-content:center;margin:auto;width:400px}.image-preview img{-webkit-user-drag:none;border-radius:20px;margin-top:50px;width:100%}.toggle-preview-tab{-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:550px){.preview-tab{width:100%}.image-preview{align-items:center;display:flex;justify-content:center;margin:auto;width:300px}}.testimonial-section{align-items:center;background:linear-gradient(45deg,rgba(21,203,220,.1),rgba(21,117,220,.1),rgba(147,21,220,.1));display:flex;flex-direction:column;justify-content:center;margin-top:10px;padding-bottom:50px;padding-top:10px;width:100%}.testimonial-heading{color:#eaeaea;margin-top:40px}.testimonials-container{display:flex;gap:20px;margin-top:40px;max-width:1400px;overflow:hidden;padding-bottom:20px;padding-top:20px;width:calc(100% - 100px)}.testimonial{align-items:center;background-color:hsla(0,0%,92%,.1);border:.5px solid hsla(0,0%,100%,.2);border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.4);color:#e7e7e7;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;max-width:350px;min-height:200px;min-width:300px;padding:10px 15px}.testimonial-message{font-size:.9em;margin-top:20px;width:calc(100% - 10px)}.testimonial-picture{border-radius:50%;height:100px;width:100px}.person-name{font-size:1.1em;margin-top:20px}@media (max-width:1150px){.testimonial{width:250px}.testimonial-message{font-size:15px}}@media (max-width:740px){.testimonials-container{width:calc(100% - 30px)}.testimonial{width:250px}.testimonial-message{font-size:14px;width:100%}}.go-to-blog-section{justify-content:center;margin-top:30px;width:100%}.blog,.go-to-blog-section{align-items:center;display:flex}.blog{color:#000;flex-direction:column;justify-content:space-evenly;width:600px}.image-blog{width:80%}.image-blog img{-webkit-user-drag:none;border-radius:20px;width:100%}.about-blog{align-items:stretch;border-radius:5px;color:#fff;cursor:default;display:flex;flex-direction:column;margin-top:20px;padding:20px}.blog-element{margin:auto;width:80%}.go-to-link{background:#fff;border-radius:10px;font-size:.9em;margin-left:20px;margin-top:20px;padding:2px 5px;-webkit-transform:translateX(20px);transform:translateX(20px);width:80%;width:80px}.go-to-link a{color:#000;text-decoration:none}@media (max-width:650px){.blog{justify-content:center;width:calc(100% - 30px)}.blog-element{font-size:.8em}}.contact-section{align-items:center;display:flex;justify-content:space-evenly;padding-bottom:50px;padding-top:50px;width:100%}.contact-heading{color:#9d9d9d;padding-top:10px}.contact-links{background:linear-gradient(45deg,#141414,#292929,#474747);border-radius:20px;color:#fff;list-style-type:none;padding:20px 30px;width:400px}.contact-link-item{align-items:center;display:flex;justify-content:space-evenly;margin-top:20px}.contact-img{height:70px;width:70px}.contact-disc{color:#fff;font-size:1.1em;text-decoration:none}.contact-form{align-items:flex-start;color:#fff;display:flex;flex-direction:column;justify-content:space-between;width:400px}.contact-form label{font-size:1.1em;margin-top:20px}#email,#first-name,#last-name{background:#141414;border-radius:5px;border-style:none;color:#fff;font-size:1.1em;height:30px;margin-top:10px;outline:0;padding:5px 20px;width:calc(100% - 40px)}#check-box,#submit-btn{margin-top:20px}#submit-btn{background:linear-gradient(45deg,rgba(21,203,220,.4),rgba(21,117,220,.4),rgba(147,21,220,.4));border-radius:20px;border-style:none;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px}@media (max-width:1100px){.contact-section{align-items:center;flex-direction:column}.contact-form{margin-top:50px}}@media (max-width:550px){.contact-form,.contact-links{width:calc(100% - 100px)}.contact-link-item{align-items:center;display:flex;flex-direction:column}.contact-disc{font-size:.9em;margin-top:5px;text-align:center}#email,#first-name,#last-name{background:#141414;border-radius:5px;border-style:none;color:#fff;font-size:1.1em;height:30px;margin-top:10px;outline:0;padding:5px 20px;width:calc(100% - 40px)}}
/*# sourceMappingURL=main.5aae4066.css.map*/