@keyframes bounce {0%, 20%, 50%, 80%, 100% { transform: translateY(0); }40% { transform: translateY(-30px); }60% { transform: translateY(-15px); }}#hero {background-image: url('../images/hero.svg');height: 100vh;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}#heroContent {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;width: 100%;color: white;}#heroArrow {position: relative;left: calc(50% - 16px);bottom: 25%;animation: bounce 2s infinite;}#renders, #code, #contact {padding: 2rem;display: flex;justify-content: space-around;align-items: center;gap: 0.75rem;}#renders { background-color: var(--color-background); flex-direction: row; }#code { background-color: var(--color-primary); flex-direction: row; }#contact { background-color: var(--color-background); flex-direction: column; }#renders-cta, #code-cta {max-width: 25%;display: flex;flex-direction: column;justify-content: center;gap: 1rem;}#renders-cta h1, #renders-cta h2, #renders-cta h3,#renders-cta h4, #renders-cta h5, #renders-cta h6,#code-cta h1, #code-cta h2, #code-cta h3,#code-cta h4, #code-cta h5, #code-cta h6 { margin: 0; }#contact-cta-text { text-align: center; }#contact input, #contact textarea {font-family: 'Nunito Semibold', sans-serif;font-size: medium;width: 30%;background-color: var(--color-primary);color: white;padding: 1rem;border-radius: 1rem;border: none;resize: none;}#contact textarea { height: 10rem; }#contact button { margin: 1rem; }#code #code-snippet {background-color: #191622;margin: 4rem;border-radius: 1rem;padding: 2rem;}#code-snippet a {color: inherit;}@media screen and (max-width: 768px) {#renders, #code, #contact { flex-direction: column; }#renders-cta, #code-cta { max-width: 100%; }#renders picture, #renders picture img { width: 271px; height: 384px; }#renders-cta-text h1 { font-size: 1.5rem; }#renders-cta-text h2 { font-size: 1rem; }#code-snippet { margin: 0 !important; font-size: 0.5rem; }#code-cta-text h1 { font-size: 1.5rem; }#code-cta-text h2 { font-size: 1rem; }#contact input, #contact textarea { width: 100%; }}