.menu:hover a:not(:hover){transform:scale(.95);opacity:.7}.menu a:hover{transform:scale(1);opacity:1}.navigation{display:flex;flex-direction:column;align-items:center;width:30%;margin-top:8%}#info-about{font-size:24px;margin:10% 3% 0;font-weight:400}.text{display:flex;flex-direction:column}.content{width:55%;display:flex;height:100%;z-index:1}.card{display:flex;flex-direction:column;gap:10%;width:88%;padding:8% 5.5%;background-color:#f9fbf8;border:1px solid #ccc;text-align:center;font-size:24px;border-radius:2%;height:fit-content}.card_title{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;overflow:hidden;padding-bottom:4%}.titleoftheproject{color:#281600;text-align:left;font-size:32px;border-style:hidden;outline:none;font-weight:400;margin:0}.card_content{display:flex;flex-direction:column;width:100%;height:fit-content;padding:0}.card_image{aspect-ratio:5/4;width:100%}.card_description{padding-top:3.5%;color:#409919;text-align:left;font-size:20px;border-style:hidden;outline:none;width:100%;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}#info-portfolio{width:100%;margin:4%}.portfolio_content{display:grid;grid-template-columns:1fr 1fr;gap:4%;width:100%;margin:0;padding:0;overflow-y:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.portfolio_content::-webkit-scrollbar{display:none}.contact-link{margin-left:10%;display:flex;flex-direction:row;gap:5%;align-items:center}#info-contact{margin-top:10%}.contacts-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:5%;width:100%}.contacts-list a{color:inherit;text-decoration:none}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.info{transition:opacity .5s ease-in-out}.info.show{animation:slideIn 1s forwards;display:flex}.info.hide{animation:slideOut 1s forwards;display:none}