@import"https://fonts.googleapis.com/css2?family=Jaro:opsz@6..72&family=Jersey+25+Charted&display=swap";:root{--mainFont: "Joro" }input{width:200px;height:50px;border:none;border-bottom:2px solid rgb(142,134,62);background-color:transparent;outline:currentColor;margin-right:20px}input::placeholder{color:#fcfefd;font-size:20px}input:focus{border-bottom:2px solid rgb(199,188,87)}button{border:1px solid black;border-radius:8px;background-color:#8e863e;height:50px}button[disabled]{background-color:#8f8f8f}form{margin-bottom:200px;width:100%;display:flex;justify-content:center;flex-direction:row}#toDos{display:flex;flex-direction:column;width:100%;gap:20px;align-items:center;margin-bottom:100px}.todo{width:40vw;height:fit-content;text-align:center;transition:.5s;cursor:pointer}.todo p{background-color:#ccc053;border:3px solid rgb(168,160,86);border-radius:8px;transition:.5s;cursor:pointer}@media (hover: hover){.todo p:not(#edit):hover{background-color:#b61616;border-color:#000}}@media (hover: none){.todo p:not(#edit):active{background-color:#b61616;border-color:#000}}p{font-family:Joro,sans-serif;font-size:20px;display:block;width:38vw;word-wrap:break-word}#toDos .todo button{position:absolute;margin-top:-3.3vh;height:30px;margin-left:19vw}dialog{border:3px solid rgb(0,0,0);border-radius:8px;background-color:#fff;width:300px;height:100px;justify-content:center;align-items:center;position:absolute;left:50%;transform:translate(-50%,-50%)}dialog input{width:150px;height:30px;margin-bottom:5px}dialog input::placeholder{font-size:15px;color:green}dialog button{width:130px;height:20px}dialog *{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 365px){dialog{width:200px}input{width:120px}input::placeholder{font-size:15px}button{width:50px;font-size:10px}#toDos .todo button{margin-left:60px;font-size:10px;height:30px;word-wrap:break-word}}@media screen and (max-width: 290px){.todo{margin-left:-50px}}@media screen and (max-width: 208px){input{width:80px}.todo{margin-left:-70px}#toDos .todo button{margin-left:40px}#submit{width:40px;margin-left:-10px}}@media screen and (max-width: 200px){dialog{width:100px}dialog input{width:70px}dialog input::placeholder{font-size:10px}dialog button{width:50px;font-size:10px}}@media screen and (max-width: 125px){input{width:45px}}#tema{display:flex;width:100%;flex-direction:column;align-items:center}h1{margin-bottom:20px;margin-left:-18px}select{outline:none;width:20vw;height:30px;color:#8e863e;font-size:20px;text-align:center;border:none;border-bottom:2px solid rgb(142,134,62);background-color:transparent}option{font-size:20px;color:#c7b725}h1{color:#fff;font-family:Joro,sans-serif;font-size:20px}#err{width:100%;height:80vh;display:flex;justify-content:center;align-items:center}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#cb9f7b}header{margin-top:20px;margin-bottom:100px;display:flex;width:100%;justify-content:center}header:first-child{margin-left:-20px}a{color:#fcdbb3;text-decoration:none;font-size:20px;font-family:Arial,Helvetica,sans-serif;margin-right:20px}@media screen and (max-width: 365px){a{font-size:15px}}@media screen and (max-width: 290px){a:first-child{margin-left:60px;margin-right:20px}a:last-child{margin-left:0}}@media screen and (max-width: 162px){a{font-size:10px}}