nav{align-items:center;background-color:#0f172a;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#fff;display:flex;justify-content:space-between;padding:15px 20px}h1{color:#22d3ee;font-size:48px;font-weight:500}nav ul{display:flex}nav ul li{list-style:none;margin:0 10px}nav ul li a{color:#eee;font-size:20px;text-decoration:none}.active,nav ul a:hover{color:#22d3ee}.hero{align-items:center;display:flex;justify-content:center}.quote-container{border:1px solid #22d3ee;color:#cdccccf5;display:flex;flex-direction:column;margin:6rem auto;padding:10px 15px;text-align:center;width:50%}.middle{color:#22d3ee;font-size:larger;margin:0 auto;padding-top:10rem;text-align:center;width:20%}.quote-container span{color:#22d3ee;font-weight:600;margin:20px 0}.quote{font-size:18px;line-height:27px;text-align:center}.rotate{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotateAnimation;animation-name:rotateAnimation;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes rotateAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}main{background-color:#1b2438;color:#5a5a5a;height:100vh}h2{color:#22d3ee;font-size:38px;margin-bottom:3rem;padding-top:3rem;text-align:center}main p{border:1px solid #22d3ee;border-radius:6px;color:#b6b8b9;font-size:18px;line-height:2rem;margin-left:20px;padding:10px 15px;text-align:justify;-webkit-transform:translate(-100%);transform:translate(-100%);width:50%}.reload{-webkit-transform:translateX(0);transform:translateX(0);transition:all 1.5s ease}.second-para{margin-top:3rem;-webkit-transform:translateX(200%);transform:translateX(200%)}.rightLoad{-webkit-transform:translateX(70%);transform:translateX(70%);transition:all 1.5s ease}*{box-sizing:border-box;margin:0;padding:0}.output-result{background-color:#22d3ee;color:#313131;font-size:20px;grid-column:1/5;padding:10px;text-align:end}.container{border:1px solid #000;display:grid;grid-template-columns:repeat(4,1fr);margin:2rem auto;text-align:center;width:30%}.input-button{background-color:#1e293b;border:1px solid #0f172a;color:#22d3ee;font-size:20px;padding:10px 12px;text-align:center}.input-button:hover{background-color:#22d3ee;color:#000}.zero{grid-column:1/3}.orange{background-color:#0f172a;border:1px solid #22d3ee;color:#22d3ee;font-size:1.5rem}.orange:hover{background-color:#22d3ee;border:1px solid #000;color:#000}
/*# sourceMappingURL=main.68de0720.css.map*/