@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Open+Sans:wght@400;500&family=Poppins:wght@300;400;600&family=Quicksand:wght@400;600&family=Roboto+Condensed:wght@400;700&display=swap";
.services-box{flex-flow:wrap;gap:1rem;display:flex}.services-card{cursor:pointer;text-align:center;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:fit-content;max-width:300px;margin:0 auto;padding:2rem;transition:all .4s;display:flex}.services-card:hover{border:none;box-shadow:inset 6px 6px 30px #4b4b4b}.services-icon{color:var(--nav-blue);margin-bottom:2rem;font-size:3rem}.services-title{margin-bottom:1rem;font-size:1.3rem}.services-desc{font-size:.8rem;line-height:1.5}@media screen and (max-width:768px){.services-card{width:100%;padding:1rem}}@media screen and (max-width:550px){.services-icon{margin-bottom:1.5rem;font-size:2.5rem}.services-title{font-size:1.2rem}.services-desc{font-size:.7rem}}.contact-box{grid-template-columns:repeat(2,1fr);column-gap:2rem;display:grid}.contact-heading{margin-bottom:2rem}.contact-heading p{line-height:2}.contact-hello{flex-direction:column;display:flex}.contact-hello p{text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-weight:700}.hello-links{color:var(--nav-blue-shade);margin:.5rem 0;text-decoration:none;transition:all .3s ease-in-out}.hello-links:hover{color:var(--nav-blue)}.right-box{width:90%;color:var(--white);margin:0 auto;font-size:80%}.form-top{flex-direction:row;justify-content:space-between;margin-bottom:4rem;display:flex}.name,.email{width:40%}.name,.email,.message{flex-direction:column;display:flex}.name label,.email label,.message label{margin-bottom:1rem}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;box-shadow:inset 0 0 0 1000px #0000!important}.form-mid{margin-bottom:4rem}.form-btn{justify-content:center;display:flex}.Toastify__toast{padding:8px 12px;font-size:12px}.Toastify__toast-body{font-size:12px}@media screen and (max-width:900px){.contact-box{grid-template-columns:1fr;row-gap:5rem;display:grid}.right-box{width:90%;margin:0 auto}}@media screen and (max-width:550px){.contact-heading p,.contact-hello p,.hello-links,input,textarea{font-size:80%}.right-box{font-size:70%}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}::-webkit-scrollbar{width:6px;height:8px}::-webkit-scrollbar-thumb{border-radius:100vh}.Toastify__container,.Toastify__toast-container{z-index:9999!important}body{background:var(--section-bgd);overflow-x:hidden}:root{--nav-grey:#a8a9b4;--nav-deep-grey:#94959b;--nav-blue:#149ddd;--nav-blue-shade:#0e668f;--card-blue-shade:#112240;--nav-deep-blue:#2c2f3f;--nav-bgd:#040b14;--white:#fff;--soft-white:#ccd6f6;--light-blue:linear-gradient(to right,#3b82f6,#a855f7,#ec4899)}.about,.skills,.services,.works,.contact{background-color:var(--section-bgd);color:var(--nav-grey);width:100%}.containers{max-width:1200px;margin:0 auto;padding:4rem}.loader{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.loader-icon{color:#fff;width:50px;height:100px}.svg-wrapper{text-align:center;position:relative}@keyframes pageLoad{0%{stroke-dasharray:140 540;stroke-dashoffset:-474px;stroke-width:8px}to{stroke-width:2px;stroke-dashoffset:0;stroke-dasharray:760}}.shape{stroke-dasharray:140 540;stroke-dashoffset:-474px;stroke-width:8px;fill:#0000;stroke:linear-gradient(to right,#3b82f6,#a855f7,#ec4899);border:5px solid #000;animation:3s pageLoad}.text{text-transform:uppercase;letter-spacing:8px;color:#fff;width:100%;transform:translate(-50% -50%);gap:8px;padding-right:50px;font-size:16px;line-height:32px;position:absolute;top:10px;left:20px}@media screen and (max-width:700px){.container{padding:3rem}}@media screen and (max-width:500px){.text{font-size:13px;position:absolute;top:10px;left:40px}.container{padding:1rem}}.icon{vertical-align:middle;font-size:28px}.hero-contact{color:var(--nav-blue);letter-spacing:3px;border:1px solid var(--nav-blue);will-change:transform;cursor:pointer;background-color:#0000;border-radius:4px;flex-direction:row;align-items:center;width:fit-content;padding:1rem 2rem;font-size:80%;font-weight:500;text-decoration:none;transition:transform .4s ease-in-out;display:flex;position:relative;overflow:hidden}.hero-contact:after{background-color:var(--nav-blue);content:"";transform-origin:100% 0;will-change:transform;z-index:-1;width:100%;height:100%;transition:transform .8s ease-out;display:block;position:absolute;top:0;left:0;transform:translate(-100%)}.hero-contact:hover:after{transform:translate(0)}.hero-contact:hover{color:var(--white);will-change:transform}.hero-contact{font-size:80%}
.works-box{flex-flow:wrap;justify-content:center;gap:1rem;display:flex}.work-link-group{text-decoration:none}.works-container{width:100%}.works-card{background-color:var(--card-blue-shade);color:var(--nav-grey);text-align:center;cursor:pointer;border-radius:5px;flex-direction:column;align-items:center;width:300px;max-width:300px;height:250px;margin:0 auto;padding:1rem 2rem;transition:all .3s;display:flex;position:relative}.works-card:hover{transform:translateY(-7px)}.works-card:hover .work-title{color:var(--nav-blue)}.top-work{flex-direction:row;justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.top-work .right{display:flex}.mid-work{flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.work-title{word-spacing:5px;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.work-desc{font-size:70%}.work-folder{color:var(--nav-blue);font-size:2rem}.work-git,.work-link{color:var(--nav-grey);align-items:center;margin:0 .5rem;font-size:1.5rem;transition:all .3s;display:flex}.work-git:hover,.work-link:hover{color:var(--nav-blue)}.bottom-work{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.bottom-work small{margin:0 .5rem;font-size:60%}.tabs{justify-content:center;margin-bottom:2rem;display:flex}.tab{background-color:var(--card-blue-shade);color:var(--nav-grey);cursor:pointer;border:none;border-radius:5px;outline:none;margin:0 .5rem;padding:.5rem 1rem;font-size:1rem;transition:all .3s}.tab:hover,.tab.active{background-color:var(--nav-blue);color:#fff}@media screen and (max-width:750px){.tabs{flex-wrap:wrap}.tab{margin:.5rem}}@media screen and (max-width:550px){.work-desc{font-size:60%}.work-folder{font-size:1.5rem}.work-git,.work-link,.work-title{font-size:1.2rem}.bottom-work small{font-size:50%}}@media screen and (max-width:320px){.works-card{text-align:center;cursor:pointer;flex-direction:column;align-items:center;width:250px;max-width:300px;height:250px;margin:0 auto;transition:all .3s;display:flex}}