.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box;font-family:Arial;margin:0;padding:0}#root{overflow-x:hidden}#root,body{height:100vh;width:100vw}body .App .navbar{background-color:#00bfff;flex-direction:row;height:25vh;position:relative;width:100vw}body .App .navbar,body .App .navbar .filter{align-items:center;display:flex;justify-content:center}body .App .navbar .filter{flex-direction:column;left:18vw;position:absolute;top:5.2vh;z-index:1}body .App .navbar .filter h3{font-size:2vw}body .App .navbar .filter input{font-size:2vw;height:5vh;outline:0;width:13vw}body .App .navbar .bilgi{align-items:center;display:flex;flex-direction:row;gap:5vw;justify-content:center;position:absolute;right:10%;top:25%;z-index:5}body .App .navbar .bilgi .bilgi-kutu{background-color:#32ffc9;border-radius:1vw;box-shadow:0 .2vw 1vw .3vw rgba(0,0,0,.36);height:6vw;width:8vw}body .App .navbar .bilgi .bilgi-kutu h1{font-size:4vw;margin-top:.5vw;pointer-events:none;position:relative}body .App .navbar .bilgi .bilgi-kutu h1 span{bottom:-.8vw;font-size:1.5vw;pointer-events:none;position:absolute;right:2vw}body .App .navbar .bilgi .bilgi-kutu2{align-items:center;background-color:#32ffc9;border-radius:1vw;box-shadow:0 .2vw 1vw .3vw rgba(0,0,0,.36);cursor:pointer;display:flex;flex-direction:column;height:6vw;justify-content:center;width:8vw}body .App .navbar .bilgi .bilgi-kutu2 h1{font-size:1.5vw;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none}body .App .navbar .bilgi .bilgi-kutu2 span{font-size:.8vw;font-weight:500;pointer-events:none;right:2.5vw}body .App .navbar .bilgi .bilgi-kutu2 h3{font-size:1.5vw}body .App .navbar .bilgi h1,body .App .navbar .bilgi span{-webkit-user-select:none;user-select:none}body .App .navbar h1{font-size:3vw}body .App .navbar .navbar-item input{font-size:1vw;height:4vh;outline:none;width:25vw}body .App .navbar .navbar-item .button{margin-top:1vw}body .App .navbar .navbar-item .button button{background-color:red;border:none;border-radius:1vw;cursor:pointer;font-size:2vw;height:7vh;width:10vw}body .App .navbar .navbar-item .button button:active{background-color:rgba(0,0,255,.16);border:2px solid #fff;margin-top:.2vw;transition:margin-top}body .App .gorevyok{margin-top:2vw}body .App .uyari{color:red;font-size:25px;margin-top:1vw}body .App .todo-section{height:100%;width:100%}body .App .todo-section *{z-index:3}body .App .todo-section .todo-list{grid-column-gap:25px;grid-row-gap:50px;display:grid;flex-direction:row;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:auto auto auto auto auto;overflow-x:hidden;padding:55px}body .App .todo-section .todo{background-color:#23c3c5;border-radius:25px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:300px;min-height:320px;min-width:250px;width:300px}body .App .todo-section .todo:hover{border:2px solid #000}body .App .todo-section .todo .todo-top{align-items:center;background-color:#dddd4e;border-radius:25px 25px 0 0;display:flex;justify-content:center;max-height:content-box;min-height:180px}body .App .todo-section .todo .todo-top h1{word-wrap:break-word;font-size:25px;width:280px}body .App .todo-section .todo .image img{cursor:pointer;height:100px;margin-left:15px;margin-top:15px;width:80px}body .App .todo-section .todo .image img:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}body .App .todo-section .todo .image:hover .todo{border:2px solid red}
/*# sourceMappingURL=main.64c7b978.css.map*/