.hero{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:20px;box-sizing:border-box;text-align:center}.auth-img{height:250px;width:250px;border-radius:50%;overflow:hidden;margin:120px auto auto;transition:1s;background:linear-gradient(90deg,#f93,#fff,#138808);display:flex;align-items:center;justify-content:center}.auth-img img{height:97%;width:97%;border-radius:50%;object-fit:cover}.auth-img:hover{transform:scale(1.05)}h1{font-size:1.8rem;text-align:center}span{background:linear-gradient(45deg,orange,green);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.2rem}.action{display:flex;align-items:center;margin-bottom:100px;gap:20px;font-size:22px;font-weight:500;flex-wrap:wrap;justify-content:center}a{color:#000;text-decoration:none}.act-linkdin,.act-resume{padding:15px 35px;border-radius:50px;text-align:center;color:#fff;transition:.3s}.act-linkdin{background:linear-gradient(45deg,orange,green)}.act-linkdin:hover{border:2px solid grey}.act-resume{border:2px solid green;background:#fff;color:green}.act-resume:hover{border:2px solid grey}@media (max-width: 768px){.auth-img{height:200px;width:200px;margin-top:80px}h1{font-size:1.5rem}.action{flex-direction:column;margin-bottom:50px;gap:10px}.act-linkdin,.act-resume{padding:10px 25px;font-size:18px}}@media (max-width: 480px){.auth-img{height:150px;width:150px;margin-top:60px}h1{font-size:1.2rem}span{font-size:1.5rem}.action{flex-direction:column;margin-bottom:30px;gap:10px}.act-linkdin,.act-resume{padding:8px 20px;font-size:16px}}.nav-bar{height:60px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:18px;margin-top:10px;padding:0 20px;box-sizing:border-box}ul{display:flex;gap:30px;margin-left:20px}ul>li{list-style-type:none;margin-top:4px;font-weight:500;letter-spacing:.05rem}.git{width:32px;height:auto;border-radius:15px;transition:all .18s ease-in-out}.git:hover{box-shadow:0 0 6px 4px #1e64ff80;transform:scale(1.2)}.nav-con{padding:10px 30px;background:linear-gradient(45deg,orange,green);border-radius:20px;color:#fff;font-weight:500;font-size:1rem;transition:.6s}.nav-con:hover{transform:scale(1.05)}.anchor-link{text-decoration:none;color:#000;list-style-type:none;transition:all .1s;margin-top:4px}.anchor-link:hover{transform:scale(1.05)}@media (max-width: 768px){.code-logo{display:none}.nav-bar{flex-direction:column;height:auto;padding:10px}ul{flex-direction:column;gap:10px;margin:10px 0;width:100%;align-items:center}ul>li,.anchor-link{margin:5px 0}.nav-con{margin-top:10px;padding:10px 20px}}.projects{min-height:100vh;width:70%;margin:auto;padding-bottom:100px;box-sizing:border-box}.projects>h2{margin-top:150px;text-align:center;font-size:60px;font-weight:700;letter-spacing:-1px;word-spacing:20px}.project-container{margin-top:100px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:50px}@media (max-width: 768px){.projects{width:90%}.projects>h2{font-size:45px;margin-top:100px}.project-container{gap:30px}}@media (max-width: 480px){.projects{width:100%;padding:0 10px}.projects>h2{font-size:30px;margin-top:70px}.project-container{gap:20px}}.main-container{flex:1 1 300px;display:flex;justify-content:center}.container{height:200px;width:100%;max-width:300px;border-radius:10px;transition:all 1s;position:relative}.container img{height:100%;width:100%;position:absolute;z-index:-1;border-radius:5px}.pop-up{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;border-radius:10px;position:absolute;display:none;transition:all 2s}.pop-up h2{font-size:1.7rem;align-self:flex-end;padding:14px;background:linear-gradient(45deg,orange,green);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}.pop-up .logo{font-size:1.2rem;padding:14px;align-self:flex-end;color:green}.container:hover img{opacity:.28}.container:hover .pop-up{display:flex}.container:hover{transform:scale(1.05)}@media (max-width: 768px){.container{height:180px;max-width:270px}.container img,.pop-up{height:100%;width:100%}.pop-up h2{font-size:1.5rem;padding:12px}.pop-up .logo{font-size:1rem;padding:12px}}@media (max-width: 480px){.container{height:150px;max-width:240px}.container img,.pop-up{height:100%;width:100%}.pop-up h2{font-size:1.2rem;padding:10px}.pop-up .logo{font-size:.9rem;padding:10px}}.contact-page{width:76%;height:100vh;display:flex;gap:100px;align-items:center;justify-content:center;flex-direction:column;position:relative;margin:0 auto;padding-top:40px}.contact-page>h2{text-align:center;font-size:40px;position:absolute;top:50px}.contact-container{display:flex;background:#a0a0a0;padding:40px;height:70%;border-radius:10px;margin-top:20px}.left{min-width:50%;max-width:50%;display:flex;align-items:flex-start;flex-direction:column;gap:20px;padding-top:30px}.left h2{font-size:2rem}.left p{font-size:.9rem;width:70%}.details .det{display:flex;align-items:center;gap:10px;margin-top:10px}.right{min-width:50%;max-width:50%;display:flex;align-items:center;flex-direction:column;gap:10px;background:#595753;padding:10px;border-radius:10px}.right input{width:80%;padding:10px;background:#c9beab;color:#32323c;border:none;font-size:.9rem;border-radius:5px;outline:none}.right label{margin-top:10px;align-self:flex-start;margin-left:9%}.right textarea{width:80%;height:150px;border:none;background:#c9beab;padding:10px;color:#32323c;font-size:1rem;border-radius:5px;max-width:80%;min-width:50%;align-self:flex-start;margin-left:9%;min-height:40%;outline:none}.submit{padding:10PX 15PX;border:none;border-radius:6px;margin-top:10px;font-size:.8rem;background:#c9beab;color:#32323c;transition:all .8s}.submit:hover{background:linear-gradient(45deg,orange,green);transform:scale(1.05);box-shadow:2px 2px 5px gray}.about-page{width:75%;margin:auto;padding:20px 0;display:flex;flex-direction:column;align-items:center}.about-page>h2{font-size:2.2rem;margin-bottom:20px}.top-section{display:flex;width:100%;margin-bottom:20px}.top-section .left-part{flex:1;display:flex;justify-content:center;align-items:center}.left-part img{max-width:60%;height:auto;border-radius:20px;margin:0 20px}.top-section .right-part{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px}.right-part p{font-size:.9rem}.about-skills .skill{display:flex;align-items:center;margin-top:5px;font-size:2rem}.skill p{min-width:150px;font-size:1.1rem;margin:0}.skill hr{flex:1;height:.9rem;border:none;border-radius:10px;background:linear-gradient(45deg,orange,green);margin-left:10px}.bottom-section{display:flex;width:100%;justify-content:space-between;align-items:center}.bottom-section hr{border:1.5px solid grey;border-radius:20px}.bottom-section h2{font-size:2rem;background:linear-gradient(45deg,orange,green);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.extra{transition:all .6s}.extra:hover{transform:scale(1.1);cursor:pointer}@media (max-width: 1024px){.about-page{width:90%}.left-part img{max-width:70%}.right-part p{font-size:.8rem}}@media (max-width: 768px){.about-page{width:100%;padding:10px}.top-section{flex-direction:column;align-items:center}.left-part img{max-width:50%;height:auto;margin:10px 0}.right-part{width:100%;padding:10px}.right-part p{font-size:.8rem}.about-skills .skill{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.skill p{min-width:auto;text-align:left}.skill hr{width:60%;margin-left:10px}.bottom-section{flex-direction:column;align-items:center;margin-top:20px}.bottom-section hr{display:none}.extra{margin:10px 0}}@media (max-width: 480px){.about-page>h2{font-size:1.8rem}.right-part p{font-size:.7rem}.bottom-section{flex-direction:row;align-items:center}.bottom-section .extra{display:flex;flex-direction:row;align-items:center;margin:5px 0}.bottom-section .extra h2{font-size:1.2rem;margin:0 5px}.bottom-section .extra p{font-size:.8rem;margin:0 5px}.left-part img{max-width:30%;height:auto;margin:10px 0}}.footer{width:100dvw;padding:10px;background:gray;border-top-right-radius:5px;border-top-left-radius:5px;margin:auto auto 100px;text-align:center}.footer .detail{transition:all 1s}.footer .detail:hover{transform:scale(1.01)}.footer hr{width:100%;background:#000;border:1px solid black;margin:8px 0}.footer .bottom-section{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:15px}.policy{display:flex;gap:10px;cursor:pointer}.copyright{margin-right:9px;margin-top:10px}@media (max-width: 768px){.footer{width:90%;padding:15px}.footer .bottom-section,.policy{flex-direction:column;align-items:center}.copyright{margin:5px 0}}@media (max-width: 480px){.footer{width:100%;padding:15px}.footer .detail h2{font-size:1.5rem}.footer .detail p{font-size:.8rem}.policy{gap:5px}.policy p{font-size:.9rem}.copyright{font-size:.8rem;margin-top:5px}}*{margin:0;padding:0}body{height:100vh;background:#fff;color:#000;font-family:outfit}