.blogCard{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;background-color:#181a1e;padding:1rem;border-radius:1.5rem;cursor:pointer;color:#fff}.blogCard:hover{background-color:transparent;box-shadow:0 0 .1rem .1rem #ffffff4d}.blogCardImage{width:100%;height:auto;border-radius:1.5rem}.blogCardHeading{display:flex;align-items:center;justify-content:space-between}.blogCardTitle{font-size:1.7rem;font-weight:700}.blogCardTitleHover{font-size:1.7rem;font-weight:400}.blogCardStack{display:block;margin-top:1em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project_description_container{margin-top:1em;height:80px}.project_description_text{font-size:1rem}.dot{color:#707b79;font-size:1.5em}.titleContainer{position:relative;overflow:hidden;height:8em;width:100%}.textLine{position:absolute}.line1-enter{top:0;opacity:1;transition:all .2s ease-in-out}.line1-exit{top:-50px;opacity:0;transition:all .5s ease-in-out}.line2-enter{top:0;opacity:1;transition:all .5s ease-in-out}.line2-exit{top:50px;opacity:0;transition:all .2s ease-in-out}.tech_stack_icons{height:2.5rem;width:2.5rem}@media (min-width: 991px) and (max-width: 1440px){.blogCardTitle,.blogCardTitleHover{font-size:clamp(18px,calc(1.77778vw + .4px),26px)}.project_description_text{font-size:clamp(11px,1.11111vw,16px)}.tech_stack_icons{height:clamp(24px,calc(3.55556vw - 10px),40px);width:clamp(24px,calc(3.55556vw - 10px),40px)}.project_description_container{height:clamp(52px,calc(6.22222vw - 9.6px),80px)}.titleContainer{height:clamp(90px,calc(8.44444vw + 6.4px),128px)}}@media (max-width: 990px){.blogCardTitle,.blogCardTitleHover{font-size:2rem}.tech_stack_icons{height:2rem;width:2rem}.project_description_container{margin-top:1em;height:60px}.project_description_text{font-size:1.2rem}}@media (max-width: 768px){.blogCardTitle,.blogCardTitleHover{font-size:1.5rem}.blogCardStack{margin-top:0}.tech_stack_icons{height:1.5rem;width:1.5rem}.project_description_text{font-size:1.1rem}}@media (max-width: 480px){.blogCardTitle,.blogCardTitleHover{font-size:1.25rem}.tech_stack_icons{height:1.25rem;width:1.25rem}.project_description_text{font-size:1rem}}