html{font-family:"Montserrat",sans-serif;font-size:17px}body{margin:0;background-image:url(https://images.pexels.com/photos/1363876/pexels-photo-1363876.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.app{display:grid;grid-template:"header-component" "boards-container" "footer";height:100vh;width:100%}.header-component{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-area:header-component;color:#fff;background:transparent;padding-left:5%;text-align:left;max-height:7vh}.boards-container{grid-area:boards-container;display:grid;-webkit-justify-content:center;justify-content:center;grid-template:"task-input" "boards";padding:0 10%}.task-input{grid-area:task-input;text-align:center;color:#fff}.task-input form{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.task-input h2{-webkit-flex-basis:100%;flex-basis:100%;margin-top:0}.task-input textarea{border:1px solid hsla(0,0%,100%,.5333333333333333);border-radius:.4rem;background:rgba(0,0,0,.24);width:200px;height:50px;font-family:"Montserrat",sans-serif;color:#fff}.task-input textarea:active{border-color:hsla(0,0%,100%,.8274509803921568)}.task-input button{font-size:1rem;border-radius:6px;background-color:rgba(0,0,0,.2549019607843137);color:hsla(0,0%,100%,.459);height:40px;width:60px;border:1px solid #a8a8a8;margin-top:.6%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.task-input input,button:hover{background:rgba(0,0,0,.39);color:hsla(0,0%,100%,.774);border-color:#fff;border-style:solid}.boards{grid-area:boards;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center}.boards,.task-board{display:-webkit-flex;display:flex;margin:1%}.task-board{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;padding-bottom:1vh;min-height:29.4vw;min-width:25vw;background:hsla(0,0%,100%,.226);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;border-radius:7px;box-shadow:3px 3px 25px rgba(0,0,0,.507)}.task-board-heading{min-width:100%;text-align:center}.task-board h1{margin:1.5% 1.5% 2%}.board-like{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;overflow:auto;max-height:25.9vw}.board-like,.single-task{display:-webkit-flex;display:flex}.single-task{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;max-width:11vw;max-height:11vw;background-color:rgba(0,0,0,.5411764705882353);margin:2%;text-align:center;min-width:10vw;border-radius:.4rem;word-wrap:break-word}.single-task p{overflow:auto;margin-left:4px;max-height:8vw}@media (max-width:1650px){.single-task{max-width:20vw;min-width:11vw}}@media (max-width:1450px){.single-task{max-width:20vw;min-width:13.2vw}}@media (max-width:1200px){.boards{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.single-task{max-width:26vw;max-height:25vw;min-width:16.3vw;min-height:7.5vw}.single-task p{max-height:16vw}.task-board{width:92vw;height:50vh;margin-top:2vh}.task-input h2{margin-top:3vh}.board-like{max-height:50vh}}@media (max-width:960px){.single-task{max-width:40vw;min-width:24.6vw;min-height:8vw}html{font-size:14px}}@media (max-width:630px){.single-task{max-width:75vw;min-width:26.7vw;min-height:13.3vw}.single-task,.single-task p{max-height:60vw}}.single-task .button{background-color:rgba(0,0,0,.2549019607843137);border:.1em solid #000;font-family:"Roboto",sans-serif;padding:.35em 1.2em;border-radius:6px;box-sizing:border-box;text-decoration:none;font-weight:300;color:#000;text-align:center}.button span{color:hsla(0,0%,100%,.493);font-size:1rem}.single-task-buttons-box{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}.single-task button:hover{background-color:rgba(0,0,0,.4745098039215686)}.single-task button:hover .far{color:red}.single-task button:hover .fa-backward{color:#fe0}.single-task button:hover .fa-check{color:#15ff00}.footer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;align-items:flex-end;grid-area:footer;color:#fff;width:100%}.board-like::-webkit-scrollbar-track,.single-task p::-webkit-scrollbar-track,.text-area-input::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:hsla(0,0%,100%,.5254901960784314)}.board-like::-webkit-scrollbar,.single-task p::-webkit-scrollbar,.text-area-input::-webkit-scrollbar{width:12px}.board-like::-webkit-scrollbar-thumb,.single-task p::-webkit-scrollbar-thumb,.text-area-input::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}
/*# sourceMappingURL=main.59d180a4.chunk.css.map */