@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@500&family=Montserrat:wght@400;500&family=PT+Serif&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{background:#12c2e9;background:linear-gradient(90deg,#f64f59,#c471ed,#12c2e9)}div.main_div{width:100%;height:100vh;-webkit-justify-content:center;justify-content:center;background-color:#008cff;background:#12c2e9;background:linear-gradient(90deg,#f64f59,#c471ed,#12c2e9)}div.main_div,div.main_div div.center_div{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}div.main_div div.center_div{width:33%;border-radius:25px;background-color:#fff;height:90%;box-shadow:1px 0 23px 8px rgba(0,0,0,.72);-webkit-box-shadow:1px 0 23px 8px rgba(0,0,0,.72);-moz-box-shadow:1px 0 23px 8px rgba(0,0,0,.72)}div.main_div div.center_div h1{width:100%;color:#fff;text-align:center;font-size:40px;background-color:#8b11fd;font-family:"Cinzel",serif;text-shadow:4px 2px 2px #71cc94}div.main_div div.center_div div.inputText{-webkit-flex-direction:row;flex-direction:row;width:100%;height:60px}div.main_div div.center_div div.inputText,div.main_div div.center_div div.inputText input{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}div.main_div div.center_div div.inputText input{width:60%;height:50%;background-color:transparent;outline:none;text-align:center;font-size:22px;margin-right:20px;border:none;border-bottom:2px solid #8b11fd;font-family:"PT Serif",serif}div.main_div div.center_div div.inputText button{height:50px;width:50px;font-size:40px;border-radius:50%;color:#fff;outline:none;border:none;background-color:#8b11fd;font-weight:600;transition:all .3s ease-in}div.main_div div.center_div div.inputText button:hover{background-color:#02d602;cursor:pointer}::-webkit-input-placeholder{color:grey;font-size:22px;padding-bottom:-30px;font-family:"Montserrat",sans-serif}:-ms-input-placeholder{color:grey;font-size:22px;padding-bottom:-30px;font-family:"Montserrat",sans-serif}::placeholder{color:grey;font-size:22px;padding-bottom:-30px;font-family:"Montserrat",sans-serif}div.main_div div.center_div ol{list-style:none;margin-top:50px;height:inherit;width:80%}div.main_div div.center_div ol li{text-align:center;list-style:none;font-size:25px;color:#8b11fd;font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:1px;word-spacing:3px;margin-top:8px;width:100%}div.main_div div.center_div ol div.todo_style{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left}div.main_div div.center_div ol div.todo_style i{height:20px;width:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:50%;color:#fff;margin:10px 15px 0 35px;background-color:#8b11fd;box-shadow:5px 5px 15px -5px rgba(0,0,0,.3);transition:all .3s ease-in}div.main_div div.center_div ol div.todo_style li:hover{color:#dc143c}div.main_div div.center_div ol div.todo_style i:hover{background-color:#dc143c;cursor:pointer}@media (min-width:800px) and (max-width:1200px){div.main_div div.center_div{width:400px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;border-radius:25px;background-color:#fff;height:90%;box-shadow:1px 0 23px 8px rgba(0,0,0,.72);-webkit-box-shadow:1px 0 23px 8px rgba(0,0,0,.72);-moz-box-shadow:1px 0 23px 8px rgba(0,0,0,.72)}}@media (min-width:400px) and (max-width:799px){div.main_div div.center_div{width:350px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;border-radius:25px;background-color:#fff;height:90%;box-shadow:1px 0 23px 8px rgba(0,0,0,.72);-webkit-box-shadow:1px 0 23px 8px rgba(0,0,0,.72);-moz-box-shadow:1px 0 23px 8px rgba(0,0,0,.72)}}@media (min-width:320px) and (max-width:399px){div.main_div div.center_div{width:300px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;border-radius:25px;background-color:#fff;height:90%;box-shadow:1px 0 23px 8px rgba(0,0,0,.72);-webkit-box-shadow:1px 0 23px 8px rgba(0,0,0,.72);-moz-box-shadow:1px 0 23px 8px rgba(0,0,0,.72)}}
/*# sourceMappingURL=main.0addfbd1.chunk.css.map */