body {
    background-color: #A00F28;
    color: white;
    overflow-y: hidden;
	width: auto;
	height: 100vh;
}

main {
    width: 40%;
}
a {
    color: white;
}
.animation {
	width: 100%;
	height: auto;
    display: flex;
    z-index: -1;
    position: absolute;
    justify-content: center;
    align-items: center;
    bottom: 2rem;
    transform-origin: 50% 50%;
    animation: backen 4s ease-in-out forwards;
}
  
@keyframes backen {
    from { 
      transform: scale(1); 
    }
    to { 
        transform: scale(7); 
    }
}
/* iPad */
@media (max-width: 1040px) {
    main {
        width: 90%;
    }
	@keyframes backen {
      from { 
         transform: scale(1); 
       }
       to { 
           transform: scale(5); 
       }
    }
}
/* Mobile */
@media (max-width: 760px) {
	.animation {
		transform-origin: 65% 65%;
	}
    @keyframes backen {
        from { 
          transform: scale(1); 
        }
        to { 
            transform: scale(3); 
        }
    }
}
@media (max-width: 375px) {
    body {
        height: 100vh;
    }
    .animation {
    transform-origin: 70% 70%;
    }
}