*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(10deg,#75869e,#5a8561);font-family:sans-serif;padding:5rem 0 11.7rem}.container,.light{color:#ddd9d9;max-width:900px;margin:auto;padding:2rem 1.5rem 3rem;background:#2c2b2bb6;border-radius:16px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.container h1,.light h1{text-align:center;font-size:1.7rem;letter-spacing:2px}.appHead{border-radius:4px;display:flex;align-items:center;justify-content:space-between}.appHead img{height:4rem}.appHead button{all:unset;font-size:3rem;padding:.4rem .5rem;display:block;cursor:pointer}.appBody{text-align:center;padding:1.5rem;margin-top:4rem}.contents{text-align:center}.contents p{margin-top:1rem;font-size:2rem}.contents__footer{margin-top:8rem;display:flex;justify-content:center;gap:0 40px}.contents__footer button{all:unset;font-size:1.5rem;padding:.7rem 3rem;color:#fff;box-shadow:0 5px 10px 4px #72707039;border-radius:4px;cursor:pointer;transition:all .3s ease}.contents__footer button:hover{background-color:#79c4d3}.contents__footer button:active{background-color:#93e37d}.light{box-shadow:0 2px 10px #9593936a;background-color:#fff;color:#000}.light button{color:#000}@media screen and (max-width: 600px){body{padding:2rem .5rem}}@media screen and (max-width: 555px){.appHead{flex-direction:column;gap:30px 0}.contents__footer{flex-direction:column-reverse;gap:10px 0;text-align:center}}