:root {
     --green: #66f7b3;
     --blue: #0089ff;
     --beige: #f7c6a1;
     --black: #111111;
     --white: #ffffff;
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Poppins', sans-serif;
 }

 body {
     background-color: var(--green);
     color: var(--white);
     overflow-x: hidden;
 }

 header {
     position: relative;
     width: 100%;
     height: 100dvh;
     background: url('storage/background.png') no-repeat center center/cover;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     text-align: center;
 }

 @media (max-width: 768px) {
     header {
         background: url('storage/background_mb.png') no-repeat center center/cover;
     }
 }

 footer {
     background-color: var(--blue);
     color: var(--white);
     text-align: center;
     padding: 1rem 0;
     font-size: 0.9rem;
 }

 @media (max-width: 768px) {
     h1 {
         font-size: 3rem;
     }

     h2 {
         font-size: 1.2rem;
         padding: 0 1rem;
     }
 }