.btn,body.dark,h2{color:#fff}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}body.dark{background-color:#121212;background:linear-gradient(300deg,#000,#333,#121212,#777);background-size:240% 240%;animation:28s infinite gradient-animation}body.light{background-color:#f9f9f9;background:linear-gradient(300deg,#fff,#f9f9f9,#d6d6d6,#fff,#f9f9f9);background-size:300% 300%;animation:30s infinite gradient-animation;color:#000}h2{font-size:2.75rem;font-weight:900;background-color:#000;border-radius:2rem;display:block;padding:.5em;-webkit-user-select:none;-ms-user-select:none;user-select:none}h2:first-child{clip-path:inset(-1% 25% -1% 0)}h2:nth-child(2){position:absolute;background-color:#fff;color:#000;clip-path:inset(-1% -1% -1% 66%)}.container{text-align:center;max-width:400px}.text-box{position:relative;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.container img{max-width:100%;margin-bottom:20px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.btn,.form-control{border-radius:30px}.btn{background-color:#007bff}@keyframes gradient-animation{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}