#root{max-width:1280px;margin:auto;padding:2rem;text-align:center}.welcome-info-container{width:100%;height:400px;display:flex;flex-wrap:wrap;margin-top:1px}.welcome-info-container .welcome-container{width:100%;height:150px}.welcome-info-container .welcome-container .welcome{text-align:center}.welcome-info-container .introduction-container{width:100%;height:150px}.welcome-info-container .introduction-container .h3-info{font-weight:400;text-decoration:underline}.welcome-info-container .introduction-container .span-info{text-align:center}.welcome-info-container .button-container{width:100%;height:400px}.welcome-info-container .button-container .homepage-button{display:inline-block;padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease;margin-right:10px}.welcome-info-container .button-container .homepage-button:hover{background-color:#2980b9}.navigation{height:100px;width:100%;display:flex;justify-content:space-between;padding-top:10px;padding-bottom:50px;margin-bottom:1px}.navigation .title-container{height:100%;width:250px;padding-right:30px}.navigation .title-container .title{color:#7a7777;padding-right:150px;margin-bottom:1px}.navigation .title-container .logo{padding-bottom:10px;padding-right:155px}.navigation .links-container{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end;margin-right:40px}.navigation .links-container .link{padding:10px 25px;cursor:pointer;color:#7a7777}.container{text-align:center;margin:20px}.container h3{font-size:24px;margin-bottom:10px}.container label{display:block;font-size:18px;margin-bottom:10px}.container .submit-button{padding:10px 20px;background-color:#27ae60;color:#fff;border:none;border-radius:3px;font-size:18px;cursor:pointer;transition:background-color .3s}.container .submit-button.disabled{background-color:#ccc;cursor:not-allowed}.countdown-timer-container{text-align:center;margin:20px}.header{font-size:24px;margin-bottom:10px}.timer-values-container{display:flex;justify-content:center}.timer-values{font-size:20px;margin:0 10px;padding:5px 10px;background-color:#333;color:#fff;border-radius:5px}.accordion{border:1px solid #7eafe7;border-radius:4px;margin-bottom:10px;overflow:hidden}.accordion .accordion-header{background-color:#6ca6e9;padding:10px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.accordion .accordion-header h2{margin:0;font-size:16px;font-weight:600}.accordion .accordion-header .arrow{width:15px;height:15px;border:solid #333;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:transform .3s ease}.accordion .accordion-content{padding:10px 20px;background-color:#8db5e2;border-top:1px solid #7eafe7}.accordion.open .accordion-header{background-color:#e0e0e0}.accordion.open .accordion-header .arrow{transform:rotate(-135deg)}.accordion.open .accordion-content{display:block}.user-form-container{display:flex;width:360px;margin-left:auto;margin-right:auto}.user-form-container .submit-button{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.user-form-container .submit-button:hover{background-color:#45a049}.user-form-container .submit-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.user-form-container .span{color:red;margin-left:auto;margin-right:auto;text-align:center;margin-top:50px;font-weight:bolder}.lottery-selector{text-align:center;padding:20px}.lottery-selector h1{font-size:24px;margin-bottom:20px}.lottery-selector .number-container{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.lottery-selector .number-container .number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#3fbb26;border:1px solid #ccc;cursor:pointer;font-size:18px;transition:background-color .3s}.lottery-selector .number-container .number.selected{background-color:#007bff;color:#fff;transition:background-color .3s}.lottery-selector .message{color:red;font-size:16px;margin-top:10px}.lottery-selector .selected-numbers{margin-top:20px}.lottery-selector .selected-numbers h2{font-size:20px}.lottery-selector .selected-numbers p{font-size:18px;font-weight:700}.group{position:relative;margin:45px 0}.group .form-input{background:none;background-color:#fff;color:gray;font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-radius:0;border-bottom:1px solid grey;margin:25px 0}.group .form-input:focus{outline:none}.group .form-input:focus~.form-input-label{top:-14px;font-size:12px;color:#000}.group input[type=password]{letter-spacing:.3em}.group .form-input-label{color:gray;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:.3s ease all;color:#7a7777}.group .form-input-label.shrink{top:-14px;font-size:12px;color:#000}.details-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.details-container .span{margin:5px}.download-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.download-button:hover{background-color:#0056b3}.download-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.currency-converter-container{border:2px solid #333;padding:20px;border-radius:8px;margin:20px auto;max-width:400px;background-color:#8db5e2;text-align:center}.currency-converter-container h2{font-size:1.5rem;margin-bottom:10px}.currency-converter-container ul{list-style-type:none;padding:0}.currency-converter-container ul li{font-size:1.2rem;margin:5px 0}.currency-converter-container ul li .currency-code{font-weight:700;margin-right:5px}.currency-converter-container ul li .converted-amount{font-weight:400;color:#007bff}:root{font-family:Raleway,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}