:root{--primary-color-1:#111;--primary-color-2:#222;--primary-color-3:#333;--secondary-color-1:#fff;--secondary-color-2:#ccc;--secondary-color-3:#bbb;--border-radius:20px;--animation:all 0.5s ease-in-out;--font-small:clamp(12px,2vw,20px);--font-medium:clamp(20px,3vw,30px);--font-large:clamp(30px,5vw,50px);--font-form:clamp(15px,2vw,30px);background-color:#111;background-color:var(--primary-color-1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}textarea{resize:none}a{text-decoration:none}ul{list-style:none;padding:0}.main-container{margin:auto;max-width:1800px}.nav-container{align-items:center;background-color:var(--primary-color-2);border-bottom:2px solid var(--primary-color-1);display:flex;justify-content:center;margin-bottom:100px;position:fixed;top:0;transition:var(--animation);width:clamp(600px,100%,1800px);z-index:100}.navbar-hidden{transform:translateY(100%)}.nav-container ul{display:flex;gap:40px;justify-content:center;padding:0;width:100%}.nav-container ul li{color:var(--secondary-color-2);cursor:pointer;font-size:var(--font-small);text-transform:uppercase}@media (max-width:600px){.nav-container{background-color:var(--primary-color-2);border-top:2px solid var(--primary-color-1);bottom:0;left:0;margin-bottom:0;position:fixed;top:auto;width:100%}.nav-container ul{justify-content:space-evenly}.nav-container ul li{color:var(--secondary-color-2);font-size:20px}}.home-container{align-items:center;color:#fff;display:flex;height:100vh;justify-content:space-evenly}.home-left,.home-right{align-items:center;display:flex;height:inherit;justify-content:center;width:50%}.home-right{color:var(--secondary-color-2);flex-direction:column}@media (max-width:968px){.home-container{flex-direction:column}.home-left{align-items:end}.home-left,.home-right{height:50%;width:100%}}.home-image{aspect-ratio:1;background:var(--primary-color-1);width:clamp(250px,55%,600px)}.home-image img{border-radius:inherit;height:100%;object-fit:contain;width:100%}.home-right h1{text-wrap:wrap;font-size:var(--font-large);text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.home-right p{text-wrap:wrap;font-size:var(--font-small);max-width:600px}@media (max-width:600px){.home-right h1{margin:auto}.home-right p{padding:20px}}.about-container{color:#fff;height:100vh}.about-container,.about-container .inner-container{align-items:center;display:flex;justify-content:center}.about-container .inner-container{background-color:var(--primary-color-2);flex-direction:column;min-height:auto;padding:1rem 0;width:100%}.about-image{aspect-ratio:1;border:2px solid var(--secondary-color-2);border-radius:5px;margin:30px 0;width:clamp(150px,30%,600px)}.about-left{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.about-heading,.tech-stack-heading{font-size:var(--font-medium);text-align:center;text-transform:capitalize;width:50%}.about-heading:after,.tech-stack-heading:after{background-color:var(--secondary-color-2);content:"";display:block;height:2px;margin-top:5px;width:100%}.about-content{color:var(--secondary-color-3);flex-wrap:wrap;font-size:var(--font-small);margin-bottom:10px;padding:15px;text-align:justify;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-content div{margin:10px}.tech-stack-list{display:flex;font-size:var(--font-medium);justify-content:space-around;padding:0;width:100%}.tech-stack-list li:hover:after{background-color:#333;border-radius:5px;bottom:100%;color:#fff;content:attr(title);left:50%;opacity:0;opacity:1;padding:5px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}@media (min-width:968px){.about-container .inner-container{flex-direction:row-reverse;justify-content:space-evenly}.about-left{width:50%}}.single-project-container{align-items:center;display:flex;flex-direction:column;margin-top:2.5rem;width:min(100vw,800px)}.single-project-card{aspect-ratio:1;overflow:visible;width:80%}.single-project-content{border-radius:5px;box-shadow:0 0 10px 1px #000000ee;height:100%;transform-style:preserve-3d;transition:var(--animation);width:100%}.single-project-back,.single-project-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:var(--primary-color-2);border-radius:5px;height:100%;overflow:hidden;position:absolute;width:100%}.single-project-back{align-items:center;display:flex;justify-content:center;overflow:hidden}.back-content{height:90%;position:absolute;width:90%}.single-project-card:hover .single-project-content,.single-project-front{transform:rotateY(180deg)}.single-project-front{color:var(--secondary-color-2)}.single-project-front .front-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:absolute;width:100%}.front-content .content-title{border-bottom:.5px solid var(--secondary-color-2);font-size:var(--font-medium);margin:20px auto 0;width:80%}.front-content .content-description{background-color:var(--primary-color-3);border-radius:5px;box-shadow:0 0 5px 0 #000000ee;flex-wrap:wrap;font-size:var(--font-small);margin:0 auto;padding:10px;width:80%}.front-content .action-btn{display:flex;justify-content:space-between;margin:0 auto 20px;width:80%}.action-btn a{color:var(--secondary-color-2)}.github-btn,.live-site-btn{border:2px solid var(--secondary-color-2);box-shadow:0 0 5px 0 #000000ee;cursor:pointer;padding:5px}.projects-container{align-items:center;color:var(--secondary-color-1);display:flex;flex-direction:column;min-height:100vh}.projects-heading{font-size:var(--font-medium);margin:20px;text-align:center;width:50%}.projects-heading:after{background-color:var(--secondary-color-1);content:"";display:block;height:2px;margin-top:10px;width:100%}@media (min-width:600px){.projects-heading{margin-top:100px}}.projects-content{display:flex;flex-wrap:wrap;justify-content:center}.loader{animation:loader .7s linear infinite;border-left:8px solid #fff;border-radius:50%;border-right:8px solid #ff00;border-top:8px solid #fff;box-sizing:border-box;height:4rem;margin-top:50px;width:4rem}@keyframes loader{to{transform:rotate(1turn)}}.contact-content-left{align-items:center;color:var(--secondary-color-2);display:flex;flex-direction:row;justify-content:space-evenly;margin-top:10px;max-width:600px;width:100%}.left-heading{font-size:var(--font-medium)}.left-content{align-items:center;background-color:var(--secondary-color-2);border-radius:var(--border-radius);color:var(--primary-color-2);cursor:pointer;display:flex;font-size:var(--font-small);gap:10px;padding:2px 20px;text-transform:uppercase}@media (min-width:1024px){.contact-content-left{flex-direction:column;gap:20px;margin-bottom:20px;width:50%}}.contact-content-right{background-color:var(--primary-color-3);border-bottom:1px solid var(--primary-color-1);border-top:1px solid var(--primary-color-1);margin-top:20px;width:100%}.social-links{color:var(--secondary-color-3);display:flex;justify-content:space-around}.social-links li{cursor:pointer;font-size:var(--font-medium)}.social-links li a{color:var(--secondary-color-3)}@media (min-width:1024px){.contact-content-right{background-color:initial;border:none;max-width:600px;width:50%}.social-links{color:var(--secondary-color-2)}}.contact-container{align-items:center;background-color:var(--primary-color-2);display:flex;flex-direction:column;margin-top:50px;padding-top:.5rem}.contact-heading{grid-gap:10px;color:var(--secondary-color-2);display:grid;font-size:var(--font-medium);grid-template-columns:1fr 1fr 1fr;margin:5px}.contact-heading:after,.contact-heading:before{background-color:initial;border-bottom:1px solid var(--secondary-color-2);content:" ";display:block;height:50%}.contact-content{align-items:center;display:flex;flex-direction:column;width:100%}@media (min-width:1024px){.contact-content{flex-direction:row;justify-content:space-evenly}.contact-heading{grid-template-columns:2fr 1fr 2fr}}.footer{background-color:var(--primary-color-2);color:var(--secondary-color-2);font-size:var(--font-small);padding:10px;text-align:center}@media (min-width:1024px){.footer{background-color:var(--primary-color-3)}}.contact-form-container{color:var(--secondary-color-2)}.contact-form-header{background-color:var(--primary-color-2);font-size:var(--font-medium);padding:20px 0;text-align:center;width:100%}.contact-form{margin-top:50px}.contact-form form{align-items:center;display:flex;flex-direction:column;gap:50px;width:100%}.input-field{position:relative;width:80%}.input-field input,textarea{background:#0000;border:none;border-bottom:2px solid var(--secondary-color-3);color:var(--secondary-color-3);font-size:var(--font-form);padding:.25rem .5rem;transition:.3s;width:100%}.input-field span{font-size:var(--font-medium);position:absolute;transform:translateY(-40px);transition:.3s;z-index:-1}.input-field textarea{min-height:200px}.input-field textarea~span{transform:translateY(-230px)}.input-field input:focus~span,.input-field input:valid~span{font-size:var(--font-small);transform:translateY(-65px)}.input-field textarea:focus~span,.input-field textarea:valid~span{font-size:var(--font-small);transform:translateY(-250px)}.submit-button{background-color:initial;border:1px solid var(--secondary-color-3);border-radius:5px;color:var(--secondary-color-3);cursor:pointer;font-size:var(--font-small);margin-bottom:20px;padding:10px;text-transform:uppercase;transition:.3s;width:100px}.submit-button:hover{scale:1.1}@media (min-width:1024px){.contact-form{margin-top:80px}.contact-form form{gap:100px}.input-field{width:60%}.input-field span{transform:translateY(-50px)}.input-field textarea{min-height:400px}.input-field textarea~span{transform:translateY(-330px)}.input-field input:focus~span,.input-field input:valid~span{font-size:var(--font-small);transform:translateY(-80px)}.input-field textarea:focus~span,.input-field textarea:valid~span{font-size:var(--font-small);transform:translateY(-460px)}.submit-button{width:200px}}.page-not-found-container{align-items:center;display:flex;height:100vh;justify-content:center}.page-not-found-container .content{text-align:center}.page-not-found-container .title{color:var(--secondary-color-3);font-size:6rem}.page-not-found-container .subtitle{color:var(--secondary-color-3);font-size:1.5rem;margin-bottom:20px}.page-not-found-container .link{background-color:var(--primary-color-3);border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.page-not-found-container .link:hover{background-color:var(--primary-color-2)}.form-submitted-container{align-items:center;display:flex;height:100vh;justify-content:center}.form-submitted-container .content{text-align:center}.form-submitted-container .title{color:var(--secondary-color-3);font-size:2rem}.form-submitted-container .subtitle{color:var(--secondary-color-3);font-size:1.2rem;margin-bottom:20px}.form-submitted-container .link{background-color:var(--primary-color-3);border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.form-submitted-container .link:hover{background-color:var(--primary-color-2)}.go-back-btn,.links-container{color:var(--secondary-color-2)}.go-back-btn{align-items:center;cursor:pointer;display:block;display:flex;font-size:var(--font-small);gap:.5rem;justify-content:left;margin:15px;text-transform:uppercase}.links-header{background-color:var(--primary-color-2);font-size:var(--font-medium);padding:20px 0;text-align:center;width:100%}.links-content{align-items:center;display:flex;height:100%;justify-content:center;padding:20px 0;width:100%}.links-content img{height:auto;max-width:100%;object-fit:contain}
/*# sourceMappingURL=main.a3a88f6f.css.map*/