@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap"); body { display: flex; justify-content: center; font-family: "Roboto", sans-serif; background-color: #4158d0; background-image: linear-gradient( 43deg, #4158d0 0%, #c850c0 46%, #ffcc70 100% ); height: 100vh; } main { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 400px; height: 200px; background: rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); border: 1px solid rgba(255, 255, 255, 0.3); } h1 { margin: 10px 0; } .btn-reset { margin-top: 20px; padding: 10px 20px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); border: 1px solid rgba(255, 255, 255, 0.3); } .btn, input { padding: 5px 10px; background: rgba(255, 255, 255, 0.2); border-radius: 5px; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); border: 1px solid rgba(255, 255, 255, 0.3); } input { width: 100px; } .btn-reset:hover, .btn:hover { cursor: pointer; }