.home{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20vh;height:100vh;background-color:#000;transition:background-color .5s ease-in-out}.home h1{color:#fff;font-size:5rem!important;font-weight:700;text-transform:capitalize;background:-webkit-linear-gradient(#0b40a1 1%,#5687db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.home h2{font-size:2rem;margin-bottom:2rem;font-weight:400;margin-top:20px}.start-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;width:15rem;height:3rem;border-radius:5px;background-color:transparent;color:#fff;font-size:1.3rem;font-weight:500;text-transform:capitalize;cursor:pointer;border:.25px solid #bbb9b9}.dark-mode .home{background-color:#fff}.dark-mode .home h1{color:#000;font-size:5rem!important;font-weight:700;text-transform:capitalize;background:-webkit-linear-gradient(#0b40a1 1%,#5687db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.dark-mode .home h2{color:#000;transition:color .5s ease-in-out}.dark-mode .start-btn{background-color:transparent;color:#000;border:1px solid #000}.hero{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-around;padding-top:5vh;width:100vw;height:100vh}.sentence{text-align:left;margin-bottom:30px;font-size:1em}.sentence span{color:#fff;font-size:2em;font-weight:300;margin-bottom:30px}.dark-mode .sentence span{color:#000}.words{display:inline;text-indent:10px}.words span{position:absolute;opacity:0;overflow:hidden;width:100%;font-weight:700}.rotate span{animation:rotateWord 7s linear infinite}.words span:first-child{font-weight:700;text-transform:capitalize;background:-webkit-linear-gradient(#0b40a1 1%,#5687db);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.words span:nth-child(2){animation-delay:3s}.words span:nth-child(2),.words span:nth-child(3){font-weight:700;text-transform:capitalize;background:-webkit-linear-gradient(#0b40a1 1%,#5687db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.words span:nth-child(3){animation-delay:5s}.words span:nth-child(4){color:#2e4279;animation-delay:7s}.words span:nth-child(5){color:#2e4279;animation-delay:9s}.words span:nth-child(6){color:#2e4279;animation-delay:15s}@keyframes rotateWord{0%{opacity:0}2%{opacity:0;transform:translateY(-30px)}5%{opacity:1;transform:translateY(0)}17%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(30px)}80%{opacity:0}to{opacity:0}}@media screen and (max-width:420px){.words{display:block;text-indent:0}}