body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242b2e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button:active{box-shadow:none;-webkit-transform:scale(.98);transform:scale(.98)}html{scroll-behavior:smooth}.services{height:90vh;padding:5rem;text-align:center}.services h1{font-size:3rem;margin:4rem 0}.service{align-items:center;display:flex;gap:20px;justify-content:space-between}.service-box{background-color:#393f42;border-radius:6px;height:45vh;padding:30px;transition:all .5s ease;width:30vw}.service-box img{height:20%;width:20%}.service-box:hover{box-shadow:1px 1px 5px 1px #f5f5f55a;cursor:pointer}.service-box h3{font-size:1.5rem;margin:.5rem 0}.service-box p{color:gray}@media screen and (max-width:760px){.services{height:auto;padding:3rem}.services h1{font-size:2rem}.service{flex-direction:column}.service-box{height:auto;width:100%}.service-box img{width:10%}.service-box h3{font-size:1rem}.service-box p{font-size:small}}@media screen and (max-width:420px){.service-box{height:auto;width:100%}.service-box p{font-size:smaller}}.about{align-items:center;display:flex;height:90vh;justify-content:space-between;padding:5rem}.about-div{width:45vw}.about-text{text-align:center}.about-text h2{font-size:2.5rem;font-weight:700}.text-span{color:#008b8b}.about-text h4{font-size:2.6rem;margin:.7rem 0}.about-text p{color:gray}.about-btn{align-items:center;display:flex;gap:2rem;justify-content:center;margin-top:1.5rem}.about-btn img{cursor:pointer;height:40px;transition:.6s ease}.about-btn img:hover{box-shadow:1px 1px 5px 1px #008b8b85}@media screen and (max-width:940px){.about-text h4{font-size:1.8rem}.about-text h2{font-size:1.2rem}.about-text p{font-size:small}}@media screen and (max-width:760px){.about{flex-direction:column;gap:2rem;height:auto;padding:3rem}.about-div{width:100%}.about-btn img{height:35px}}@media screen and (max-width:420px){.about{flex-direction:column;gap:2rem}.about-div{width:100%}.about-text h2{font-size:1rem}.about-text h4{font-size:1.4rem}.about-text p{font-size:smaller}.about-btn img{height:30px}}.home{align-items:center;display:flex;height:80vh;justify-content:space-between;padding:5rem}.text{width:50vw}.hero-text{line-height:3rem}.hero-text h3{font-size:1.5rem;font-weight:900}.hero-text h1{font-size:3.2rem}.hero-text p{color:gray;line-height:normal}.resume{margin-top:3rem}.resume button{background-color:#008b8b;border:none;border-radius:4px;box-shadow:2px 2px 9px -1px #008b8b;color:#fff;cursor:pointer;font-size:medium;font-weight:700;padding:8px 16px}.photo img{border-radius:10px;box-shadow:5px 5px 9px 1px #008b8b;width:25vw}@media screen and (max-width:940px){.hero-text{line-height:2.5rem}.hero-text h3{font-size:1rem}.hero-text h1{font-size:2.2rem}.hero-text h2{font-size:1.2rem}.hero-text p{font-size:small}}@media screen and (max-width:760px){.home{padding:3rem}.resume{margin-top:2rem}.resume button{font-size:small;padding:6px 12px}}@media screen and (max-width:600px){.home{flex-direction:column-reverse;gap:2rem;height:auto}.text{text-align:center;width:100%}}@media screen and (max-width:420px){.hero-text{line-height:2rem}.hero-text h3{font-size:.8rem}.hero-text h1{font-size:1.8rem}.hero-text h2{font-size:.8rem}.hero-text p{font-size:smaller}.photo img{border-radius:10px;box-shadow:5px 5px 9px 1px #008b8b;width:35vw}.resume{margin-top:1.5rem}.resume button{font-size:smaller;padding:4px 10px}}.navbar{align-items:center;background-color:#242b2e;display:flex;flex-wrap:wrap;justify-content:space-between;padding:1.5rem 5rem;position:relative;transition:.5s ease-in-out}.navbar.sticky{background-color:#0f1314;opacity:.97;padding:1rem 5rem;position:fixed;width:100%;z-index:999}.nav-items ul{align-items:center;display:flex;gap:30px}.nav-items ul li{cursor:pointer;list-style:none}.cyan{color:#008b8b}a{color:#fff;text-decoration:none;transition:.5s}a:hover{color:#008b8b}@media screen and (max-width:760px){.navbar{padding:1.5rem 3rem}.logo{margin:auto}.logo h1{font-size:1rem}.nav-items{display:none}}@media screen and (max-width:420px){.navbar{padding:.7rem 3rem}.logo{margin:auto}.logo h1{font-size:1rem}.nav-items{display:none}}.projects{padding:5rem;text-align:center}.projects h1{font-size:3rem;margin:4rem 0}.category{margin:3rem auto;width:60vw}.category ul{align-items:center;display:flex;justify-content:space-between}.category ul li{cursor:pointer;list-style:none}.projects-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,auto);margin:2rem auto}.selected{background-color:#008b8b;border-radius:5px;padding:6px 14px}@media screen and (max-width:1240px){.projects-container{grid-template-columns:repeat(3,auto)}}@media screen and (max-width:940px){.projects-container{grid-template-columns:repeat(2,auto)}.projects h1{font-size:2.5rem}.category{margin:auto;width:70vw}.category ul li{font-size:small}}@media screen and (max-width:760px){.projects{padding:3rem}.projects h1{font-size:2rem}}@media screen and (max-width:640px){.projects-container{grid-template-columns:repeat(1,auto)}.category{width:80vw}}@media screen and (max-width:420px){.projects h1{font-size:2rem}.category{margin:auto;width:70vw}.category ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,auto)}}.card{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;flex-direction:column;gap:1rem;justify-content:center;line-height:6px;margin:auto;padding:5px;position:relative;text-align:center}.image-div img{height:140px;transition:.4s ease;width:250px}.image-div img:hover{cursor:pointer;opacity:.3;-webkit-transform:scale(1.03);transform:scale(1.03)}.card p{color:#999898;font-size:small}.card button{background-color:#008b8b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:smaller;padding:4px 10px}.card button:active{-webkit-transform:scale(.97);transform:scale(.97)}.details{position:absolute;z-index:99}.details h2{color:#008b8b;font-size:medium}.details-btn{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}@media screen and (max-width:350px){.image-div img{height:120px;width:220px}}.contacts{height:90vh;text-align:center}.contacts h1{font-size:3rem;margin:4rem 0}.contact-box{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin:auto;width:70%}.contact-box input{background-color:#393f42;border:none;border-radius:4px;padding:15px;width:100%}.contact-box input::-webkit-input-placeholder{color:gray;font-size:medium}.contact-box input::placeholder{color:gray;font-size:medium}.contact-box input:focus{color:#fff;font-size:medium;outline:none}.first,.second{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.third{height:25vh;width:100%}.third textarea{background-color:#393f42;border:none;border-radius:4px;height:100%;padding:10px;width:100%}.third textarea::-webkit-input-placeholder{color:gray;font-size:medium}.third textarea::placeholder{color:gray;font-size:medium}.third textarea:focus{color:#fff;font-size:medium;outline:none}.contact-btn{margin-top:40px}.contact-btn button{background-color:#008b8b;border:none;border-radius:4px;box-shadow:2px 2px 9px -1px #008b8b;color:#fff;cursor:pointer;font-size:medium;font-weight:700;padding:8px 16px}@media screen and (max-width:420px){.contacts{height:auto;padding:3rem}.contacts h1{font-size:2rem;margin:3rem 0}.contact-box{width:100%}.contact-box input{padding:10px}.contact-box input::-webkit-input-placeholder{font-size:small}.contact-box input::placeholder{font-size:small}.contact-btn button{font-size:smaller;padding:4px 10px}}
/*# sourceMappingURL=main.8aebbcb4.css.map*/