body{padding:20px;background:#69cdec;font-family:"Press Start 2P",cursive}#body{display:flex;flex-direction:column;justify-content:space-evenly;align-content:space-evenly;height:100vh}#particles-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background-color:#69cdec}body{margin:0;padding:0;overflow-x:hidden}.timeline__heading{position:relative;font-family:"Press Start 2P",cursive;font-size:3rem;color:#fff;text-align:center;margin-bottom:1.5rem}.timeline__section{position:relative;padding:0 15px;margin-top:40px}.timeline__section::after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:3px;background:#000}@media(max-width: 767px){.timeline__section::after{display:none}}.timeline__point{position:relative;margin-top:40px}.timeline__point::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:20px;height:20px;background:#fff;border:4px solid #000;border-radius:50%;z-index:1}@media(max-width: 767px){.timeline__point::after{display:none}}.timeline__gutter{display:flex;align-items:center;margin-left:0;margin-right:0}.timeline__title{color:#ffe104;text-transform:uppercase;font-size:1.5rem;margin-bottom:.75rem}.timeline__text{color:#fff;font-size:.875rem}.timeline__img{display:block;width:120px;margin:0 auto}.reward{margin-top:30px}.reward .btn{border-radius:10px;transition:background-color .3s,transform .3s}.reward .btn.is-inactive{background-color:#ccc;cursor:not-allowed}.reward .btn.is-active:hover{background-color:#3273dc;transform:translateY(-3px)}@media(max-width: 767px){.timeline__gutter{flex-direction:column}.timeline__section::after{display:none}.timeline__point::after{display:none}}