@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Roboto', sans-serif;}html{font-size: 16px;scroll-behavior: smooth;}body{background: #ecf0f1;}#logo{width: 100%;text-align: center;padding: 5px 0;background: #2c3e50;}#logo a{text-decoration: none;font-size: 25px;color: #fff;letter-spacing: 0.5px;}.container{width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}#input-box{position: absolute;z-index: -999;opacity: 0;}.time{display: flex;align-items: center;justify-content: center;flex-direction: column;}.time img{width: 100px;}#time{font-size: 36px;}main{width: 1000px;max-width: calc(100% - 16px);min-height: 400px;background: #fff;box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);padding: 20px;font-size: 23px;letter-spacing: 2px;line-height: 35px;word-spacing: 5px;color: rgba(0, 0, 0, 0.7);margin-bottom: 35px;}.corr{color: rgba(0, 0, 255, 0.7);}.err{color: rgba(255, 0, 0, 0.6);background: rgba(255, 0, 0, 0.15);}.active{background: rgba(0, 255, 0, 0.35);animation: bg 1000ms linear infinite;border-bottom: 3px solid rgba(0, 0, 255, 0.4);}@keyframes bg{50%{background: transparent;border-bottom: 3px solid #fff;}100%{background: rgba(0, 255, 0, 0.35);border-bottom: 3px solid rgba(0, 0, 255, 0.4);}}.result{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 10px 0;margin: 15px 0;display: none;}.result section{padding: 15px;background: #fff;margin: 5px;display: flex;flex-direction: column;align-items: center;justify-content: center;}.result section img{width: 130px;}.result section span{font-size: 25px;letter-spacing: 1px;margin: 5px 0;}.br{width: 100%;margin: 5px 0;}#retry{font-size: 23px;padding: 4px 20px;cursor: pointer;background: #EA2027;color: #f3f3f3;border: none;outline: none;letter-spacing: 1px;}#retry:hover{background: #ff3838;}.shr-it{display: flex;font-size: 17px;align-items: center;letter-spacing: 0.6px;color: #222;margin-bottom: 7px;width: 1000px;max-width: calc(100% - 16px);padding: 0 7px;}.resp-sharing-button__link, .resp-sharing-button__icon{display: inline-block;}.resp-sharing-button__link{text-decoration: none;color: #fff;margin: 0.5px;}.resp-sharing-button{transition: 25ms ease-out;padding: 4px 7px;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}.resp-sharing-button__icon svg{width: 16px;height: 16px;margin-right: 0.4rem;vertical-align: top;}.resp-sharing-button--small svg{margin: 0;vertical-align: middle;}.resp-sharing-button__icon{stroke: #fff;fill: none;}.resp-sharing-button__icon--solid, .resp-sharing-button__icon--solidcircle{fill: #fff;stroke: none;}.resp-sharing-button--twitter{background-color: #55acee;}.resp-sharing-button--twitter:hover{background-color: #2795e9;}.resp-sharing-button--facebook{background-color: #3b5998;}.resp-sharing-button--facebook:hover{background-color: #2d4373;}.resp-sharing-button--email{background-color: #777;}.resp-sharing-button--email:hover{background-color: #5e5e5e;}.resp-sharing-button--whatsapp{background-color: #25d366;}.resp-sharing-button--whatsapp:hover{background-color: #1da851;}.resp-sharing-button--facebook{background-color: #3b5998;border-color: #3b5998;}.resp-sharing-button--facebook:hover, .resp-sharing-button--facebook:active{background-color: #2d4373;border-color: #2d4373;}.resp-sharing-button--twitter{background-color: #55acee;border-color: #55acee;}.resp-sharing-button--twitter:hover, .resp-sharing-button--twitter:active{background-color: #2795e9;border-color: #2795e9;}.resp-sharing-button--email{background-color: #777777;border-color: #777777;}.resp-sharing-button--email:hover, .resp-sharing-button--email:active{background-color: #5e5e5e;border-color: #5e5e5e;}.resp-sharing-button--whatsapp{background-color: #25d366;border-color: #25d366;}.resp-sharing-button--whatsapp:hover, .resp-sharing-button--whatsapp:active{background-color: #1da851;border-color: #1da851;}.text{width: 100%;padding: 0 10px;margin-bottom: 10px;}.text h1{font-size: 23px;width: 100%;text-align: center;letter-spacing: 0.5px;line-height: 30px;}.text h2{font-weight: normal;font-size: 21px;line-height: 30px;}.text p{color: #333;font-size: 20px;letter-spacing: 0.7px;line-height: 30px;}@media (max-width:700px){main{font-size: 21px;}}@media (max-width:570px){.result section img{width: 80px;}.result section span{font-size: 20px;}.result section{padding: 5px;}}