body{width:100%;height:100vh;margin:auto;display:flex;justify-content:center}.container,body{align-items:center}.container{flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:50px}.container p{color:#818181;animation:pmove 3s ease-in-out alternate;-webkit-animation:pmove 3s ease-in-out alternate}.container .rad-label,.container p{font-family:Verdana,Geneva,Tahoma,sans-serif;text-align:center}.container .rad-label{display:flex;align-items:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:100px;margin:10px 0;cursor:pointer;box-shadow:5px 5px 10px #b1b1b1}.container .rad-label:first-child{animation:labelmove 1.5s ease-in alternate;-webkit-animation:labelmove 1.5s ease-in alternate}.container .rad-label:nth-child(2){animation:labelmove 2s ease-in alternate;-webkit-animation:labelmove 2s ease-in alternate;padding:15px 55px 15px 15px}.container .rad-label:nth-child(3){animation:labelmove 2.5s ease-in alternate;-webkit-animation:labelmove 2.5s ease-in alternate;padding:15px 55px 15px 15px}.container .rad-label:focus-within,.container .rad-label:hover{background:rgba(0,0,0,.082)}.container .rad-label input{opacity:0}.container .rad-label input:checked+.container .rad-label input:before{transform:scale(0)}.container .rad-label input:checked~.rad-text{color:#141414}.container .rad-label .rad-design{width:13px;height:12px;border-radius:100px;background:#6231ec;position:relative}.container .rad-label .rad-design:before{content:"";display:inline-block;width:inherit;height:inherit;border-radius:inherit;background:#fff;transform:scale(1.1);transition:.3s;border:solid #6231ec}.container .rad-label .rad-input:checked+.rad-design:before{transform:scale(0)}.container .rad-label .rad-text{font-family:Verdana,Geneva,Tahoma,sans-serif;color:#6231ec;margin:0 0 0 14px;font-size:12px;transition:.3s;font-weight:700}.container .innerDiv{animation:mymove 4s ease-in-out alternate;-webkit-animation:mymove 4s ease-in-out alternate}@keyframes pmove{0%{opacity:.3}to{opacity:.8}to{opacity:1}}@-webkit-keyframes pmove{0%{opacity:.5}to{opacity:.7}to{opacity:1}}@keyframes mymove{0%{opacity:0}to{opacity:.5}to{opacity:1}}@-webkit-keyframes mymove{0%{opacity:0}to{opacity:.5}to{opacity:1}}@-webkit-keyframes labelmove{0%{opacity:0;transform:translateY(150px)}to{transform:translateY(75px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes labelmove{0%{opacity:0;transform:translateY(150px)}to{transform:translateY(75px);opacity:.5}to{transform:translateY(0);opacity:1}}