@import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital@0;1&display=swap);*,:after,:before{box-sizing:border-box}body{background:linear-gradient(185deg,#f79177,#b88571 25%,#c68fce 50%,#da7ca3 75%,#b92a59);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-family:monospace;font-family:Space Mono,monospace;margin:0;overflow-x:hidden}h1{text-transform:uppercase}.App{text-align:center}.Content{background:#31012150;border-radius:7px 3px;box-shadow:1px .1px 5px #31012194;display:flex;flex-direction:column;justify-content:space-evenly;margin:0 auto;width:clamp(30vw,120vw,50vw)}.input-wrapper{display:flex;gap:.5rem;justify-content:center;padding:1rem .5rem}.input-wrapper input{background:#ffffffb0;border:1px solid transparent;border-radius:3px;box-shadow:1px .1px 5px #ffffff71;font-family:Space Mono,monospace;font-size:clamp(.5rem,2rem,1rem);font-style:italic;padding:.3rem;width:calc(clamp(30vw, 120vw, 50vw) - 20%)}.input-wrapper input:focus{box-shadow:1px .1px 5px #310121a1;outline:1px solid #310121}.add-button{background:#3101218e;border:1px solid #fff;border-radius:30%;color:#fff}.input-list{margin-top:-1rem}.todo-list{flex-direction:column;padding-left:0}.todo,.todo-list{display:flex;gap:.5rem}.todo{align-items:center;border-radius:7px 7px;flex-direction:row;justify-content:center;margin:0 auto;overflow-wrap:anywhere;padding:.3rem .5rem;text-align:center;width:calc(clamp(30vw, 120vw, 50vw) - 45%)}.todo-list li{border-radius:5px;font-size:clamp(.3rem,2rem,1rem);list-style-type:none;padding:.3rem .5rem;width:calc(clamp(30vw, 120vw, 50vw) - 45%)}.delete-button,.todo-list li{background:#3101218e;border:1px solid #fff;color:#fff}.delete-button{border-radius:30%;font-size:clamp(.1rem,1rem,.7rem);height:10%;padding:.5rem}.add-button:hover,.delete-button:hover{background:#ffffffa2;border:1px solid #310121;color:#310121}.socials{display:flex;flex-direction:row;gap:.7rem;justify-content:center}.socials a:visited{color:#000}.socials a:hover{color:#770f18;-webkit-filter:drop-shadow(0 0 .15rem #947779c9);filter:drop-shadow(0 0 .15rem #947779c9)}.source:visited{color:#000}.source{text-decoration:none}.source:hover{color:#770f37;text-decoration:underline;text-underline-offset:.4rem}@media screen and (min-width:300px) and (max-width:538px){.Content,.input-wrapper{width:85vw}.input-wrapper input{width:67vw}.todo{justify-content:flex-end;width:70vw}.todo li{width:50vw}}@media screen and (min-width:300px) and (max-width:450px){.todo li{width:67vw}.delete-button{padding-left:.3rem;padding-right:.3rem}}
/*# sourceMappingURL=main.ed90150f.css.map*/