body{margin:0;padding:0}.page{height:100vh}.container{width:100%;height:95%;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(111.4deg,#f67f81 1%,#fccb8c 58%);font-family:sans-serif}center{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:70%;max-width:400px;min-width:150px;height:200px;border-radius:20px;background-image:linear-gradient(111.4deg,#fadab2 1%,#fba491 58%);margin:0 auto;padding:20px}.head{font-size:16px}.counter{font-size:80px;font-weight:700;color:#d4695a}.button{padding:10px 20px;margin:0 10px;font-size:16px;font-weight:700;border:none;border-radius:5px;background-image:linear-gradient(45deg,#456bf2 1%,#8fa7fc 58%)}.button:hover{opacity:70%}.footer{padding:10px;display:flex;justify-content:space-between;align-items:center;font-family:sans-serif}.footer a{color:#000;text-decoration:none}.social-media{display:flex;padding:0 20px;gap:20px}.icon{width:20px;height:20px}.copyright .icon{width:15px;height:15px}@media only screen and (max-width: 300px){.buttons{display:flex;flex-direction:column;margin:5px}center{height:300px}.button{margin:5px;padding:5px 10px}.footer{flex-direction:column}.social-media{margin-top:5px}}