@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto Condensed,serif}body{height:100vh;width:100%;display:flex;align-items:center;justify-content:center}img{width:100px}.container{display:flex;flex-direction:column;align-items:center;gap:20px;width:350px;box-shadow:#64646f33 0 7px 29px;padding:20px}.inputfield{display:flex;flex-direction:column;width:100%;gap:10px}.inputfield input{padding:5px 10px}.checked-box{display:flex;flex-direction:column;width:100%}.input-field{display:inline-block;margin:5px 0;width:100%}.input-field input{margin-right:10px}.result-box{width:100%;display:flex}.result-box input{flex:1;border:1px solid rgb(62,168,255)}button{padding:5px 10px;border:1px solid transparent;background-color:#3ea8ff;color:#fff;font-weight:700}p span{color:#008cff}