@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&family=Poppins:wght@400;500;600;700;800&display=swap);.container{grid-gap:20px;align-items:center;background-color:#2f2f2f;display:grid;gap:20px;grid-template-columns:4.32fr 7.68fr;padding:40px 5rem 40px 40px;position:fixed}.home_img{background:linear-gradient(to bottom right,#333,#111);border:2px solid red;border-radius:30px;box-shadow:0 0 10px #d01111;height:75%;max-height:100vh;object-fit:cover;-webkit-transform:translate(7%,-6%);transform:translate(7%,-6%);z-index:1}.home_content{color:#fff;padding-inline:4rem;text-align:left}.name{font-family:Poppins,sans-serif;font-size:3rem;font-weight:600;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.data{font-size:1.1rem;font-weight:400;letter-spacing:1.2px;line-height:1.3;text-align:justify}p{font-family:Open Sans,sans-serif}.animation span{-webkit-animation:fadeIn 2s ease-in-out forwards;animation:fadeIn 2s ease-in-out forwards;color:#ff4646;font-size:1.5rem;font-weight:600;opacity:0}.background_img,.background_img_2{height:70%;opacity:.2;position:absolute;right:-25rem;top:-5rem;width:70%;z-index:-1}.background_img,.background_img_2{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.background_img_2{opacity:.1;right:-2rem;top:6.6rem}@media screen and (max-width:768px){.container{position:relative}.container,.home_content{text-align:center}.container{grid-template-columns:1fr;justify-items:center;padding:5rem 0}.home_img{height:auto;max-width:60%;-webkit-transform:translate(0);transform:translate(0)}.home_content{padding:2rem}.name{font-size:2rem}.data{margin-block:1rem;text-align:center}.background_img,.background_img_2{display:none}}.animation span:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.animation span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.animation span:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.animation span:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.animation span:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}.animation span:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}.animation span:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s}.animation span:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s}.animation span:nth-child(9){-webkit-animation-delay:.9s;animation-delay:.9s}.animation span:nth-child(10){-webkit-animation-delay:1s;animation-delay:1s}.animation span:nth-child(11){-webkit-animation-delay:1.1s;animation-delay:1.1s}.animation span:nth-child(12){-webkit-animation-delay:1.2s;animation-delay:1.2s}.animation span:nth-child(13){-webkit-animation-delay:1.3s;animation-delay:1.3s}.animation span:nth-child(14){-webkit-animation-delay:1.4s;animation-delay:1.4s}.animation span:nth-child(15){-webkit-animation-delay:1.5s;animation-delay:1.5s}.animation span:nth-child(16){-webkit-animation-delay:1.6s;animation-delay:1.6s}.animation span:nth-child(17){-webkit-animation-delay:1.7s;animation-delay:1.7s}.animation span:nth-child(18){-webkit-animation-delay:1.8s;animation-delay:1.8s}.animation span:nth-child(19){-webkit-animation-delay:1.9s;animation-delay:1.9s}.animation span:nth-child(20){-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}.navbar{background-color:#1a1a1a;box-shadow:0 4px 20px rgba(229,10,10,.7);font-family:Poppins,sans-serif;height:7vh;justify-content:center;letter-spacing:2px;position:fixed;top:0;width:100%;z-index:10}.nav-menu,.navbar{align-items:center;display:flex}.nav-menu{gap:3rem}.nav-links{color:#686868;position:relative;text-decoration:none;transition:color .3s ease-in-out}.nav-links.active{color:red;font-weight:700}.nav-links.active:before{background-color:#fff}.nav-links:before{background-color:#686868;bottom:-5px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all .3s ease-in-out;visibility:hidden;width:100%}.nav-links:hover{color:#fff}.nav-links:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}@media screen and (max-width:768px){.navbar{box-shadow:0 0 0 0}.nav-menu{align-items:center;display:flex;gap:1.3rem}.nav-links.active{color:red;font-weight:700}}.skills-container{background-color:#2b2b2b;color:#ddd;font-family:Poppins,sans-serif;padding:40px;position:relative;top:2rem;transition:color .2s ease-out}.skills-container:hover{color:#fff}.Newww{font-size:3rem;font-weight:700;margin-bottom:40px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.skills-grid{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));opacity:.8}.skills-grid:hover{opacity:1}.skill-card{background-color:#212121;border:1px solid #888;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.5);padding:30px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.skill-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.skill-content{text-align:left}.skill-title{color:coral;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.skill-description{font-size:1.1rem;letter-spacing:.5px;line-height:1.7;text-align:justify}.Experience-heading{font-size:3rem;font-weight:700;margin-bottom:40px;margin-top:80px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.experience-grid{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));opacity:.8}.experience-grid:hover{opacity:1}.experience-card{background-color:#212121;border:1px solid #888;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.5);padding:30px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.experience-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.experience-content{text-align:left}.experience-title{color:coral;font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.experience-company{color:#bbb;font-size:1.3rem;font-weight:600;margin-bottom:2rem;text-align:center}.experience-description{font-size:1.1rem;letter-spacing:.5px;line-height:1.7;text-align:justify}@media screen and (max-width:768px){.progressBar{display:none}}.project-container{align-items:center;background-color:#2f2f2f;color:#ddd;display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding:2em;position:relative;top:2rem;transition:color .2s ease-out}.project-container:hover{color:#fff}.New{color:#ddd;font-size:3rem;font-weight:700;margin-bottom:40px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:color .3s ease-in-out}.New:hover{color:#ff5252;text-shadow:4px 4px 8px rgba(0,0,0,.7)}.project-grid{grid-gap:2em;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1em;width:100%}.project-card{background-color:#212121;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.5);opacity:.8;transition:box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out}.project-card:hover{box-shadow:0 0 20px rgba(0,0,0,.2);opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.project-front .project-overlay{align-items:center;background:rgba(0,0,0,.5);border-radius:8px;display:flex;height:100%;justify-content:center}.project-title{color:#fff;font-size:1.4em;font-weight:600;text-align:center;transition:color .3s ease-in-out}.project-card:hover .project-title{color:#ff5252}.project-back{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1em}.project-tools{color:#bbb;font-size:1.2em;font-weight:500;margin-bottom:.5em}.project-description{color:#bbb;font-size:.9em;line-height:1.4em;margin-bottom:1em}.project-card:hover .project-description{color:#fff}.project-link-button{align-self:center;background-color:#ff5252;border:none;border-radius:4px;color:#fff;font-size:1em;padding:.5em 1em;transition:background-color .3s ease-in-out}.project-link-button:hover{background-color:#ff1744}.project-link-button a{color:#fff;text-decoration:none}.contact{background-image:linear-gradient(90deg,#ff5f6d,#ffcd6c);color:#fff;font-family:Poppins,sans-serif;margin-block:5rem;padding:40px;text-align:center}.contact h1{font-size:3rem;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.contact-container{align-items:center;-webkit-animation:appear 1s ease-in-out;animation:appear 1s ease-in-out;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;margin-top:40px}.contact-info{-webkit-animation:bob 1.5s ease-in-out infinite both;animation:bob 1.5s ease-in-out infinite both;margin-bottom:20px;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0)}.contact-info p{font-size:1.2rem;font-weight:600}.contact-links{display:flex;justify-content:center;margin-top:20px}.contact-link{background-color:#ff4646;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-right:10px;padding:8px 16px;text-decoration:none;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.contact-link:last-child{margin-right:0}.contact-link:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes appear{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bob{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bob{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media screen and (max-width:768px){.contact h1{font-size:2.3rem}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:#2f2f2f;font-family:Open Sans,sans-serif}p{font-family:Poppins,sans-serif}a{text-decoration:none}li{list-style:none}
/*# sourceMappingURL=main.a3bc039d.css.map*/