body{background-color:#00aeef;font-family:Open Sans,sans-serif;margin:0;padding:0}:root{--primary: #d1c4ff}.card-container{height:100vh;width:100vw;display:flex}.card{background-color:#fff;border-radius:10px;width:50vw;height:90vh;margin:auto;box-shadow:2px 4px 12px #00000080;background-image:url(./bg2b.145328aa.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;text-align:center;display:flex;flex-direction:column;place-content:space-between;color:#fff;text-shadow:0 0 7px black}.secondary-card{margin-right:auto;margin-left:auto;width:50vw;border-radius:5px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ffffff0d;padding:10px;text-align:center}dialog article{border-radius:20px;background-color:#f1edff}dialog article header{background-color:#d1c4ff}.accent-color{color:#cd00ff;text-shadow:0 0 7px #f3c0ff}.accent-color2{color:#4c0091;text-shadow:0 0 7px #f3c0ff}.links{display:flex;place-content:space-between;padding:20px}.links a,.links a:active,.links a:visited,.links a:focus{text-decoration:none}.close-links-container{text-align:center;margin-top:20px}.close-links{color:gray;text-transform:uppercase;display:block;margin:auto;font-size:smaller;text-decoration:none}.button,button{background-color:#4c0091;border-radius:20px;color:#fff;font-weight:700;font-size:1.2rem;text-shadow:none;padding:12px;cursor:pointer;min-width:25px;box-shadow:2px 4px 12px #00000080}.align-right{display:flex;flex-direction:row-reverse}@media only screen and (max-width: 950px){.card{width:80vw;height:90vh}.secondary-card{width:80vw}}@media only screen and (max-width: 500px){.card{width:100vw;height:100vh;background-position-x:center}.secondary-card{width:100vw}}@media only screen and (max-height: 550px){.card{width:100vw;height:100vh;background-position-x:center}.secondary-card{width:100vw}}