@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&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}.Admin-service-display{height:auto;margin:0 auto;max-width:800px;padding:20px;width:100%}.Admin-service-display_item{background:#d1d1d11a;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:15px;padding:20px;transition:transform .2s,box-shadow .2s}.Admin-service-display_item:hover{box-shadow:0 6px 12px #00000026}.Admin-service-display_title{color:#333;font-size:26px;font-weight:700;margin-bottom:10px}.Admin-service-display_list{display:flex;flex-direction:column}.Admin-service-display_detail{align-items:center;background:#fff;border-radius:20px;box-shadow:0 3px 6px #0000000d;display:flex;list-style:none;margin:10px 0;padding:10px 20px;transition:background .3s}.Admin-service-display_detail:hover{background:#f0f4fa}.Admin-service-display-detail_main{color:#555;flex:1 1;font-size:16px;line-height:1.5}.Admin-service-display-detail_delete{align-items:center;display:flex}.link-delete{background:#0000;border:none;border-radius:5px;color:#ff4d4f;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;transition:background .3s,color .3s}.link-delete:hover{background:#ffeaea;color:#d90429;text-decoration:none}.Admin-service-display_detail box-icon{color:#007bff;font-size:20px;margin-right:10px}@media (max-width:611px){.Admin-service-display_detail{flex-direction:column;padding:15px}}.error-container{border-radius:5px;color:#fff;display:inline-block;font-size:1rem;margin-top:1.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.error-title{color:#780000;font-size:35px;font-weight:700}.error-detail{color:#000}.error-link{text-decoration:underline}.form-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:15px;max-width:800px;padding:20px;width:100%}.form-label{font-size:16px;font-weight:500}.form-input-admin{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.form-input-admin:focus{border-color:#007bff;outline:none}.form-input-file{padding:5px}.form-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease}.form-button:hover{background-color:#0056b3}.form-button:active{background-color:#004494}.check-box{display:flex}.form-checkbox{margin-left:10px}.button-disabled{background:#c6c6c6;border:none;border-radius:5px;color:#333;cursor:not-allowed;font-size:16px;padding:12px}.table-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin:0 auto;max-width:100%;overflow-x:auto;padding:10px}.table-image{height:200px;width:200px}.admin-header{align-items:center;display:flex;justify-content:center;margin-bottom:30px}.styled-table{border-collapse:collapse;font-size:16px;text-align:left;width:100%}.spinner-container{align-items:center;display:flex;justify-content:center;margin-top:25%}.styled-table thead tr{background-color:#222;color:#fff;font-weight:700;text-align:left}.styled-table td,.styled-table th{padding:12px 15px}.styled-table tbody tr{border-bottom:1px solid #ddd}.styled-table tbody tr:nth-of-type(2n){background-color:#f3f3f3}.styled-table tbody tr:last-of-type{border-bottom:2px solid #000}.styled-table tbody tr:hover{background-color:#f1f1f1;cursor:pointer}@media (max-width:768px){.styled-table td,.styled-table th{font-size:14px;padding:10px}}.button-delete,.button-edit{border-radius:5px;color:#000;margin-right:5px;padding:10px}.button-edit{background-color:#2781ff;color:#fff;&:hover{opacity:.9}}.button-delete{background-color:#8e0018;color:#fff;&:hover{opacity:.5}}.pulse-spinner{display:inline-block;height:50px;position:relative;width:50px}.inner-circle,.outer-circle{border-radius:50%;position:absolute}.inner-circle{animation:innerPulse 2s ease-in-out infinite}.inner-circle,.outer-circle{background-color:#3498db;height:100%;width:100%}.outer-circle{animation:outerPulse 2s ease-in-out infinite;opacity:.4}@keyframes innerPulse{0%{opacity:.7;transform:scale(.7)}50%{opacity:1;transform:scale(.5)}to{opacity:.7;transform:scale(.7)}}@keyframes outerPulse{0%{opacity:.4;transform:scale(1)}50%{opacity:.2;transform:scale(1.5)}to{opacity:.4;transform:scale(1)}}.admin-container{background-color:#fff;display:flex;height:calc(100vh - 75px);justify-content:space-between;width:100%}.admin-sidebar{background:#ededed;height:370px;width:17%}.admin-details,.admin-sidebar{border-radius:40px;margin:30px 40px}.admin-details{height:90%;width:70%}.admin-list{align-items:start;display:flex;flex-direction:column;justify-content:center;padding:30px;width:100%}.admin-list-items{align-items:center;border-radius:10px;display:flex;justify-content:start;margin:10px 0;padding:10px;width:100%;&:hover{background-color:#0000001b;color:#fff}}.admin-link{width:100%}.admin-active-option{background-color:#000;color:#fff;&:hover{background-color:#000;color:#fff}}@media (max-width:768px){.admin-container{align-items:center;flex-direction:column;height:100%}.admin-list{align-items:start;display:flex;flex-direction:column;justify-content:space-between;padding:20px;width:100%}.admin-list-items{font-size:15px;padding:5px}.admin-sidebar{background:#ededed;border-radius:40px;display:flex;flex-direction:row;height:100px;margin:10px;width:70%}.admin-list{flex-direction:row;padding:30px}.admin-list-items{margin:0;width:50%}}.portfolio-card{animation:fadeIn .5s ease forwards;background-color:#f3f3f3;border-radius:20px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a;cursor:pointer;height:200px;margin:15px;opacity:0;overflow:hidden;padding:5px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:200px}.portfolio-card-title{display:inline-block;font-weight:500}.portfolio-card:hover{transform:translateY(-10px)}.portfolio-image{object-fit:cover;position:relative;z-index:1}.portfolio-detail,.portfolio-image{border-radius:20px;height:100%;width:100%}.portfolio-detail{align-items:center;background-color:rgba(0,0,0,.358);color:#fff;display:flex;flex-direction:column;font-size:18px;justify-content:center;left:0;opacity:0;padding:10px;position:absolute;text-align:center;top:0;transition:opacity .3s ease-in-out;z-index:2}.portfolio-card:hover .portfolio-detail{opacity:1}@media (max-width:768px){.portfolio-card{height:150px;width:200px}.portfolio-detail{opacity:1}}@media (max-width:626px){.portfolio-card{height:100px;margin:2px;width:70%}}@media (max-width:407px){.portfolio-detail{font-size:15px;padding:10px}}.portfolio-header{transform:translateY(20px);width:50%}.portfolio-header-options{align-items:center;display:flex;justify-content:center}.portfolio-header-option{cursor:pointer;margin:10px;padding:10px}.portfolio-header-option:hover{color:#000}.option-active{background-color:#333;border-radius:20px;color:#fff;transform:translateY(-5px)}.option-active:hover{color:#fff}@media (max-width:768px) and (min-width:626px){.portfolio-header{display:flex;flex-direction:column;width:20%}.portfolio-header-options{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media (max-width:626px){.portfolio-header{display:flex;flex-direction:column;width:20%}.portfolio-header-options{align-items:center;display:flex;flex-direction:column;justify-content:center}.portfolio-header-option{cursor:pointer;font-size:15px;margin:5px;padding:10px}}.portfolio-container{flex-direction:column;height:90%;width:90%}.portfolio-card-container,.portfolio-container{align-items:center;display:flex;justify-content:center}.portfolio-card-container{height:400px;width:100%}.portfolio-title-contaier{align-items:center;display:flex;flex-direction:column}.portfolio-title{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(45deg,#6a5acd,#00bfff);color:#0000;font-weight:700}@media (max-width:768px) and (min-width:626px){.portfolio-container{align-items:center;display:flex;flex-wrap:wrap;height:90%;justify-content:center;width:100%}.portfolio-card-container{flex-wrap:wrap;height:400px;width:80%}.portfolio-title{font-size:25px;font-weight:700}}@media (max-width:626px){.portfolio-container{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.portfolio-card-container{align-items:center;flex-direction:column;height:500px;justify-content:center;width:60%}.portfolio-title{font-size:25px;font-weight:700}.portfolio-subtitle{font-size:14px}}.wheel-container{height:400px;position:relative;width:400px}.center,.wheel-container{align-items:center;display:flex;justify-content:center}.center{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(45deg,#6a5acd,#00bfff);color:#0000;font-size:30px;font-weight:700;height:85px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:85px;z-index:1}.circle-container{animation:rotate 70s linear infinite;height:300px;left:50px;position:absolute;top:50px;transform-origin:150px 150px;width:300px}.circle{align-items:center;border-radius:50%;box-shadow:2px 2px 5px rgba(0,0,0,.358),-3px -3px 8px #ffffff80;display:flex;height:50px;justify-content:center;position:absolute;width:50px}.circle:first-child{background-color:#61dafb;left:50%;top:-7%;transform:translateX(-50%)}.circle:nth-child(2){background-color:#fff;left:85%;top:15%;transform:translate(-50%,-50%)}.circle:nth-child(3){background-color:#47a248;left:100%;top:50%;transform:translate(-50%,-50%)}.circle:nth-child(4){background-color:#f7df1e;left:85%;top:85%;transform:translate(-50%,-50%)}.circle:nth-child(5){background-color:#764abc;left:50%;top:107%;transform:translate(-50%,-100%)}.circle:nth-child(6){background-color:#8cc84b;left:15%;top:85%;transform:translate(-50%,-50%)}.circle:nth-child(7){background-color:#e44d26;left:0;top:50%;transform:translate(-50%,-50%)}.circle:nth-child(8){background-color:#1572b6;left:15%;top:15%;transform:translate(-50%,-50%)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1029px){.wheel-container{display:none}}.skills-container{width:100%}.skill-list-container,.skills-container{align-items:center;display:flex;height:100%;justify-content:center}.skill-list-container{width:70%}.skill-list{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#111;font-weight:600;height:300px;margin:20px;padding-top:10px;text-align:center;width:40%}.list-container{height:90%;padding:10px;width:100%}.list{display:flex;flex-wrap:wrap;justify-content:space-between;padding:auto}.skills-title{display:none}.list-item{background-color:#fff;border-radius:10px;display:flex;height:50px;margin:5px;padding:5px;width:45%}.list-item-text{align-items:start;display:flex;flex-direction:column;justify-content:start;margin-left:5px}.skill-level{font-size:12px;font-weight:400}.skill-button{display:none}@media (max-width:1029px){.skills-title{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(45deg,#6a5acd,#00bfff);color:#0000;display:block;font-size:25px;font-weight:700;margin-top:60px}.skills-container{flex-direction:column;justify-content:center}.skill-list-container{width:100%}}@media (max-width:626px){.skill-list-container{position:relative}.skill-list{position:absolute;width:60%}.skill-button{background-color:#222;border-radius:40px;color:#dcdcdc;display:block;margin-top:8px;padding:14px;text-align:center;width:100px}.display-skill{opacity:1;transform:translateX(0)}.display-skill,.hide-skill{transition:opacity .5s ease-in-out,transform .5s ease-in-out}.hide-skill{opacity:0;pointer-events:none;transform:translateX(-100%)}.list-item-text{align-items:start;display:flex;flex-direction:column;font-size:12px;justify-content:start;margin-left:5px}.skill-level{font-size:11px;font-weight:400}.list-item-icon{display:none}}@media (max-width:424px){.skill-list{width:70%}}.navbar-container{background-color:initial;padding-top:10px;position:fixed;top:0;width:100%;z-index:1000}.navbar{background-color:#f4f4f4;border-radius:40px;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:900px;padding:10px;z-index:100}.nav-links{width:70%}.nav-link,.nav-links{display:flex;justify-content:space-around}.nav-link{align-items:center;border-radius:20px;color:#000;padding:10px}.nav-link:hover{background-color:#fff;color:#310065;transition:all .1s}.nav-menu-link{align-items:center;border-radius:20px;color:#777;display:flex;display:none;justify-content:center;padding:10px}.nav-menu{align-items:start;background-color:#e1e1e1;display:none;flex-direction:column;height:100vh;opacity:0;padding:20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:opacity .3s ease,transform .3s ease;width:200px}@media (max-width:768px){.nav-menu-link{display:block}.display{display:flex;opacity:1;transform:translateX(0)}.nav-links{display:none}.nav-menu{display:flex}.navbar{justify-content:space-between}}.group{margin:10px 0;position:relative;width:350px}.form-input{background:none;border:2px solid #e1e1e1;border-radius:9px;color:grey;display:block;padding:10px 10px 10px 5px}.form-input:focus~.form-input-label{color:#000;font-size:12px;top:-8px}.error-field{background-color:rgba(255,0,0,.046);border-radius:10px;color:#c60000;padding:20px}input[type=password]{letter-spacing:.3em}.form-input-label{background-color:#fff;color:grey;font-size:16px;font-weight:400;left:5px;padding:0 5px;pointer-events:none;position:absolute;top:12px;transition:all .3s ease}.textarea{height:200px}.form-input-label.shrink{color:#000;font-size:12px;top:-18px}@media (max-width:453px){.form-input{background:none;border:2px solid #e1e1e1;border-radius:9px;color:grey;display:block;font-size:14px;padding:10px 10px 10px 5px;width:250px}}.contact-container{align-items:center;display:flex;flex-direction:column;height:90%;justify-content:start;position:relative;width:90%}.contact-title{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(45deg,#6a5acd,#00bfff);color:#0000;font-weight:700;position:absolute;top:10px}.contact-form-container{justify-content:center}.contact-form,.contact-form-container{align-items:center;display:flex;width:900px}.contact-form{flex-direction:column;height:400px;justify-content:end;margin-left:50px}.email-text{background:none;border:2px solid #a5a5a54a;border-radius:5px;color:grey;display:block;font-size:14px;height:70%;margin:0;outline:none;padding:10px 10px 10px 5px;width:300px}.send-mail{align-items:center;background-color:#222;border-radius:40px;color:#dcdcdc;display:flex;justify-content:space-around;margin-top:8px;padding:14px;width:100px}.contact-form-title{color:#222}.send-mail:hover{background-color:#333333d7}@media (max-width:867px){.contact-image{display:none}.contact-form-container{justify-content:center}.contact-form,.contact-form-container{align-items:center;display:flex;flex-direction:column;width:100%}.contact-form{height:450px;justify-content:end;margin-left:0}}@media (max-width:453px){.contact-form{align-items:center;display:flex;flex-direction:column;height:450px;justify-content:end;margin-left:0;width:300px}}.overlay-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;cursor:pointer;display:flex;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.display-service-detail{animation:fadeIn .1s ease-in;display:flex}.exit-service-detail{animation:fadeOut .1s ease-in}.service-details{align-items:center;animation:fadeIn .1s ease-in-out;background:#f5f5f5;border-radius:20px;box-shadow:0 10px 30px #0000004d;cursor:auto;display:flex;flex-direction:column;height:60%;justify-content:center;padding:20px;position:relative;width:50%}.service-details-title{color:#333;font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.service-details-list{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-y:auto;padding:20px 30px;width:100%;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}&::-webkit-scrollbar-thumb:hover{background-color:#555}&::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}}.service-detail-list-item{align-items:center;border-bottom:1px solid #e0e0e0;color:#555;display:flex;font-size:18px;justify-content:flex-start;list-style:none;margin:10px 0;padding:5px 0;width:100%}.service-detail-list-item:before{color:#590fb3;content:"•>";font-size:22px;margin-right:10px}.service-detail-close-icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:20px;top:15px;transition:color .3s ease;width:30px}.service-detail-close-icon:hover{background:#ff000025}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{display:flex;opacity:1}to{display:none;opacity:0}}@media(max-width:915px){.service-details{height:60%;width:70%}}@media(max-width:676px){.service-details{height:60%;width:90%}}.service-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:50px;width:80%}.service-title{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(45deg,#6a5acd,#00bfff);color:#0000;font-weight:700;margin-bottom:10px;padding:10px}.service-cards{gap:20px;height:320px;width:100%}.service-card,.service-cards{display:flex;justify-content:space-around}.service-card{background:#f4f4f4;border-radius:12px;color:#fff;flex-direction:column;height:250px;overflow:hidden;padding:1em 1.5em;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:220px}.service-card:before{border-color:#a3a3a322 #fff;border-style:solid;border-width:0 60px 60px 0;content:"";position:absolute;right:0;top:0}.service-card:hover{transform:translateY(-10px)}.service-card-title{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:.5em;transition:color .3s ease-in-out}.service-card-subtitle{align-items:center;color:#616161;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:flex-start;transition:all .3s ease-in-out}.service-card-subtitle:hover{color:#333;transition:all .3s}.service-card-subtitle:hover .icon{transform:translateX(5px)}.service-card-icon{align-items:center;height:150px}.icon,.service-card-icon{display:flex;justify-content:center}.icon{flex-direction:column;margin-left:5px;transition:transform .3s ease-in-out}.arrow,.service-dots{display:none}@media (max-width:822px){.service-container{width:95%}}@media (max-width:615px){.service-title{margin-bottom:100px}.service-dots{align-items:center;bottom:0;display:flex;height:20px;justify-content:center;left:45%;position:absolute;width:40px}.card-dot{background:#999;border-radius:50%;height:10px;margin:1px;width:10px}.current-dot{background:#333;transition:all .2s ease-in-out}.arrow{border-radius:50%;cursor:pointer;display:block;height:50px;width:50px;&:hover{background:#00000014}&:active{background:#0000001d}}.left{border-radius:50%;left:5px}.left,.right{align-items:center;display:flex;justify-content:center;position:absolute;top:35%}.right{right:5px}.service-cards{position:relative}.service-card{position:absolute}.display-service{animation:fadeInService .4s ease-in-out}.remove-service{display:none}}@keyframes fadeInService{0%{display:none;opacity:0;transform:translateY(-100px)}to{display:flex;opacity:1;transform:translateY(0)}}.socials{border-radius:20px;bottom:10px;flex-direction:column;justify-content:start;left:50px;position:fixed;width:40px;z-index:2000}.socials,.socila-close{align-items:center;display:flex;transition:transform .3s ease}.socila-close{animation:button_glow 8s ease-in-out 1s infinite;border-color:#f4f4f3;border-radius:50%;cursor:pointer;height:50px;justify-content:center;margin-top:5px;width:50px;z-index:1000}@keyframes button_glow{0%{box-shadow:0 2px 10px rgba(109,13,227,.274),0 0 20px #6d0de35e}25%{box-shadow:0 2px 20px rgba(0,191,255,.562),0 0 25px rgba(0,191,255,.402)}50%{box-shadow:0 2px 15px rgba(157,0,255,.329),0 0 20px #9d00ff66}75%{box-shadow:0 2px 20px rgba(0,191,255,.562),0 0 25px rgba(0,191,255,.402)}to{box-shadow:0 2px 10px rgba(109,13,227,.274),0 0 20px #6d0de35e}}.rotate{transform:rotate(135deg)}.social-links{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s ease}.roll{display:flex;opacity:1;transform:scale(1)}.social-link{align-items:center;border-radius:50%;bottom:-15px;box-shadow:0 4px 20px rgba(0,0,0,.068);display:flex;height:35px;justify-content:center;margin-top:5px;opacity:0;position:absolute;transform:translateY(30px);transition:transform .5s ease,opacity .3s ease;width:35px}.social-links.roll .social-link{opacity:1;position:static;transform:translateY(-10px)}.linkedin{background-color:#0077b5}.whatsup{background-color:#25d366}.telegram{background-color:#08c}.git{background-color:#000}@media (max-width:768px){.socials{bottom:10px;left:20px;position:fixed}}.hero-detail-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:100px;width:100%}.hero-detail{flex-direction:column;margin:auto}.hero-detail,.hero-image-container{display:flex;justify-content:center;width:40%}.hero-image-container{align-items:center;animation:background__animate 19s 1s infinite;background-color:#ffffff1a;background-image:linear-gradient(45deg,#6a5acd26,#00bfff26);border-radius:50%;height:300px}.hero-image{animation:profile__animate 8s ease-in-out 1s infinite;background-position:50%;background-size:cover;border-radius:50%;box-shadow:inset 0 0 0 9px #ffffff4d;filter:grayscale(100%);height:300px;justify-self:center;object-fit:fit;order:1;width:300px}@keyframes profile__animate{0%{background-color:#f0f0f0;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{background-color:#e0e0e0;border-radius:50% 50% 40% 60%/50% 50% 40% 60%}50%{background-color:#d0d0d0;border-radius:30% 60% 70% 40%/50% 60% 30% 60%}75%{background-color:#e0e0e0;border-radius:50% 40% 60% 50%/60% 50% 40% 50%}to{background-color:#f0f0f0;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes background__animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transition:border-radius 4s ease}25%{border-radius:70% 30% 50% 50%/50% 70% 40% 60%;transition:border-radius 4s ease}50%{border-radius:80% 20% 40% 60%/65% 35% 55% 45%;transition:border-radius 4s ease}75%{border-radius:50% 50% 60% 40%/60% 40% 70% 30%;transition:border-radius 4s ease}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transition:border-radius 4s ease}}.gradient-text{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(45deg,#6a5acd,#00bfff);color:#0000;font-family:Courier New,Courier,monospace;font-size:42px;font-weight:700;margin:0}br{margin:0;padding:0}.home-title{color:#333;font-size:40px;font-weight:800;line-height:50px}.home-description{color:#444;font-size:14px;margin-bottom:10px;width:100%}.home-link{background-color:#333;border-radius:40px;color:#fff;display:flex;justify-content:space-between;margin-top:8px;padding:14px;text-align:center;width:100px;width:120px}.home-link:hover{background-color:#333333b2}@media (max-width:768px){.hero-image-container{width:300px}.hero-image{height:200px;width:200px}}@media (max-width:626px){.hero-detail-container{margin-top:0}.hero-image-container{align-items:center;border-radius:50%;display:flex;height:200px;justify-content:center;width:50%}.hero-image{height:150px;width:150px}.home-description{font-size:14px;margin:10px;width:80%}.hero-detail{align-items:center;width:100%}.line-space{display:none}}@media (max-width:407px){.gradient-text{font-size:26px;font-weight:900;margin-top:-20px}.home-title{color:#333;font-size:20px;font-weight:800;line-height:50px;margin:0}.home-description{font-size:14px;font-size:13px;margin:0;width:80%}.home-link{background-color:#333;border-radius:40px;color:#fff;font-size:14px;margin-top:8px;padding:10px;text-align:center;width:100px}}.project-cards{animation:fadeIn .7s ease forwards;background-color:#fdfdfd;border-radius:20px;box-shadow:2px 6px 16px #0000004d;cursor:pointer;display:flex;flex-direction:column;height:220px;justify-content:space-between;margin:10px;overflow:hidden;padding:10px;position:relative;transition:transform .4s ease,box-shadow .4s ease;width:280px}.project-cards:hover{box-shadow:0 10px 20px #0000004d}.project-card-image-container{border-radius:15px;height:80%;overflow:hidden;position:relative;width:100%}.project-card-image{border-radius:15px;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease;width:100%}.image-overlay{background:linear-gradient(135deg,#47474780,#42424280);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.project-cards:hover .image-overlay{opacity:1}.project-cards:hover .project-card-image{filter:brightness(1.15);transform:scale(1.08)}.project-card-detail{align-items:center;display:flex;height:20%;justify-content:center}.project-card-title{color:#333;font-size:1.1rem;font-weight:600;letter-spacing:.5px;text-transform:capitalize;transition:color .3s ease}.project-cards:hover .project-card-title{color:#3b3b3b}.project-container{background:#fff;justify-content:center;scroll-behavior:smooth;width:100%}.project-container,.projects{align-items:center;display:flex;flex-direction:column}.projects{flex-wrap:wrap;justify-content:space-between}.project-nav{flex-direction:column;justify-content:space-around;margin:50px 0}.pageCounter,.project-nav{align-items:center;display:flex}.counter{background:#00000031;border-radius:50%;height:8px;margin:2px;transition:all .1s ease-in-out;width:8px}.active{background:#333;height:10px;width:10px}.project-title{align-items:center;color:#333;display:flex;font-size:25px;font-weight:700;height:50px;justify-content:center;width:400px}.resume-link{margin-bottom:30px;margin-top:-20px;text-decoration:underline}.project-list{flex-wrap:wrap;height:100%;transform:all 1s ease-in-out;width:100%}.project-list,.project-title-arrow{align-items:center;display:flex;justify-content:center}.project-title-arrow{border-radius:50%;cursor:pointer;height:40px;width:40px;&:hover{background-color:#99999924}}.current-project-name{width:400px}.current-project-name,.paginationLink{align-items:center;display:flex;justify-content:center}.paginationLink{flex-direction:column}.pagination{margin-bottom:40px;margin-top:20px;width:50%}.pagination,.pagination-number{align-items:center;display:flex;justify-content:center}.pagination-number{background-color:#21212122;border-radius:10px;color:#000;cursor:pointer;height:30px;margin-right:10px;padding:10px;width:70px;&:hover{transform:translateY(-2px);transition:all .1s ease-in-out}}.selected-pagination{background-color:#0095ff;color:#fff}@media (max-width:513px){.project-container{margin:0;padding:0}.projects{position:relative;width:100%}.project-list{margin-bottom:80px}.paginationLink{background-color:#fff;bottom:0;height:80px;margin:0;position:fixed;width:100%}.pagination{margin-bottom:5px}.resume-link{margin:0 0 5px}.project-nav{background:#fff;height:80px;margin:0 0 40px;position:sticky;top:0;width:100%;z-index:1000}.current-project-name{align-items:center;display:flex;justify-content:center;width:200px}.project-title{width:75%}}.login-section{align-items:center;background:#00000082;height:100vh;width:100vw;z-index:1000}.err-msg,.login-section{display:flex;justify-content:center}.err-msg{color:red;margin-top:15px}.login-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:40px;width:100%}.login-title{font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-label{color:#333;font-size:14px;margin-bottom:5px}.form-input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;transition:border-color .3s;width:100%}.form-input:focus{border-color:#007bff;outline:none}.form-check{align-items:center;display:flex}.form-checkbox{margin-right:10px}.form-label-check{color:#555;font-size:14px}.login-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s;width:100%}.login-button:hover{background-color:#0056b3}.login-footer{margin-top:20px;text-align:center}.signup-link{color:#007bff;text-decoration:none}.signup-link:hover{text-decoration:underline}:root{--body-color:hsl(var(--hue),var(--sat),98%);--container-color:#fff;--body-font:"Poppins",sans-serif;--big-font-size:3.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}&::-webkit-scrollbar{display:none}body{background-color:hsl(var(--hue),var(--sat),98%);background-color:var(--body-color);color:#777;overflow-x:hidden;position:relative}h1,h2,h3{color:var(--title-color);font-weight:var(--font-semi-bold)}ul{list-style-type:disc}li,ul{color:#333}li{line-height:1.5}a{text-decoration:none}.footer{align-items:center;background-color:#848484;color:#fff;display:flex;justify-content:center;width:100%}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.section{align-items:center;display:flex;height:100vh;justify-content:center;padding:4rem 0 2rem;scroll-snap-align:start;width:100%}.sections{height:100vh;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.container{margin-left:auto;margin-right:auto;max-width:968px}.button{background-color:var(--title-color);border-radius:1rem;color:#fff;color:var(--container-color);display:inline-block;font-weight:var(--font-medium);padding:1.25rem 2rem}
/*# sourceMappingURL=main.a2e59d89.css.map*/