@media screen and (orientation:landscape) and (max-height:500px){header{display:none}#landing{display:none}#about{display:none}#technologies{display:none}#info{display:none}#lifecycle{display:none}#values{display:none}#projects{display:none}footer{display:none}.title-heading{display:none}body{background:rgba(0,0,0,.8)}.rotate-mobile{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-areas:"text-rotate-empty" "text-rotate" "image-rotate" "image-rotate-empty";min-height:100vh;max-height:100vh;overflow-y:hidden}.rotate-mobile p{text-align:center;font-size:3rem;font-weight:900;color:#f5f5f5}.txt{grid-area:text-rotate}.phone{grid-area:image-rotate;text-align:center;transform:rotate(90deg);animation:3s rotate ease-in-out infinite}}