@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@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);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}a{color:#cec8c8;text-decoration:none}body{background-color:#111}.gif{opacity:.6;position:absolute;z-index:-1}.vertical-navigation{align-items:center;background-color:#000;color:#fff;display:flex;gap:50px;height:100vh;padding:20px;position:fixed;text-orientation:mixed;text-transform:uppercase;top:0;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.horizontal-navigation{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:20px 50px;width:100%}.horizontal-navigation button{background-color:transparent;border:1px solid #0af698;border-radius:5px;color:#0af698;cursor:pointer;font-size:1.2rem;padding:10px}.horizontal-links{font-size:2rem;padding-left:50px}.nav-hover{cursor:pointer;transition:.2s}.nav-hover:hover{color:#0af698}.horizontal-text{color:#0af698;font-size:1.2rem;font-weight:500;text-orientation:mixed;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}main{align-items:center;gap:200px;height:auto;width:100%}.main-intro,main{display:flex;flex-direction:column;justify-content:center}.main-intro{align-items:flex-start;color:#fff;height:50vh;width:60%}.main-intro a{margin-top:20px}.main-intro .Typewriter{color:#0af698;font-size:6rem;font-weight:700}.button-1{background-color:#0af698;border:0;border-radius:5px;color:#111;cursor:pointer;font-size:1.6rem;font-weight:500;outline:0;padding:5px}.main-about{display:flex;flex-direction:column;width:60%}.about-content{display:flex;justify-content:space-between;margin-top:20px;width:100%}.about-content-left{color:#c4c5cb;display:flex;flex-direction:column;font-size:1.2rem;gap:30px;width:70%}.about-content-right{display:flex;flex-direction:column;gap:20px;width:20%}.about-content-right h1{font-size:2rem}.about-content-right .skills{color:#cec8c8;display:flex;flex-wrap:wrap;gap:5px;width:100%}.about-content-right .skills p{background-color:#232323;border-radius:10px;font-size:1.2rem;padding:5px}.main-projects{display:flex;flex-direction:column;width:60%}.projects{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.project-card{display:flex;flex-direction:column;gap:10px;margin-bottom:100px;width:50%}.project-card .image-box{align-items:flex-end;background-color:#232323;border-radius:10px;display:flex;height:200px;justify-content:center;overflow:hidden;width:90%}.project-card .image-box:hover img{-webkit-transform:scale(1.1) rotate(2deg);transform:scale(1.1) rotate(2deg)}.project-card img{height:auto;min-width:150px;overflow:hidden;transition:.3s ease;width:70%}.project-card .project-title{align-items:center;display:flex;font-size:1.3rem;justify-content:space-between;width:90%}.project-card .project-title h1{color:#fff;font-size:1.4rem;font-weight:700}.project-card .project-title a{color:#c4c5cb;text-decoration:none}.project-card .project-description{display:flex;flex-direction:column;gap:20px;width:90%}.project-card .project-description h1{color:#0af698;font-size:1.2rem}.project-card .project-description p{color:#c4c5cb;font-size:1rem}.section-title{border-bottom:2px solid #232323;color:#fff;font-size:4rem;font-weight:700}.section-title span{color:#0af698}.main-experience{width:60%}.exp,.main-experience{display:flex;flex-direction:column}.exp{align-items:flex-start;gap:10px;justify-content:flex-start;margin-top:40px;width:100%}.exp p{color:#c4c5cb}.exp .exp-t1{display:flex;justify-content:space-between;width:100%}.exp .exp-t1 h1{color:#fff;font-size:1.3rem}.exp .exp-t1 p{color:#c4c5cb}.exp .exp-skill{display:flex;gap:20px}.exp .exp-skill p{background-color:#232323;border-radius:10px;font-size:.9rem;padding:5px}.main-contact{color:#cec8c8;display:flex;flex-direction:column;margin-bottom:200px;text-align:center;width:60%}.main-contact a{color:#cec8c8;font-size:2rem;margin:0 20px;text-decoration:none;transition:.2s ease}.main-contact a:hover{color:#0af698}@media only screen and (max-width:1100px){.about-content{display:block}.about-content-left{width:100%}.about-content-right{margin-top:20px;width:100%}}@media only screen and (max-width:850px){main{padding-left:50px}.projects{display:block}.project-card{width:100%}.project-card .image-box{height:auto}}@media only screen and (max-width:720px){.section-title span{display:none}}@media only screen and (max-width:570px){main{padding-left:0}}
/*# sourceMappingURL=main.d97d3108.css.map*/