#celebration{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}body:has(#celebration){overflow:hidden;margin:0}#celebration[celebrationIcon=cake]{background-image:radial-gradient(circle,#ffdada,#ffffda);background-size:200% 400%;background-position:center 0%}#celebration[celebrationIcon=flowers]{background-image:radial-gradient(circle,#daffda,#ffffda);background-size:200% 400%;background-position:center 0%}#celebration[celebrationIcon=wedding]{background-image:radial-gradient(circle,#fdd,#ffefef);background-size:200% 400%;background-position:center 0%}#celebration[celebrationIcon=rings]{background-image:radial-gradient(circle,#fff0c0,#def4fd);background-size:200% 400%;background-position:center 0%}#celebration[celebrationIcon=briefcase]{background-image:radial-gradient(circle,#fadaaa,#dfdfdf);background-size:200% 400%;background-position:center 0%}#celebration[celebrationIcon=money]{background-image:radial-gradient(circle,#c2fcd5,#fcfdbb);background-size:200% 400%;background-position:center 0%}#celebration[celebrationIcon=champagne]{background-image:radial-gradient(circle,#fdd,#ffefef);background-size:200% 400%;background-position:center 0%}#celebration main{display:flex;flex-direction:column;align-items:center;justify-content:center}#celebration .celebrationTitle{text-align:center;width:50vw}#celebration .celebrationIcon{width:20vw}#celebration .celebrationMessage{font-size:20px;width:50vw;text-align:center}@media (max-width: 768px){#celebration .celebrationIcon{width:30vw}#celebration .celebrationTitle,#celebration .celebrationMessage{width:60vw}}@media (max-width: 480px){#celebration .celebrationIcon{width:50vw}#celebration .celebrationTitle,#celebration .celebrationMessage{width:90vw}}