*{margin:0;padding:0}:root{font-family:Zen Kaku Gothic New,system-ui,Avenir,Helvetica,Arial,sans-serif;--primary-color: #3c82c4;--secondary-color: #ffc42c;--tertiary-color: #c3d93c;--light-color: #fff5ec;--dark-color: #0f3a3f;--accent-color: #f05b89;line-height:1.5;font-weight:400;background-color:var(--light-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;min-width:320px;min-height:100vh;background:url(/img/bg.png) no-repeat;background-size:cover;justify-content:center;align-items:center;overflow:auto}.card{background-color:var(--primary-color);border-radius:1rem;display:flex;flex-direction:column;font-family:Zen Kaku Gothic New,sans-serif;width:25%;min-width:320px;transform:translateZ(0);overflow:hidden;margin:1rem 0rem;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;padding-bottom:2rem;color:var(--light-color)}h3{color:var(--secondary-color);font-family:Pacifico,cursive}img{max-width:100%}.header-image-container{min-height:12rem;position:relative}.wave{bottom:-2px;left:-2px;position:absolute;width:calc(100% + 4px)}.details{border-left:1px dashed var(--secondary-color);padding-left:1.5rem;margin:1.5rem}ul{list-style-type:none}li{display:flex;padding:0 1.25rem;margin-bottom:1.25rem}li div:first-of-type{align-self:flex-start;height:42px;margin-right:.8125rem;width:42px}li span{flex:1 1 0%;font-size:1.1rem;line-height:1.5em;margin:0;white-space:pre-wrap;padding-top:.35rem}li:hover{background:var(--light-color)}li:hover span{color:var(--primary-color)}button{-webkit-box-align:center;align-items:center;background-color:var(--light-color);border-radius:100%;color:var(--primary-color);display:inline-flex;height:100%;-webkit-box-pack:center;justify-content:center;padding:0;transition-duration:.3s;transition-property:background-color,color;width:100%;border:none}button svg{width:24px}.icon{width:24px}.save-contact-container{min-height:2.5rem;background:var(--accent-color);position:fixed;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;margin-top:2rem}.save-contact-link{display:flex;align-items:center;justify-content:center;font-weight:700}a{text-decoration:none;color:var(--light-color)}.save-contact-link svg{width:24px;margin-right:5px}@media screen and (max-width: 420px){body{background:var(--light-color)}.card{margin:0;min-width:100%;border-radius:0%}}