*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(rgba(224,255,255,.7),rgba(120,255,248,.7)),url(https://user-images.githubusercontent.com/4598274/32601320-850ce5ba-c542-11e7-8f0b-fa970680f807.png) no-repeat;background-size:100vw 100vh}.App{flex-direction:column;min-height:100vh}.App,.Heading{align-items:center;display:flex;width:100vw}.Heading{height:20vh;justify-content:center;margin:0;z-index:10}.Header{font-family:Rubik Beastly,cursive;font-size:40px;margin-left:20px}.Logo{height:40px}@media (max-width:800px){.Header{font-size:8vw}.Logo{height:8vw}}.InputField{align-items:center;display:flex;position:relative}.Input{border:2px solid #6cb3b3;border-radius:25px;box-shadow:inset 0 0 5px #000;font-family:Quintessential,cursive;font-size:20px;height:50px;padding-left:20px;padding-right:50px;transition:.2s;width:70vw}.Input:focus{box-shadow:0 0 10px 1000px rgba(0,0,0,.5);outline:none}.SubmitBtn{background-color:#6cb3b3;border:none;border-radius:30px;box-shadow:0 0 10px #000;color:#fff;cursor:pointer;font-family:Satisfy,cursive;font-size:12px;height:30px;margin:10px;padding:0 10px;position:absolute;right:0;transition:all .2s}.SubmitBtn:hover{background-color:#8dd}.SubmitBtn:active{box-shadow:0 0 5px #000;-webkit-transform:scale(.8);transform:scale(.8)}.container{align-items:flex-start;display:flex;justify-content:space-between;margin-top:10px;width:70vw}.todos{align-items:center;background-color:#7eb8b8;border-radius:5px;display:flex;flex-direction:column;padding:15px;width:34vw}.remove{background-color:#639191}.dragactive{background-color:#56e1eb}.dragcomplete{background-color:#2da7a7}.drag{box-shadow:0 0 20px #000}.TodosHeading{color:#fff;font-family:Satisfy,cursive;font-size:30px}.TodoSingle{align-items:center;background:linear-gradient(45deg,#bff,#33fff5);border-radius:5px;display:flex;justify-content:center;margin-top:15px;padding:15px;transition:.2s;width:32vw}.TodoSingle:hover{box-shadow:0 0 5px #000;-webkit-transform:scale(1.03);transform:scale(1.03)}.TodoSingleText{background:none;border:none;flex:1 1;font-family:Poppins,sans-serif;font-size:20px;padding:5px}.TodoSingleText:focus{outline:none}.icon{cursor:pointer;font-size:20px;margin-left:10px}@media (max-width:800px){.Input,.todos{width:90vw}.todos{margin-bottom:10px}.TodoSingle{width:80vw}.container{flex-direction:column;width:90vw}}
/*# sourceMappingURL=main.99f8fa18.css.map*/