@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");:root{--white:#fff;--black:#171717;--background-color:#f3f4f6;--shadow-color:rgba(0,0,0,.1);--header-color:#65a30d;--video-button-color:red;--video-bg-color:#ff7676;--article-color:#0094ff;--article-color-dark:#0079cf;--practice-color:#00b327;--unavailable-color:#d1d5db;--completed-color:#e2be00;--completed-color-light:#f0d000;--product-hunt-color:#da552f;--product-hunt-color-dark:#cc3f18}body,html{margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:var(--background-color)}.inputs-group{display:flex;border-radius:30px;box-shadow:0 2px 5px rgba(0,0,0,.1);width:100%;border:1px solid #ccc;overflow:hidden;align-items:center;position:relative;background-color:#fff}.input-wrapper{padding:10px 0;position:relative}.input-wrapper:after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background-color:#d3d3d3}.input-wrapper:last-child:after{display:none}.input-wrapper:last-child{border-right:none}.landing-input{width:100%;padding:10px 15px;font-size:18px;border:none;outline:none;background-color:transparent}.input-divider{display:none}.intensity-input,.length-input,.search-input{border:none}.input-wrapper{display:flex;align-items:center;flex:1 1}.suggestions-list{list-style:none;padding:0;margin:5px 1% 0;border:1px solid #ccc;border-radius:4px;background-color:#fff;position:absolute;width:33%;max-height:150px;overflow-y:auto;z-index:1000;top:100%;left:0;box-shadow:0 2px 5px rgba(0,0,0,.1);box-sizing:border-box}.margin-left-33{margin:5px 34% 0}.margin-left-66{margin:5px 67% 0}.length-suggestions{width:100%;left:0;right:0}.suggestion-item{padding:8px;cursor:pointer}.suggestion-item:hover{background-color:#f0f0f0}.loading{position:absolute;top:10px;right:10px;color:#999}.hidden{display:none}.submit-button{width:40px;height:40px;border-radius:50%;background-color:var(--completed-color);border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;right:5px;top:50%;transform:translateY(-50%);z-index:10;transition:background-color .3s ease}.submit-button:hover{background-color:var(--completed-color-light)}.pencil-icon{color:var(--white);font-size:16px}.logo-text{color:var(--white);font-size:20px;font-weight:1000;margin-top:2px;margin-left:5px;letter-spacing:.8px}.enroll-button{background-color:var(--completed-color);color:var(--black);font-weight:600;border:none;border-radius:.5rem;padding:12px 24px;cursor:pointer;transition:background-color .3s ease}.enroll-button:hover{background-color:var(--completed-color-light)}.button-container{display:flex;width:252px;gap:10px;margin-right:100px;justify-content:flex-end}footer,header{background-color:#1d232a;display:flex;align-items:center;justify-content:space-between;padding:6px 0;margin:0;width:100%;min-width:800px;height:44px}footer{min-height:120px}header nav{display:flex;align-items:center}header nav a{color:#fff;text-decoration:none;margin:0 30px}footer nav a,header nav a{color:#fff;text-decoration:none;margin:0 15px;transition:background-color .3s ease,color .3s ease}header nav a{font-weight:700;padding:5px 10px;border-radius:5px}footer nav a:hover,header nav a:hover{color:var(--completed-color)}header nav a.active{background-color:var(--completed-color);color:var(--black)}.logo-icon{color:var(--completed-color)}footer .logo-and-text{display:flex;align-items:center;margin-bottom:0}footer .footer-subtext{margin-top:5px;width:300px}footer .footer-subtext p{color:#6c757d;font-size:.8em;margin:0;line-height:1.4}footer nav{display:flex;justify-content:center;flex-grow:1}footer nav a{color:#fff;text-decoration:none;margin:0 15px}footer .legal-links{display:flex;margin-right:100px}footer .legal-links a{color:#fff;text-decoration:none;margin-left:15px;font-size:.9em}footer .logo-container{margin-left:100px;flex-direction:column;align-items:flex-start}.logo-container{width:180px;display:flex;align-items:center;margin-left:100px}@media (max-width:768px){footer,header{min-width:640px}.logo-container,footer .logo-container{width:180px;margin-left:20px}footer .logo-container{width:100px}footer .legal-links{margin-right:20px}footer .footer-subtext{width:150px}.button-container{width:100px;margin-right:5px}}