@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.home-page{min-height:100vh;display:flex;justify-content:space-evenly;align-items:center;margin:0;padding:50px 0}.img-container img{width:auto;height:400px}.img-container .blob{background-size:cover;background-position:center center;margin:20px;box-shadow:0 5px 5px #055e27cc;animation:animate 5s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}@keyframes animate{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.btn-links{display:flex;justify-content:space-around;align-items:center}.btn-links button{padding:8px 12px;border:2px solid #6c6c6c;border-radius:30px;background-color:transparent;color:#6c6c6c;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #0000001a}.btn-links button:hover{background-color:#4a4a4a;color:#fff;border-color:#3a3a3a;box-shadow:0 6px 12px #0003}.txt-container{margin:100px 0 0}.txt-container h2,.txt-container h3{font-family:Nunito Sans,sans-serif;font-size:40px}.txt-container span{color:red;font-weight:700}.tech-stack{display:flex;justify-content:space-around}.tech-stack .skill-div{display:flex;align-items:center;margin:0 12px}.tech-stack img{width:50px;height:auto;margin:0 6px}.tech-stack h3{font-family:Rubik,sans-serif;font-size:14px;font-weight:400}.Typewriter .Typewriter__cursor{color:#868686}@media only screen and (max-width: 600px){.home-page{flex-direction:column;padding:20px}.img-container{margin-top:20px}.img-container img{height:250px}.txt-container{margin:40px 0;text-align:center}.txt-container h2,.txt-container h3{font-size:24px}.btn-links{display:flex;justify-content:space-between;width:100%}.btn-links button{margin:10px 0;width:auto}.tech-stack{flex-direction:column;align-items:center}.tech-stack .skill-div{margin:-10px}.tech-stack img{width:15px}}.project-container{display:flex;flex-direction:column;margin:50px 0;font-family:Rubik,sans-serif}.header{display:flex;justify-content:center;margin:40px 0}h2{font-size:26px;font-weight:500}.project{display:flex;padding:50px;align-items:center}.image-container{display:flex;justify-content:center;flex:1}.image-container img{width:auto;height:750px}.project-content{margin:100px 70px;width:50%}.project-content h3{font-size:35px}.project-content p{padding:20px 0;font-size:20px;font-weight:300;line-height:1.6}.tech-stack{margin:60px}.tech{display:flex}.tech h4{font-weight:400;margin:0}.tech img{height:auto;width:30px}.project-links{display:flex;justify-content:center;gap:15px;margin-top:20px}.project-links button{padding:10px 20px;background-color:#555;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s,transform .3s}.project-links button:hover{background-color:#dc2f2f;transform:scale(1.05)}.project-links button:focus{outline:none}.more-links{display:flex;justify-content:center;margin-top:40px}.more-links .more-btn{padding:15px 30px;background-color:#e10600;color:#fff;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:background-color .3s,transform .3s}.more-links .more-btn:hover{background-color:#a30500;transform:scale(1.05)}.more-links .more-btn:focus{outline:none}@media screen and (max-width: 768px){.project-container{margin:60px 10px}.project{flex-direction:column;padding:12px;margin-bottom:40px;background-color:#f4f4f4;border-radius:8px;box-shadow:0 4px 8px #0000001a}.image-container img{height:300px;-o-object-fit:cover;object-fit:cover}.project-content{margin:10px 0;width:100%}.project-content h3{margin-top:10px}.tech-stack{display:flex;gap:25px;justify-content:center;align-items:center}.more-links{text-align:center}.btn-links{flex-direction:column;align-items:center}.btn-links button{margin:5px 0}}.skills-container{display:flex;justify-content:space-evenly;min-height:100vh;padding:100px 20px}.category{margin:60px 0;text-align:center}.category h1{font-family:Rubik,sans-serif}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.icon-grid h4{font-family:Rubik,sans-serif;font-weight:400}.icon-grid .icon-item{text-align:center}.icon-grid .icon-item img{width:100px;height:auto;margin:0 10px}.icon-grid img{width:100px;height:auto;transition:transform .6s ease}.icon-grid img:hover{transform:scale(1.3)}@media (max-width: 600px){.skills-container{display:block;padding:40px}.icon-grid{display:flex;flex-wrap:wrap;grid-template-columns:1fr;gap:15px;background-color:#f4f4f4;border-radius:8px;box-shadow:0 4px 8px #0000001a}.icon-item{margin-bottom:10px}}@media only screen and (min-width: 2560px){.skills-container{margin:200px 0}}.timeline-container{position:relative;width:100%;min-height:100vh;padding:75px 0}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:"";position:absolute;width:6px;background-color:#000;top:0;bottom:0;left:50%;margin-left:-3px}.timeline-item{padding:10px 40px;position:relative;width:50%;margin-bottom:50px}.timeline-item.left{left:-5vh}.timeline-item.left2{margin-top:-20vh;left:-5vh}.timeline-item.right{margin-top:-20vh;left:50%}.timeline-item.right:before{content:" ";height:0;position:absolute;top:15px;width:0;z-index:1;right:30px;border:medium solid white;border-width:10px 0 10px 10px;border-color:transparent transparent transparent white}.timeline-item.left:before{content:" ";height:0;position:absolute;top:15px;width:0;z-index:1;left:30px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent}.timeline-content{background-color:#fff;position:relative}.timeline-content img{width:200px;height:auto;border:none}.timeline-content h2{margin-top:0;color:#333;font-family:Rubik,sans-serif}.timeline-content h3{color:#777;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.timeline-content p{margin-top:0;font-size:16px;width:90%;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.timeline-content li{margin-top:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media only screen and (max-width: 600px){.timeline-container{display:none}}.contact-container{display:flex;flex-direction:column;align-items:center;padding:8px;font-family:Rubik,sans-serif}.contact-container .main-container{text-align:start;margin:0 20px 15px 0}.contact-container .main-container h2{font-size:70px;font-weight:700;margin-bottom:.5rem;color:#000}.contact-container .main-container h3{font-size:32px;line-height:1.6;color:#1b1919;font-weight:400}.contact-container .main-container h3 span{font-weight:700;font-style:italic;color:#e44a45}.contact-container .form-container{width:100%;max-width:500px;margin-bottom:2rem;text-align:center}.contact-container .form-container form{display:flex;flex-direction:column;gap:1rem}.contact-container .form-container form input,.contact-container .form-container form textarea{width:100%;padding:.8rem;font-size:18px;border:1px solid #ccc;border-radius:4px;outline:none}.contact-container .form-container form input:focus,.contact-container .form-container form textarea:focus{border-color:#555}.contact-container .form-container form button{padding:.8rem 1.2rem;font-size:18px;color:#fff;background-color:#333;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.contact-container .form-container form button:hover{background-color:#555}.contact-container .form-container form .scroll-top-btn{position:absolute;right:2rem;width:45px;height:45px;border-radius:50%;background-color:#000;color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,color .3s ease}.contact-container .form-container form .scroll-top-btn:hover{background-color:#555;color:#fff}.contact-container .form-container p{margin-top:1rem;font-size:18px}.contact-container .form-container p a{color:#333;font-weight:700;text-decoration:none}.contact-container .form-container p a:hover{text-decoration:underline}@media (max-width: 768px){.contact-container{display:block;padding:20px 10px}.contact-container .main-container h2{font-size:44px}.contact-container .main-container h3{font-size:20px}.form-buttons{display:block;margin-right:0;position:relative}.scroll-top-btn{margin-top:22px;bottom:0}}@media only screen and (min-width: 2560px){.contact-container{margin:500px 0}}.navbar{position:fixed;top:0;right:0;width:100%;display:flex;justify-content:flex-end;z-index:1000;background-color:#fff;padding:10px 0}.navbar-left{flex:1}.brand{font-size:30px;font-weight:700;font-family:Rubik}.links{display:flex;gap:20px;padding-right:10px;align-items:center;justify-content:center}.item{color:#21262e;font-family:Rubik,sans-serif;margin-left:10px;font-size:30px;text-decoration:none}.item:hover{color:red;cursor:pointer;text-decoration:underline}.item:visited{color:"Rubik",sans-serif}.toggleButton{display:none}@media only screen and (max-width: 600px){.toggleButton{position:absolute;display:block;align-items:center;color:#fff;border:none;padding:10px;font-size:30px}}@media only screen and (max-width: 600px){.navbar .links{display:none}}@media only screen and (min-width: 2560px){.links .item{font-size:34px}}
