@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--clr-dark:#0b0c10;--clr-lightdark:#1f2833;--clr-grey:#c5c6c7;--clr-cyan:#66fcf1;--clr-blue:#45a29e;--clr-white:#fff;--fs-h1:72px;--fs-h2:48px;--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--contianer-width-sm:90%}html{scroll-behavior:smooth}body{background:#0b0c10;background:var(--clr-dark);color:#fff;color:var(--clr-white);font-family:Poppins,sans-serif;line-height:1.7}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}h2{color:#66fcf1;color:var(--clr-cyan);font-size:2.8rem}section{margin-top:8rem}section>h2{color:#66fcf1;color:var(--clr-cyan);text-align:center}.text-light{color:#c5c6c7;color:var(--clr-grey)}a{color:#45a29e;color:var(--clr-blue);transition:all .4s ease;transition:var(--transition)}a:hover{color:#fff;color:var(--clr-white)}.btn{border:1px solid #45a29e;border:1px solid var(--clr-blue);border-radius:.4rem;color:#45a29e;color:var(--clr-blue);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;background:var(--clr-white);border-color:#0000}.btn-primary,.btn:hover{color:#0b0c10;color:var(--clr-dark)}.btn-primary{background:#66fcf1;background:var(--clr-cyan)}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}.main-content{align-items:center;background-color:#0b0c10;background-color:var(--clr-dark);color:#66fcf1;color:var(--clr-cyan);display:flex;font-size:8rem;height:100vh}.subheading{color:#c5c6c7;color:var(--clr-grey);font-size:2rem}.link{display:flex;font-size:1rem;justify-content:center}.left{margin-left:2rem}.center1{margin:auto}.home-left{right:3.1rem;top:8.5rem;transform:rotate(270deg)}.home-left,.home-right{display:inline-block;position:relative}.home-right{left:51.6rem;top:9rem;transform:rotate(90deg)}.home-up{right:8rem;top:4rem}.home-down,.home-up{display:inline-block;position:relative}.home-down{bottom:2.5rem;left:32rem}.leftline{left:22.5rem;top:2.25rem;width:60%}.leftline,.rightline{border-bottom:2px solid #c5c6c7;border-bottom:2px solid var(--clr-grey);height:4px;position:relative}.rightline{bottom:.75rem;left:1rem;width:52%}@media screen and (max-width:1260px){.main-content{font-size:6.6rem}.subheading{font-size:1.6rem}.home-left{right:2.5rem;top:7.3rem;transform:rotate(270deg)}.home-left,.home-right{display:inline-block;position:relative}.home-right{left:42.6rem;top:7.5rem;transform:rotate(90deg)}.home-up{right:7rem;top:4rem}.home-down,.home-up{display:inline-block;position:relative}.home-down{bottom:2rem;left:26.5rem}.leftline{left:17rem;top:2.5rem;width:62%}.leftline,.rightline{border-bottom:2px solid #c5c6c7;border-bottom:2px solid var(--clr-grey);height:4px;position:relative}.rightline{bottom:.7rem;left:1rem;width:52%}.link{display:flex;font-size:1rem;justify-content:center}.left{margin-left:1.75rem}}@media screen and (max-width:900px){.main-content{font-size:4.4rem}.subheading{font-size:1.3rem}.home-left{right:2.2rem;transform:rotate(270deg)}.home-left,.home-right{display:inline-block;position:relative;top:5.2rem}.home-right{left:28rem;transform:rotate(90deg)}.home-up{right:6rem;top:2.6rem}.home-down,.home-up{display:inline-block;position:relative}.home-down{bottom:1.8rem;left:15rem}.leftline{left:14rem;top:1.5rem;width:55%}.leftline,.rightline{border-bottom:2px solid #c5c6c7;border-bottom:2px solid var(--clr-grey);height:4px;position:relative}.rightline{bottom:.7rem;left:1rem;width:42%}.link{display:flex;font-size:1rem;justify-content:center}.left{margin-left:1.5rem}}@media screen and (max-width:600px){.main-content{font-size:2.5rem}.subheading{font-size:.8rem}.home-left{right:1.3rem;transform:rotate(270deg)}.home-left,.home-right{display:inline-block;position:relative;top:3.2rem}.home-right{left:15.5rem;transform:rotate(90deg)}.home-up{right:3.4rem;top:1.7rem}.home-down,.home-up{display:inline-block;position:relative}.home-down{bottom:1.1rem;left:7.8rem}.leftline{left:8.7rem;top:.9rem;width:51%}.leftline,.rightline{border-bottom:2px solid #c5c6c7;border-bottom:2px solid var(--clr-grey);height:4px;position:relative}.rightline{bottom:.4rem;left:.4rem;width:39%}.link{display:flex;font-size:1rem;justify-content:center}.left{margin-left:1rem}}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#b3afaf4d;border-radius:3rem;bottom:2rem;display:block;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{display:flex}nav a{background:#0000;border-radius:50%;color:#c5c6c7;color:var(--clr-grey);font-size:1.1rem;padding:.9rem}nav a:hover{background:#b3afaf33}nav a.active{background:#0b0c10;background:var(--clr-dark);color:#fff;color:var(--clr-white)}.about-main{grid-gap:10%;display:grid;font-size:1.25rem;gap:10%;grid-template-columns:40% 50%}.about__container{background:linear-gradient(45deg,#0000,#66fcf1,#0000);background:linear-gradient(45deg,#0000,var(--clr-cyan),#0000);border-radius:2rem;display:grid;place-items:center;width:100%}.about-img{border-radius:2rem;overflow:hidden;transform:rotate(10deg);transition:all .4s ease;transition:var(--transition)}.about-img:hover{transform:rotate(0)}.about-content h2{color:#66fcf1;color:var(--clr-cyan);font-size:2.8rem}.about-content p{color:#c5c6c7;color:var(--clr-grey);margin:1.5rem 0}@media screen and (max-width:1024px){.about-main{font-size:1rem;gap:0;grid-template-columns:1fr}.about__container{margin:2rem auto 4rem;width:50%}.about-content p{margin:1rem 0 1.5rem}}@media screen and (max-width:600px){.about__container{font-size:1rem;margin:0 auto 3rem;width:65%}.about-content{margin:.8rem}.about-content p{margin:1.5rem 0}}.projects__container{display:flex;flex-wrap:wrap;gap:5%}.projects__item{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1f202599;border-radius:1.5rem;display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem;padding:1.75rem 1.25rem;transition:all .4s ease;transition:var(--transition);width:30%}.projects__item:hover{box-shadow:0 5px 15px #66fcf1cc}.projects-img{border-radius:1rem;height:190px;overflow:hidden}.more{margin-top:2rem}.center{margin-left:45%}@media screen and (max-width:1024px){.projects__container{display:flex;flex-wrap:wrap;gap:5%}.projects__item{width:45%}.projects-img{height:190px}}@media screen and (max-width:600px){.projects__container{display:flex;flex-wrap:wrap}.projects__item{margin-left:.5rem;width:95%}.projects-img{height:190px}.center{margin-left:30%}}.skills__container{display:flex;flex-wrap:wrap;gap:2%}.skills-item{background:#1f202599;border-radius:1.5rem;margin:1rem;padding:1rem;transition:all .4s ease;transition:var(--transition);width:11%}.skills-item:hover{box-shadow:0 5px 15px #66fcf1cc}@media screen and (max-width:1024px){.skills-item{margin:.9rem;width:19%}}@media screen and (max-width:600px){.skills-item{width:38%}}.contact__container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#b3afaf4d;border-radius:3rem;display:block;display:flex;flex-direction:column;gap:.8rem;height:-webkit-max-content;height:max-content;left:7rem;padding:.7rem .5rem;position:fixed;top:40%;z-index:2}.contact__container a{background:#0000;border-radius:50%;color:#c5c6c7;color:var(--clr-grey);display:flex;font-size:1.2rem;padding:.8rem}.contact__container a:hover{background:#b3afaf33}@media screen and (max-width:1024px){.contact__container{left:90%}}@media screen and (max-width:600px){.contact__container{left:80%}}
/*# sourceMappingURL=main.501434a7.css.map*/