.item-frontground:hover+.item-background{display:flex;letter-spacing:.25rem;opacity:.1}.nav__menu .line{--foreground:#121331;position:relative;background-color:transparent;height:2px;width:24px;display:block;margin:6px;border-radius:20px}.nav__menu .line:before{content:"";position:absolute;height:100%;top:0;right:0;background-color:#121331;transition:all .5s ease}.nav__menu .line--st:before{width:50%}.nav__menu .line--nd:before{width:75%}.nav__menu .line--rd:before{width:100%}.nav__menu.close .line--st:before{width:0;opacity:0}.nav__menu.close .line--nd:before{width:100%;rotate:45deg}.nav__menu.close .line--rd:before{margin-top:-16px;width:100%;rotate:-35deg}.nav__list{transition:transform .4s ease-in-out,opacity .4s ease-in-out}@media screen and (max-width:640px){.nav__list{transform:translateY(100%);opacity:0}}.nav__list.closed{transform:none;opacity:1}@keyframes type-text{0%{width:0}50%{width:100%}to{width:0}}@keyframes blink{0%,to{border-right:2px solid #fff}50%{border-right:2px solid hsla(0,0%,100%,0)}}.typing-text{max-width:560px;overflow:hidden;white-space:nowrap;border-right:2px solid #fff;animation:type-text 4s steps(24) infinite,blink 1s infinite}.home-icon:hover span{display:block}.home-icon span{display:none}.highlight-box{box-shadow:0 25px 50px -12px rgba(82,191,145,.251)}@keyframes rotate{0%,to{rotate:-15deg}50%{rotate:15deg}}.logo-card:hover>.hey{opacity:1;animation:rotate 1s infinite}.home__img{width:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;animation:profile__animate 8s ease-in-out 1s infinite}@keyframes profile__animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.about__img{border-radius:24px}.project-card{margin:-16px;padding:24px;overflow:hidden;border-radius:.25em}.project-card:hover .project-background{width:1000px;background-color:rgba(65,152,115,.624);border-radius:0;height:100px;margin:0}.project-card:hover .project-name{color:#fff}.project-background{transition:all .5s ease;position:absolute;height:0;width:0;margin:40px 0 0 40px;top:0;left:0}